:root{--cream: #fcf7ee;--cream-2: #efe3d2;--ink: #2a2320;--muted: #a99c8b;--gold: #c2a24e;--oxblood: #5e1622;--oxblood-2: #8a2436;--serif: "Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream-2);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.phone-frame{width:390px;max-width:100vw;height:min(844px,100vh);height:min(844px,100dvh);background:var(--cream);display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:24px;box-shadow:0 24px 60px #5e16222e}@media(max-width:430px){.phone-frame{height:100vh;height:100dvh;border-radius:0;box-shadow:none}}.screen{flex:1;min-height:0;overflow-y:auto;padding:16px 22px 96px}.serif{font-family:var(--serif)}.label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--muted)}.btn-primary{width:100%;padding:15px;border:none;border-radius:999px;color:#f4e8d2;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(158deg,var(--oxblood-2),var(--oxblood));box-shadow:0 10px 24px #5e16224d}.btn-primary:disabled{opacity:.6;cursor:default}.field{width:100%;padding:13px 16px;border:1px solid rgba(94,22,34,.14);border-radius:12px;background:#fff;font-size:15px;margin-bottom:10px}.error{color:var(--oxblood);font-size:13px;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}.display{font-family:var(--serif);font-size:38px;line-height:1.05;font-weight:600;margin:6px 0 4px}.subtle{color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid rgba(94,22,34,.1);border-radius:16px;padding:18px;margin-bottom:14px}.cta-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin-bottom:12px;cursor:pointer;background:#fff;border:1px solid rgba(94,22,34,.1);border-radius:16px;font-family:var(--serif);font-size:20px;color:var(--ink)}.cta-row span:last-child{color:var(--oxblood)}.streak-badge{display:flex;align-items:baseline;gap:8px}.streak-num{font-family:var(--serif);font-size:56px;font-weight:600;color:var(--oxblood);line-height:1}.streak-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.screen.screen-flush{padding:0;overflow:hidden;display:flex;flex-direction:column}.capture-stage{position:relative;flex:1;min-height:0;background:#15120f;overflow:hidden}.capture-stage video,.capture-stage .capture-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.capture-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.capture-grid i{position:absolute;background:#ffffff1f}.capture-grid .v{top:0;bottom:0;width:1px}.capture-grid .h{left:0;right:0;height:1px}.capture-grid b{position:absolute;width:26px;height:26px}.capture-grid .tl{left:18px;top:18px;border-left:2px solid rgba(255,255,255,.65);border-top:2px solid rgba(255,255,255,.65)}.capture-grid .tr{right:18px;top:18px;border-right:2px solid rgba(255,255,255,.65);border-top:2px solid rgba(255,255,255,.65)}.capture-grid .bl{left:18px;bottom:18px;border-left:2px solid rgba(255,255,255,.65);border-bottom:2px solid rgba(255,255,255,.65)}.capture-grid .br{right:18px;bottom:18px;border-right:2px solid rgba(255,255,255,.65);border-bottom:2px solid rgba(255,255,255,.65)}.capture-head{position:absolute;top:64px;left:0;right:0;text-align:center;pointer-events:none}.capture-live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f8eedc}.capture-live-pill i{width:7px;height:7px;border-radius:50%;background:#e14b4b;animation:fwPulse 1.2s ease-in-out infinite}.capture-title{font-family:var(--serif);font-style:italic;font-size:25px;color:#f8eedc;text-shadow:0 2px 16px rgba(0,0,0,.5);margin-top:12px}.capture-fab{position:absolute;top:16px;width:36px;height:36px;border-radius:50%;border:none;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#f8eedc;font-size:16px;cursor:pointer;z-index:5}.capture-fab.mid-left{top:auto;bottom:16px;left:calc(50% - 48px)}.capture-fab.mid-right{top:auto;bottom:16px;left:calc(50% + 12px)}.capture-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:0 36px;color:#d8c7a8}.capture-bar{flex:none;padding:14px 18px 84px;background:var(--cream);border-top:1px solid rgba(94,22,34,.08)}.capture-bar-row{display:flex;align-items:center;gap:10px}.capture-desc{flex:1;min-width:0;height:54px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid rgba(42,35,32,.12)}.capture-desc svg{flex:none}.capture-desc input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:14px;color:var(--ink);font-family:inherit}.capture-desc input::placeholder{color:var(--muted)}.capture-shutter{flex:none;width:54px;height:54px;border-radius:999px;border:none;background:linear-gradient(158deg,var(--oxblood-2),var(--oxblood));display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px #5e162257;color:#f4e8d2}.capture-shutter:disabled{opacity:.6;cursor:default}.capture-hint{text-align:center;font-size:11px;color:var(--muted);margin-top:12px;letter-spacing:.02em}.camera-view{width:100%;aspect-ratio:3 / 4;border-radius:18px;overflow:hidden;background:#1c1714;position:relative;display:flex;align-items:center;justify-content:center}.camera-view video{width:100%;height:100%;object-fit:cover}.camera-hint{color:#d8c7a8;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.item-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-tile{background:#fff;border-radius:14px;border:1px solid rgba(94,22,34,.1);overflow:hidden;cursor:pointer;position:relative}.item-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--cream-2)}.item-tile .meta{padding:8px 10px}.item-tile .name{font-family:var(--serif);font-size:16px}@keyframes tileShimmer{0%,to{opacity:.55}50%{opacity:1}}.item-tile .skel{width:100%;aspect-ratio:1;background:var(--cream-2);display:grid;place-items:center;animation:tileShimmer 1.8s ease-in-out infinite}.item-tile .skel span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.item-tile.interactive{transition:transform .18s ease,box-shadow .18s ease}.item-tile.interactive:hover{transform:scale(1.04);z-index:3;box-shadow:0 16px 32px #5e16222e}.item-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;z-index:2}.item-tile.interactive:hover .item-actions{opacity:1;transform:translateY(0)}.closet-card{position:relative}.closet-card:hover .item-actions{opacity:1;transform:translateY(0)}@media(hover:none),(max-width:430px){.item-actions{opacity:1;transform:translateY(0)}}.confirm-card{width:100%;max-width:300px;margin:auto;background:var(--cream);border-radius:18px;padding:22px;box-shadow:0 24px 60px #5e162247}.item-action-btn{width:30px;height:30px;border-radius:999px;border:none;background:#fcf7eef5;box-shadow:0 2px 8px #5e162238;display:grid;place-items:center;cursor:pointer;color:var(--oxblood);padding:0}.item-action-btn:hover{background:#fff}@keyframes fwScan{0%{top:2%;opacity:0}12%{opacity:1}88%{opacity:1}to{top:98%;opacity:0}}@keyframes fwPulse{0%,to{opacity:.45}50%{opacity:1}}.fytte-hero{position:relative;margin:-16px -22px 16px;height:380px;overflow:hidden;background:#15120f}.fytte-hero>img{width:100%;height:100%;object-fit:cover;display:block}.fytte-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 22px 5px #c2a24e80;animation:fwScan 2s ease-in-out infinite}.fytte-scan-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:#c2a24e14}.fytte-scan-label{position:absolute;left:0;right:0;top:16px;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f4e8d2;animation:fwPulse 1s ease-in-out infinite}.fytte-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5))}.fytte-hero-title{position:absolute;left:20px;right:20px;bottom:14px;font-family:var(--serif);font-weight:600;font-style:italic;font-size:24px;color:#f8eedc}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#2a232073;display:flex;align-items:flex-end}.sheet{width:100%;max-height:82%;overflow-y:auto;background:var(--cream);border-radius:22px 22px 0 0;padding:20px 22px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #5e162238}.sheet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.sheet-pick{border:1px solid rgba(94,22,34,.1);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;padding:0;text-align:left}.sheet-pick img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.sheet-pick .nm{font-family:var(--serif);font-size:13px;padding:5px 7px;line-height:1.1}.mood-masonry{column-count:2;column-gap:12px}.mood-card{break-inside:avoid;margin-bottom:12px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid rgba(94,22,34,.07);box-shadow:0 8px 18px #5e16220d}.mood-card .media{position:relative}.mood-card .media img{width:100%;display:block;background:var(--cream-2)}.mood-chips{position:absolute;left:8px;bottom:8px;right:8px;display:flex;gap:4px}.mood-chips span{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}.mood-card .caption{padding:9px 12px 12px}.mood-card .title{font-family:var(--serif);font-weight:600;font-style:italic;font-size:16px;color:var(--ink);line-height:1.04}.mood-card .date{font-size:10px;color:var(--muted);margin-top:3px}.media-share-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:999px;border:none;background:#fcf7eef5;box-shadow:0 2px 8px #5e162238;display:grid;place-items:center;cursor:pointer;color:var(--oxblood);padding:0}.media-share-btn:hover{background:#fff}.media-share-btn:disabled{opacity:.6;cursor:default}@keyframes fwGlow{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}@keyframes fwPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.posted-stage{position:relative;flex:1;min-height:0;background:radial-gradient(85% 60% at 50% 32%,#3a2a30,#15120f);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px 72px}.posted-glow{position:absolute;top:50%;left:50%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(194,162,78,.32),transparent 70%);animation:fwGlow 2s ease-in-out infinite}.posted-body{position:relative;animation:fwPop .6s ease}.posted-num{font-family:var(--serif);font-weight:600;font-size:100px;color:#f8eedc;line-height:.9;margin:12px 0 0;text-shadow:0 4px 30px rgba(194,162,78,.34)}.posted-days{font-family:var(--serif);font-style:italic;font-size:24px;color:#f8eedc}.posted-tally{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:18px}.posted-note{font-size:13px;color:#f8eedca8;margin:10px auto 0;max-width:230px;line-height:1.5}.posted-cta{display:inline-block;margin-top:26px;padding:16px 34px;border:none;border-radius:999px;background:#f4e8d2;color:var(--oxblood);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 30px #00000057}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.profile-avatar-ring{flex:none;width:64px;height:64px;border-radius:50%;padding:2px;cursor:pointer;border:none;background:linear-gradient(150deg,var(--gold),var(--oxblood));display:grid;place-items:center}.profile-avatar-ring .inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--cream-2);display:grid;place-items:center}.profile-avatar-ring img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-ring .initial{font-family:var(--serif);font-size:26px;color:var(--oxblood);font-weight:600}.profile-id{flex:1;min-width:0}.profile-name{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink);line-height:1.05}.profile-name-edit{background:none;border:none;padding:2px;cursor:pointer;color:var(--muted);display:inline-grid;place-items:center}.profile-name-edit:hover{color:var(--oxblood)}.profile-handle{font-size:13px;color:var(--muted);margin-top:2px}.profile-gear{flex:none;width:36px;height:36px;border-radius:50%;border:none;background:#fff;border:1px solid rgba(94,22,34,.1);box-shadow:0 2px 8px #5e162214;display:grid;place-items:center;cursor:pointer;color:var(--oxblood);padding:0}.profile-gear:hover{background:var(--cream)}.profile-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:22px}.profile-stat{background:#fff;border:1px solid rgba(94,22,34,.1);border-radius:12px;padding:14px 8px;text-align:center}.profile-stat .num{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1;color:var(--ink)}.profile-stat.accent .num{color:var(--oxblood)}.profile-stat .cap{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:#f0e7d8;margin-bottom:20px}.seg button{flex:1;border:none;background:none;cursor:pointer;padding:9px 10px;border-radius:999px;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.seg button.active{background:#fff;color:var(--oxblood);box-shadow:0 2px 6px #5e16221a}.fitcheck-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fitcheck-tile{position:relative;background:#fff;border-radius:14px;border:1px solid rgba(94,22,34,.1);overflow:hidden}.fitcheck-tile img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:var(--cream-2)}.fitcheck-tile .cap{padding:8px 10px 10px}.fitcheck-tile .date{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fitcheck-tile .desc{font-family:var(--serif);font-size:15px;color:var(--ink);margin-top:3px;line-height:1.15}.feed-stage{position:relative;margin:-16px -22px -96px;height:calc(100% + 112px);background:#15120f;overflow:hidden;color:#f8eedc;-webkit-user-select:none;user-select:none}.feed-stage>img.feed-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.feed-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,transparent 26%,transparent 55%,rgba(0,0,0,.72) 100%)}.feed-segments{position:absolute;top:12px;left:12px;right:12px;z-index:4;display:flex;gap:4px}.feed-segments i{flex:1;height:3px;border-radius:999px;background:#f8eedc47}.feed-segments i.on{background:#f8eedcf2}.feed-head{position:absolute;top:28px;left:14px;right:14px;z-index:4;display:flex;align-items:center;gap:10px}.feed-head .avatar{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#f8eedc33;border:1px solid rgba(248,238,220,.4);display:grid;place-items:center}.feed-head .avatar img{width:100%;height:100%;object-fit:cover;display:block}.feed-head .avatar .initial{font-family:var(--serif);font-size:15px;color:#f8eedc}.feed-head .who{min-width:0}.feed-head .name{font-size:13px;font-weight:600;color:#f8eedc}.feed-head .time{font-size:11px;color:#f8eedc9e}.feed-zone{position:absolute;top:0;bottom:0;z-index:3;border:none;background:none;padding:0;cursor:pointer}.feed-zone.left{left:0;width:32%}.feed-zone.right{right:0;width:68%}.feed-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 40px;text-align:center}.feed-fallback .vibe{font-family:var(--serif);font-style:italic;font-size:24px;color:#f8eedc}.feed-swatches{display:flex;gap:6px}.feed-swatches span{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.feed-pill{position:absolute;left:50%;transform:translate(-50%);bottom:88px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:none;cursor:pointer;background:#f8eedc29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8eedc;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.feed-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f8eedcb3;animation:fwPulse 1.4s ease-in-out infinite}.feed-item-row{display:flex;align-items:center;gap:12px;padding:10px 0}.feed-item-row+.feed-item-row{border-top:1px solid rgba(94,22,34,.08)}.feed-item-thumb{flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--cream-2);border:1px solid rgba(94,22,34,.1)}.feed-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}.feed-item-row .nm{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.1}.feed-item-row .sub{font-size:12px;color:var(--muted);margin-top:2px}.settings-back{width:36px;height:36px;border-radius:50%;border:none;background:#fff;border:1px solid rgba(94,22,34,.1);display:grid;place-items:center;cursor:pointer;color:var(--oxblood);padding:0;margin-bottom:14px}.settings-back:hover{background:var(--cream)}.settings-row .label{margin-bottom:4px}.settings-row .value{font-family:var(--serif);font-size:20px;color:var(--ink)}.settings-sync-btn{width:100%;padding:11px;margin-bottom:14px;background:none;border:1px solid rgba(94,22,34,.18);border-radius:999px;color:var(--oxblood);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.settings-sync-btn:disabled{cursor:default;opacity:.7}.otp-row{display:flex;gap:8px;justify-content:space-between;margin:14px 0}.otp-box{width:44px;height:54px;text-align:center;font-size:22px;border:1px solid rgba(94,22,34,.2);border-radius:12px;background:#fff;font-family:var(--serif)}.link-btn{background:none;border:none;color:var(--oxblood);cursor:pointer;font-size:13px;padding:6px}.pair-swipe{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pair-swipe::-webkit-scrollbar{display:none}.pair-swipe>button{flex:0 0 100%;height:100%;scroll-snap-align:start}.pair-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:5px;justify-content:center;pointer-events:none}.pair-dot{width:6px;height:6px;border-radius:999px;background:#fcf7ee8c;box-shadow:0 0 3px #2a232059}.pair-dot.visible{background:#fcf7ee}.pair-dot.chosen{background:var(--oxblood-2)}.edit-field-row{margin-top:10px}.edit-field-row .label{display:block;margin-bottom:4px}.edit-variant-row{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.edit-variant{flex:0 0 84px;padding:0;cursor:pointer;position:relative;border:1px solid rgba(94,22,34,.1);border-radius:10px;overflow:hidden;background:#fff}.edit-variant img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:var(--cream-2)}.edit-variant .tag{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:3px 5px 4px;text-align:center}.edit-variant.chosen{outline:3px solid var(--oxblood-2);outline-offset:-3px}.edit-action-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.edit-action-btn{background:#fff;border:1px solid rgba(94,22,34,.18);border-radius:999px;color:var(--oxblood);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:8px 14px}.edit-action-btn:disabled{cursor:default;opacity:.6}.web-search-bar{display:flex;gap:8px;margin-top:12px}.web-search-bar .field{flex:1;min-width:0}.web-search-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;max-height:340px;overflow-y:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}