:root{--terracotta: #D96D4A;--terracotta-d: #B8542F;--terracotta-s: rgba(217,109,74,.12);--sage: #8FA17A;--sage-d: #6F8460;--sage-s: rgba(143,161,122,.15);--mustard: #E8B04A;--mustard-d: #C8932E;--mustard-s: rgba(232,176,74,.18);--plum: #7C5168;--plum-s: rgba(124,81,104,.12);--rust: #A14F2A;--cream: #F6EFE3;--cream-2: #EFE6D4;--paper: #FBF7EE;--ink: #2A2622;--ink-2: #5C5249;--ink-3: #8A7E73;--hairline: rgba(42,38,34,.08);--hairline-2: rgba(42,38,34,.14);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Fraktur", "Playfair Display", serif;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 32px;--r-pill: 9999px;--shadow-card: 0 8px 24px rgba(60,40,20,.06);--shadow-lift: 0 16px 40px rgba(60,40,20,.1);--shadow-btn: 0 6px 18px rgba(217,109,74,.28);--ease: cubic-bezier(.45, .05, .55, .95);--ease-io: cubic-bezier(.4, 0, .6, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overscroll-behavior-y:none}#root{min-height:100dvh}@media (min-width: 720px){body{background:radial-gradient(ellipse at top,var(--cream-2),var(--cream) 60%,#D9CFB8);display:flex;align-items:center;justify-content:center;padding:24px 0}#root{width:min(440px,calc(100vw - 32px));height:min(900px,calc(100dvh - 48px));min-height:0;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px #3c28142e,0 0 0 1px #3c281414;background:var(--paper)}}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,textarea{font-family:inherit}.app{width:100%;height:100%;min-height:100dvh;background:var(--paper);position:relative;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font);color:var(--ink);padding-top:env(safe-area-inset-top)}@media (min-width: 720px){.app{min-height:0;padding-top:0}}.app-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.app-scroll::-webkit-scrollbar{display:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--paper) 70%,rgba(251,247,238,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wordmark{font-family:var(--font);font-weight:900;font-size:26px;letter-spacing:-.04em;color:var(--ink)}.wordmark .o,.wordmark .k{color:var(--terracotta)}.icon-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);position:relative;transition:background .2s var(--ease-io)}.icon-btn:active{background:var(--hairline)}.icon-btn .badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:var(--terracotta);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--paper)}.tab-bar{position:fixed;bottom:0;left:0;right:0;padding:8px 20px calc(12px + env(safe-area-inset-bottom));background:#fbf7eeeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-around;z-index:30}@media (min-width: 720px){.tab-bar{position:absolute}}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-3);font-size:10px;font-weight:600;padding:4px 8px;transition:color .18s var(--ease-io)}.tab-item.active{color:var(--ink)}.tab-item.active svg{color:var(--terracotta)}.tab-fab{width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;margin-top:-16px;box-shadow:0 8px 24px #2a262240;transition:transform .18s var(--ease-io)}.tab-fab:active{transform:scale(.94)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:600;border-radius:var(--r-pill);transition:opacity .18s,transform .18s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:active{opacity:.92}.btn-accent{background:var(--terracotta);color:#fff;box-shadow:var(--shadow-btn)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--hairline-2)}.btn-block{width:100%}.btn-sm{padding:9px 16px;font-size:13px}.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--cream-2);color:var(--ink-2);border:1px solid var(--hairline)}.chip-terracotta{background:var(--terracotta-s);color:var(--terracotta-d);border-color:transparent}.chip-sage{background:var(--sage-s);color:var(--sage-d);border-color:transparent}.chip-mustard{background:var(--mustard-s);color:var(--mustard-d);border-color:transparent}.chip-plum{background:var(--plum-s);color:var(--plum);border-color:transparent}.chip-ink{background:var(--ink);color:var(--paper);border-color:transparent}.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:22px 20px 10px}.section-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.section-head .more{font-size:13px;font-weight:600;color:var(--terracotta-d)}.section-sub{font-size:13px;color:var(--ink-3);padding:0 20px 4px;margin:0}.stories{display:flex;gap:14px;padding:8px 20px 16px;overflow-x:auto;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:72px}.story-ring{width:68px;height:68px;border-radius:50%;padding:2.5px;background:linear-gradient(135deg,var(--terracotta),var(--mustard) 50%,var(--sage));display:flex;align-items:center;justify-content:center}.story-ring.viewed{background:var(--hairline-2)}.story-ring.add{background:transparent;border:1.8px dashed var(--ink-3);padding:0}.story-img{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--paper)}.story-label{font-size:11px;font-weight:500;color:var(--ink-2);max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-card{background:var(--paper);margin-bottom:8px}.feed-head{display:flex;align-items:center;gap:10px;padding:10px 16px}.avatar{width:36px;height:36px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:1.5px solid var(--cream)}.feed-meta{flex:1;min-width:0;display:flex;flex-direction:column}.feed-meta .name{font-size:14px;font-weight:700;color:var(--ink)}.feed-meta .sub{font-size:11px;color:var(--ink-3)}.feed-photo{width:100%;aspect-ratio:4 / 5;background-size:cover;background-position:center;position:relative;background-color:var(--cream-2)}.feed-tag-pin{position:absolute;width:22px;height:22px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--ink);box-shadow:0 2px 8px #00000040,0 0 0 2px #0000000f;cursor:pointer;transform:translate(-50%,-50%);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #00000040,0 0 #ffffffb3}50%{box-shadow:0 2px 8px #00000040,0 0 0 8px #fff0}}.feed-tag-card{position:absolute;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:8px 12px 8px 8px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #0000002e;font-size:12px;white-space:nowrap}.feed-tag-card .tt{font-weight:700;color:var(--ink);display:block}.feed-tag-card .ts{color:var(--ink-3);font-size:10px}.feed-tag-card .ti{width:36px;height:36px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--cream-2)}.feed-actions{display:flex;align-items:center;gap:14px;padding:10px 16px 6px}.feed-actions .spacer{flex:1}.feed-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.feed-caption{padding:2px 16px 6px;font-size:13px;line-height:1.4;color:var(--ink)}.feed-caption .name{font-weight:700;margin-right:6px}.feed-stats{padding:2px 16px 12px;font-size:12px;color:var(--ink-3)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 4px}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.grid-tile{aspect-ratio:1 / 1;background-size:cover;background-position:center;background-color:var(--cream-2);position:relative;border-radius:2px;overflow:hidden}.grid-tile.r-md{border-radius:var(--r-md)}.grid-tile.r-lg{border-radius:var(--r-lg);aspect-ratio:3/4}.grid-tile .badge{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border-radius:var(--r-pill);padding:2px 7px;font-size:10px;font-weight:700}.grid-tile .label{position:absolute;bottom:0;left:0;right:0;padding:14px 10px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));color:#fff;font-size:12px;font-weight:600}.search{margin:0 20px 8px;background:var(--cream-2);border-radius:var(--r-md);padding:10px 14px;display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:14px}.search input{flex:1;background:none;border:none;outline:none;font-size:14px;color:var(--ink)}.search input::placeholder{color:var(--ink-3)}.input{width:100%;background:var(--cream);border:1.5px solid var(--hairline);border-radius:var(--r-md);padding:12px 14px;font-size:15px;color:var(--ink);outline:none;transition:border-color .18s}.input:focus{border-color:var(--terracotta)}.input-label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.field{margin-bottom:16px;padding:0 20px}.pill-row{display:flex;gap:8px;padding:4px 20px 14px;overflow-x:auto;scrollbar-width:none}.pill-row::-webkit-scrollbar{display:none}.pill{flex-shrink:0;padding:7px 14px;border-radius:var(--r-pill);background:var(--cream-2);color:var(--ink-2);font-size:13px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:all .18s var(--ease-io)}.pill.active{background:var(--ink);color:var(--paper)}.stat-card{padding:16px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--hairline);display:flex;flex-direction:column;gap:4px}.stat-card .num{font-size:28px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}.stat-card .lbl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.stat-card.mustard{background:var(--mustard-s);border-color:transparent}.stat-card.terracotta{background:var(--terracotta-s);border-color:transparent}.stat-card.sage{background:var(--sage-s);border-color:transparent}.stat-card.plum{background:var(--plum-s);border-color:transparent}.list-row{display:flex;align-items:center;gap:12px;padding:12px 20px;background:transparent;border-bottom:1px solid var(--hairline)}.list-row:last-child{border-bottom:none}.list-row .thumb{width:56px;height:56px;border-radius:var(--r-md);background-size:cover;background-position:center;background-color:var(--cream-2);flex-shrink:0}.list-row .meta{flex:1;min-width:0}.list-row .meta .t{font-size:14px;font-weight:700;color:var(--ink)}.list-row .meta .s{font-size:12px;color:var(--ink-3);margin-top:2px}.list-row .end{font-size:13px;font-weight:700;color:var(--terracotta-d)}.empty{padding:40px 24px;text-align:center;color:var(--ink-3)}.empty h3{color:var(--ink);margin:0 0 6px;font-size:16px}.sheet-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#140f0a73;z-index:50;display:flex;align-items:flex-end;animation:fadeIn .24s var(--ease-io)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;background:var(--paper);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:8px 0 50px;max-height:88%;overflow-y:auto;animation:slideUp .32s var(--ease)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;border-radius:9999px;background:var(--hairline-2);margin:8px auto 12px}.sheet-title{font-size:18px;font-weight:800;letter-spacing:-.01em;padding:4px 20px 12px;margin:0}.camera-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#16110d;z-index:40;color:#fff;display:flex;flex-direction:column}.camera-top{padding:60px 20px 12px;display:flex;align-items:center;justify-content:space-between}.cam-close{width:40px;height:40px;border-radius:50%;background:#ffffff26;display:inline-flex;align-items:center;justify-content:center;color:#fff}.camera-mode-row{display:flex;gap:18px;justify-content:center;padding:14px 0 6px;font-size:13px;font-weight:600;color:#ffffff8c}.camera-mode-row .active{color:var(--mustard)}.viewfinder{flex:1;margin:8px 16px;border-radius:var(--r-2xl);background:linear-gradient(160deg,#2a221a,#1a1410);position:relative;overflow:hidden}.viewfinder .crosshair{position:absolute;top:32px;right:32px;bottom:32px;left:32px;border:1.5px dashed rgba(255,255,255,.18);border-radius:var(--r-xl)}.viewfinder .corner{position:absolute;width:28px;height:28px;border:2.5px solid var(--mustard)}.viewfinder .corner.tl{top:24px;left:24px;border-right:none;border-bottom:none;border-top-left-radius:8px}.viewfinder .corner.tr{top:24px;right:24px;border-left:none;border-bottom:none;border-top-right-radius:8px}.viewfinder .corner.bl{bottom:24px;left:24px;border-right:none;border-top:none;border-bottom-left-radius:8px}.viewfinder .corner.br{bottom:24px;right:24px;border-left:none;border-top:none;border-bottom-right-radius:8px}.viewfinder .scan{position:absolute;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,rgba(232,176,74,.4),transparent);animation:scanLine 2.4s linear infinite}@keyframes scanLine{0%{top:-60px}to{top:100%}}.viewfinder .hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffffb3;background:#00000080;padding:6px 14px;border-radius:var(--r-pill);white-space:nowrap}.shutter-row{padding:16px 20px 50px;display:flex;align-items:center;justify-content:space-around}.shutter{width:76px;height:76px;border-radius:50%;border:4px solid #fff;background:var(--mustard);box-shadow:0 0 0 4px #ffffff2e;transition:transform .18s}.shutter:active{transform:scale(.94)}.cam-side{width:48px;height:48px;border-radius:50%;background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;color:#fff}.detect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#16110d;z-index:41;display:flex;flex-direction:column;color:#fff}.detect-photo{flex:0 0 60%;background-size:cover;background-position:center;position:relative}.detect-result{flex:1;background:var(--paper);color:var(--ink);border-radius:var(--r-2xl) var(--r-2xl) 0 0;margin-top:-28px;padding:18px 0 100px;position:relative;overflow-y:auto}.detect-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:var(--mustard);opacity:.5;animation:detectPulse 1.4s var(--ease) infinite}@keyframes detectPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.confidence{display:inline-flex;align-items:center;gap:6px;background:var(--sage-s);color:var(--sage-d);padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.04em}.dot{width:6px;height:6px;border-radius:50%;background:var(--sage-d)}.outfit-hero{width:100%;aspect-ratio:4/5;background-size:cover;background-position:center;position:relative}.outfit-hero .pin{position:absolute;width:28px;height:28px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--ink);transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.dot-row{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--ink-3)}.dot-row .swatch{width:12px;height:12px;border-radius:50%;border:1px solid var(--hairline-2)}.wear-bar{height:8px;border-radius:9999px;background:var(--cream-2);overflow:hidden}.wear-bar .fill{height:100%;background:linear-gradient(90deg,var(--terracotta),var(--mustard));border-radius:9999px}.gen-card{border-radius:var(--r-2xl);overflow:hidden;background:var(--cream-2);position:relative;box-shadow:var(--shadow-lift)}.gen-card .top{aspect-ratio:4/5;background-size:cover;background-position:center;position:relative}.gen-card .bottom{background:var(--paper);padding:14px 16px}.gen-card .label{position:absolute;top:14px;left:14px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#ffffffeb;color:var(--ink);padding:4px 10px;border-radius:var(--r-pill)}.gen-actions{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 0}.gen-action{width:60px;height:60px;border-radius:50%;background:var(--paper);border:1px solid var(--hairline);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);transition:transform .18s}.gen-action:active{transform:scale(.92)}.gen-action.x{color:var(--terracotta-d)}.gen-action.heart{color:#fff;background:var(--terracotta);border-color:transparent;width:72px;height:72px;box-shadow:var(--shadow-btn)}.gen-action.save{color:var(--sage-d)}.heart-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);font-size:80px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);opacity:0;pointer-events:none;animation:heartBurst .8s var(--ease) forwards}@keyframes heartBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.profile-head{padding:16px 20px 8px;display:flex;align-items:center;gap:16px}.profile-avatar{width:88px;height:88px;border-radius:50%;background-size:cover;background-position:center;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--hairline)}.profile-stats{display:flex;gap:24px;flex:1}.profile-stat{display:flex;flex-direction:column;align-items:center}.profile-stat .n{font-size:18px;font-weight:800;color:var(--ink)}.profile-stat .l{font-size:11px;color:var(--ink-3);margin-top:2px}.profile-bio{padding:4px 20px 14px}.profile-bio .name{font-size:15px;font-weight:700;color:var(--ink)}.profile-bio .handle{font-size:12px;color:var(--ink-3);margin-bottom:6px}.profile-bio .desc{font-size:13px;color:var(--ink-2);line-height:1.45}.tab-row{display:flex;align-items:center;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.tab-row>*{flex:1;padding:12px 0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3)}.tab-row .active{color:var(--ink);border-bottom:2px solid var(--ink);margin-bottom:-1px}.scan-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.scan-ring:before,.scan-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--mustard);opacity:0;animation:scanRing 2.2s var(--ease) infinite}.scan-ring:after{animation-delay:1.1s}@keyframes scanRing{0%{transform:scale(.96);opacity:0}20%{opacity:.9}to{transform:scale(1.04);opacity:0}}