@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;560;700&family=Fraunces:opsz,wght@9..144,560;9..144,700&display=swap";:root{--ink:#152033;--ink-soft:#3a4558;--paper:#e8eef6;--paper-2:#d5dee9;--panel:#f8fbffe0;--line:#1520331f;--accent:#1f4d6d;--accent-2:#0f7a6c;--danger:#8b2e2e;--shadow:0 18px 50px #1520331f;--radius:18px;--font-brand:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--font-body:"Figtree", "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 700px at 12% -10%, #1f4d6d38, transparent 55%), radial-gradient(900px 600px at 100% 0%, #0f7a6c29, transparent 50%), linear-gradient(165deg, var(--paper), var(--paper-2));background-attachment:fixed}a{color:var(--accent)}.shell{width:min(960px,100% - 2rem);margin:0 auto;padding:1.5rem 0 3rem}.brand{font-family:var(--font-brand);letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,8vw,3.6rem);line-height:1}.topbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-inline-start:1.1rem;display:flex}h1,h2{font-family:var(--font-brand);letter-spacing:-.02em;font-weight:560}h1{margin:.35rem 0 .5rem;font-size:clamp(1.6rem,5vw,2.2rem)}.lede,.muted{color:var(--ink-soft);line-height:1.45}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.1rem 1.15rem}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}button,.button{appearance:none;background:var(--accent);color:#f7fbff;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}button:hover,.button:hover{background:#173a53;transform:translateY(-1px)}button.secondary,.button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button.danger{background:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}input,select,textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffffe6;border-radius:12px;min-height:2.75rem;padding:.75rem .85rem;font-size:16px}label{gap:.35rem;font-size:.92rem;font-weight:560;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:.85rem;display:grid}.form-grid>label{align-content:start}.form-grid .field-title{min-height:1.25em;line-height:1.25;display:block}.attr-hygiene-chip{border:1px solid var(--line);color:var(--ink-soft);background:#ffffffa6;border-radius:10px;gap:.35rem;margin-top:.15rem;padding:.35rem .45rem;font-size:.82rem;font-weight:400;display:grid}.attr-hygiene-prompt{line-height:1.3}.attr-hygiene-actions{flex-wrap:wrap;gap:.35rem;display:flex}.attr-hygiene-actions button{min-height:2rem;padding:.25rem .65rem;font-size:.82rem}.search{flex:220px}.filter-fold{gap:.75rem;display:grid}.filter-fold-toggle{justify-self:start;min-height:2.75rem}.filter-bar{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;gap:.75rem;padding:.85rem .9rem;display:grid}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:.75rem;display:grid}.filter-field{margin:0}.filter-field .field-title{min-height:1.25em;font-size:.85rem;line-height:1.25;display:block}.filter-actions{justify-content:flex-end}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem;display:grid}.catalog-count{text-align:right;color:var(--ink-soft);margin:.35rem 0 0;font-size:.9rem}.page-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-top:.5rem;display:flex}.page-footer .meta{margin:0}.page-footer .sign-out{min-width:7.5rem;margin-inline-start:auto}.item-card{text-align:left;border:1px solid var(--line);color:inherit;cursor:pointer;background:#ffffffb8;border-radius:16px;gap:.55rem;padding:0;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.item-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.item-card img,.thumb{aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#1f4d6d26,#0f7a6c1f);width:100%;display:block}.item-card .meta{padding:0 .75rem .85rem}.item-card .title{margin:0;font-weight:700}.item-card .sub-row,.lede-row{align-items:center;gap:.45rem;display:flex}.item-card .sub-row{margin:.15rem 0 0}.item-card .sub,.lede-row .lede{flex:1;min-width:0;margin:0}.item-card .sub{color:var(--ink-soft);font-size:.88rem}.wada-swatch{border:1px solid #141c2447;border-radius:50%;flex:none;width:.85rem;height:.85rem;box-shadow:inset 0 0 0 1px #ffffff59}.lede-row .wada-swatch{width:1.7rem;height:1.7rem}.wada-field{border:1px solid var(--line);background:#ffffff73;border-radius:12px;margin-top:.35rem;padding:.75rem .85rem}.wada-field-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.wada-field-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.wada-chips{gap:.45rem;display:grid}.wada-chip{border:1px solid var(--line);background:#ffffffb3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;padding:.35rem .45rem;display:flex}.wada-chip-swatch,.wada-result-swatch{border:1px solid #141c2447;border-radius:50%;flex:none;width:1.1rem;height:1.1rem}.wada-chip-name,.wada-result-name{flex:1;min-width:6rem;font-size:.9rem;font-weight:500}.wada-chip-primary,.wada-chip-remove,.wada-clear,.wada-from-photo,.wada-expand,.wada-collapse{padding:.25rem .55rem;font-size:.8rem}.wada-search{width:100%}.wada-results{border:1px solid var(--line);background:#fffc;border-radius:10px;gap:.25rem;max-height:14rem;padding:.15rem;display:grid;overflow:auto}.wada-result{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.55rem;padding:.45rem .55rem;display:flex}.wada-result:hover,.wada-result:focus-visible{background:#1f4d6d1a}.status{min-height:1.25rem;color:var(--ink-soft)}.error{color:var(--danger)}.gate{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.gate-card{width:min(420px,100%);animation:.48s both rise}.gate-card .brand{margin-bottom:.4rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.detail-photos{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;display:grid}.detail-photos img{aspect-ratio:1;object-fit:cover;cursor:zoom-in;border-radius:14px;width:100%;display:block}.detail-photos button.photo-open{cursor:zoom-in;color:inherit;background:0 0;border:0;border-radius:14px;padding:0;overflow:hidden}.detail-actions{justify-content:space-between;width:100%}.detail-entry-date{white-space:nowrap;margin:0;font-size:.85rem}.field-label{margin:0;font-size:.92rem;font-weight:560}.field-hint{color:var(--ink-soft);font-size:.78rem;font-weight:400}.assist-panel{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;padding:.9rem 1rem}.assist-panel h2{margin:0;font-size:1.15rem}.assist-label{margin:0;font-weight:560}.assist-progress{color:var(--accent-2);margin:0;font-size:.9rem;font-weight:560}.assist-questions{color:var(--ink-soft);margin:0;padding-left:1.2rem}.assist-early-actions{align-items:center}.photo-capture-actions button{min-width:7.5rem;min-height:2.75rem}.pending-photo-strip{-webkit-overflow-scrolling:touch;gap:.65rem;padding:.15rem .1rem .35rem;display:flex;overflow-x:auto}.pending-photo{flex:none;width:5.5rem;position:relative}.pending-photo img{object-fit:cover;background:#1520330f;border-radius:12px;width:5.5rem;height:5.5rem;display:block}.pending-photo-remove{background:#f8fbffeb;border-radius:999px;width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:0;font-size:1.15rem;line-height:1;position:absolute;top:.25rem;right:.25rem}.item-form{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.form-sticky-actions{z-index:20;padding:.65rem .35rem calc(.65rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#f8fbff33 0%,#f8fbfff0 28%,#f8fbfffa 100%);flex-wrap:wrap;align-items:center;gap:.55rem;margin:.25rem -.15rem -.35rem;display:flex;position:sticky;bottom:0}.form-sticky-actions button{flex:auto;min-width:6.5rem;min-height:2.85rem}.ai-context{border-left:3px solid var(--accent-2);color:var(--ink-soft);white-space:pre-wrap;background:#ffffff73;border-radius:0 12px 12px 0;margin:0;padding:.75rem .85rem}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:4.5rem;font:inherit;color:inherit;background:#ffffffb8;border-radius:12px;padding:.75rem .85rem;font-size:16px}.edit-photos{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.edit-photo{gap:.4rem;display:grid}.edit-photo-media{border-radius:14px;position:relative;overflow:hidden}.edit-photo img,.edit-photo .thumb{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%}.edit-photo button.photo-open{cursor:zoom-in;width:100%;color:inherit;background:0 0;border:0;border-radius:14px;padding:0;display:block;overflow:hidden}.edit-photo button.photo-open img{cursor:zoom-in}.edit-photo .photo-primary,.edit-photo .photo-rotate{z-index:1;color:#152033;cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;padding:0;display:grid;position:absolute;right:.45rem;box-shadow:0 1px 4px #15203338}.edit-photo .photo-primary{top:.45rem}.edit-photo .photo-rotate{bottom:.45rem}.edit-photo .photo-primary:hover:not(:disabled),.edit-photo .photo-primary:focus-visible,.edit-photo .photo-rotate:hover:not(:disabled),.edit-photo .photo-rotate:focus-visible{background:#fff}.edit-photo .photo-primary:disabled,.edit-photo .photo-rotate:disabled{opacity:.55;cursor:wait}.edit-photo .photo-primary-icon,.edit-photo .photo-rotate-icon{width:1.15rem;height:1.15rem;display:block}.edit-photo.is-rotating .edit-photo-media:after{content:"";pointer-events:none;background:#ffffff59;border-radius:14px;position:absolute;inset:0}.edit-photo.is-rotating .photo-rotate-icon{animation:.7s linear infinite photo-rotate-spin}@keyframes photo-rotate-spin{to{transform:rotate(360deg)}}.edit-photo .photo-remove{width:100%;padding:.45rem .6rem;font-size:.85rem}.photo-lightbox{z-index:1000;background:#152033d1;place-items:center;padding:1.25rem;animation:.16s both lightbox-in;display:grid;position:fixed;inset:0}.photo-lightbox-inner{justify-items:end;gap:.75rem;max-width:min(960px,100%);max-height:min(92dvh,100%);display:grid;position:relative}.photo-lightbox img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(84dvh,100%);box-shadow:var(--shadow);background:#ffffff0f;border-radius:12px;display:block}.photo-lightbox-close{min-width:2.5rem}.hidden{display:none!important}.meta a{color:var(--ink-soft)}.suggest-form{max-width:36rem}.suggest-engine{margin:0;font-size:.9rem}.suggest-export{margin:.15rem 0 .1rem}button.linkish{color:var(--ink-soft);text-underline-offset:.18em;background:0 0;border:0;border-radius:0;padding:.35rem .15rem;font-size:.92rem;font-weight:560;text-decoration:underline}button.linkish:hover{color:var(--ink);background:0 0;transform:none}.suggest-progress,.catalog-progress{border:1px solid var(--line);border-radius:var(--radius);background:#f8fbffb8;gap:.75rem;max-width:28rem;margin-top:.35rem;padding:1.1rem 1.15rem 1.2rem;animation:.48s both rise;display:grid}.suggest-progress-status,.catalog-progress-status{font-family:var(--font-brand);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:560}.suggest-progress-tip,.catalog-progress-tip{min-height:1.35em;margin:0;font-size:.9rem;transition:opacity .28s}.suggest-progress-track,.catalog-progress-track{background:#15203314;border-radius:999px;height:.35rem;position:relative;overflow:hidden}.suggest-progress-bar,.catalog-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);width:42%;animation:2.4s ease-in-out infinite suggest-progress-slide;position:absolute;inset:0 auto 0 0}@keyframes suggest-progress-slide{0%{opacity:.7;transform:translate(-20%)}50%{opacity:1;transform:translate(140%)}to{opacity:.7;transform:translate(260%)}}.looks-grid{gap:1.25rem;animation:.42s both rise;display:grid}.look-card{border:1px solid var(--line);background:#ffffff8c;border-radius:16px;gap:.55rem;padding:.9rem .95rem 1rem;display:grid}.look-card h2{margin:0;font-size:1.25rem}.look-summary{margin:0;font-size:.92rem}.look-rationale{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.45}.look-body{gap:.65rem;min-width:0;display:grid}.look-piece-col{align-content:start;gap:.28rem;min-width:0;display:grid}.look-wada-swatch{gap:.28rem;min-width:0;display:grid}.look-wada-swatch--empty{visibility:hidden}.look-wada-block{aspect-ratio:5/3;border:1px solid var(--line);border-radius:4px;width:100%;box-shadow:inset 0 0 0 1px #fff3}.look-wada-name{color:var(--ink-soft);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.2;overflow:hidden}.look-pieces{grid-template-columns:repeat(auto-fill,minmax(5.75rem,1fr));gap:.55rem;display:grid}.look-piece{aspect-ratio:1;background:#1520330f;border-radius:10px;margin:0;overflow:hidden}.look-piece-btn{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.look-piece-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.look-piece img,.look-piece .thumb{object-fit:cover;width:100%;height:100%;display:block}.look-piece .thumb{color:var(--ink-soft);place-items:center;font-size:.75rem;display:grid}@media (width>=720px){.look-pieces{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}}.look-hero{aspect-ratio:3/4;background:radial-gradient(at 50% 18%,#f2f5f8 0%,#0000 55%),linear-gradient(165deg,#e8eef4 0%,#d5dde6 55%,#c8d0da 100%);border-radius:12px;min-height:12rem;position:relative;overflow:hidden}.look-hero--mannequin{place-items:center;padding:.5rem .35rem;display:grid}.look-mannequin{width:100%;height:100%;max-height:100%;display:block}.mannequin-head,.mannequin-guide{fill:#15203312}.mannequin-panel{stroke:#15203338;stroke-width:.55px;stroke-linejoin:round;stroke-linecap:round}.mannequin-wash,.mannequin-tex{stroke:none}.look-hero-empty{text-align:center;place-items:center;margin:0;padding:1rem;display:grid;position:absolute;inset:0}.look-strip{flex-direction:column;flex-shrink:0;gap:.45rem;width:4.5rem;display:flex}.look-strip-thumb{aspect-ratio:1;background:#1520330f;border-radius:8px;width:100%;margin:0;overflow:hidden}.look-strip-thumb img,.look-strip-thumb .thumb{object-fit:cover;width:100%;height:100%;display:block}@media (width<=640px){.shell{width:min(960px,100% - 1.25rem);padding-bottom:1.25rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-grid input,.form-grid textarea,.assist-panel textarea{min-height:3rem}.photo-capture-actions,.assist-early-actions,.form-sticky-actions{gap:.65rem}.photo-capture-actions button,.assist-early-actions button,.form-sticky-actions button,.edit-photo .photo-remove,.filter-fold-toggle,.topbar-actions button{min-height:3rem;padding:.85rem 1.1rem}.item-form{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom,0px))}}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
