:root { --bg:#f8f7f4; --text:#293832; --text-3:#858d7d; --muted:#eceee4; --brand:#30392a; --brand-dark:#25301f; --brand-paper:#f1e6c5; --brand-line:#e2e5da; --content:520px; --shadow-btn:0 5px 14px #30392a12; --tabbar-h:calc(82px + env(safe-area-inset-bottom,0px)); }
html,body,#app { background:#e9ebe3; color:var(--text); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.shell,.screen,.shell:not(.workspace) { --bg:#f8f7f4; --text:#293832; --brand:#30392a; --text-3:#858d7d; --brand-line:#e2e5da; background:var(--bg); color:var(--text); }
h1,h2,h3,.title,.mark { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.title { font-size:34px; line-height:1.13; letter-spacing:-.8px; }
.title em { font-family:inherit; font-style:normal; }
.sub,.muted,.panel-empty p,.sheet-copy { color:var(--text-3); font-size:16px; line-height:1.5; }
.brand-symbol,.brand-lockup .brand-symbol { transform:none; border-radius:12px; }
button,a,input,textarea,select { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid #899b6c; outline-offset:3px; }
.icon-btn,.toolbar-right button,.search-close,.review-top .close { width:44px; height:44px; padding:12px; border:0; border-radius:50%; background:#fff; color:#7b886d; flex-shrink:0; }
.icon-btn svg,.toolbar-right svg,.search-close svg { width:21px; height:21px; }
.btn,.profile-cta,.settings-signout,.sheet-action { min-height:54px; border-radius:999px; font-size:16px; font-weight:600; box-shadow:none; }
.btn-primary,.profile-cta,.sheet-action { background:var(--brand); color:var(--brand-paper); border:0; }
.btn-soft,.btn-secondary,.btn-outline { background:#eeefe7; color:var(--text); border:0; }
.btn:disabled { background:#e4e7dc; color:#a0a696; opacity:1; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select { background:#eeefe7; color:var(--text); border:1px solid transparent; border-radius:18px; min-height:50px; padding:13px 16px; font-size:16px; }
.screen .nav-row,.profile-top,.closet-top,.discover-top,.settings-top,.calendar-top,.item-detail-top,.outfit-detail-top,.trip-detail-top { background:transparent; border:0; padding-top:calc(12px + env(safe-area-inset-top,0px)); }
.profile-top h1,.discover-top h1,.settings-top h1,.calendar-top h1,.trip-title { font:400 32px/1.15 Georgia,serif; letter-spacing:-.7px; }
.screen .chip,.chip-outline,.chip-outline.danger,.discover-chips .chip { border-radius:999px; background:#eeefe6; border:1px solid transparent; color:#7b856d; min-height:42px; padding:10px 16px; font-size:14px; }
.screen .chip.active,.screen .chip.on,.chip-outline[aria-pressed=true],.closet-cats .chip.active { background:#dfe7cd; border-color:#ccd7b5; color:#415433; }
.closet-scroll,.search-scroll,.profile-scroll,.discover-scroll,.settings-scroll,.item-detail-scroll,.outfit-detail-scroll,.trip-scroll { padding-left:22px; padding-right:22px; }
.closet-top { padding:18px 22px 8px; }
.closet-tabs { gap:20px; padding:0; background:none; border-radius:0; }
.closet-tabs button { padding:0 0 10px; font:400 25px/1.2 Georgia,serif; color:#a3a99c; border:0; background:transparent; }
.closet-tabs button.active { color:var(--text); border-bottom:2px solid #91a071; }
.closet-toolbar { padding:18px 0; border:0; }
.closet-count { font-size:14px; color:#89917f; }
.sort-btn { color:#56634a; font-size:14px; }
.closet-cats { display:flex; flex-wrap:nowrap; gap:8px; overflow-x:auto; scrollbar-width:none; padding:4px 0 16px; }
.closet-cats button { white-space:nowrap; flex-shrink:0; }
.closet-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 18px; padding:12px 0 26px; }
.closet-card { background:transparent; border:0; padding:0 4px 10px; text-align:center; border-radius:18px; }
.closet-card .thumb { height:172px; aspect-ratio:auto; border-radius:0; background:transparent; padding:4px; overflow:visible; }
.closet-card .thumb img { width:100%; height:100%; object-fit:contain; border-radius:0; mix-blend-mode:normal; filter:drop-shadow(0 7px 6px #30392a20); }
.closet-card>strong { display:inline; background:#fff; padding:4px 7px; font-size:17px; font-weight:750; line-height:1.5; color:#2f4141; border-radius:7px; box-decoration-break:clone; -webkit-box-decoration-break:clone; box-shadow:0 4px 5px #30392a08; }
.closet-card>span { display:block; margin-top:7px; color:#8f9587; font-size:13px; }
.closet-empty { padding:40px 12px; }
.closet-empty h2 { font-size:29px; margin:22px 0 12px; }
.closet-empty p { font-size:16px; max-width:290px; margin:0 auto 24px; }
.empty-closet-art { width:120px; height:120px; padding:25px; margin:auto; border-radius:38px; color:#7f9164!important; background:#e8eddb; transform:rotate(-7deg); }
.empty-closet-art svg { width:100%; height:100%; }
.profile-hero { flex-direction:column; text-align:center; padding:22px 0; gap:16px; }
.profile-avatar { width:100px; height:100px; border-radius:50%; background:#e2e9d4; border:5px solid white; color:#657d4c; font-family:Georgia,serif; }
.profile-name-row { justify-content:center; }.profile-name-row h2 { font-size:30px; }
.profile-handle,.profile-member { color:#8a9380; font-size:14px; }
.profile-stats { background:#eeefe7; border:0; border-radius:24px; padding:18px 12px; }
.profile-stat strong { font:400 24px Georgia,serif; }
.profile-actions { display:flex; gap:10px; margin:20px 0; }
.profile-actions button { flex:1; background:#e8eddd; border:0; color:#586d40; border-radius:999px; min-height:46px; font-size:14px; }
.profile-tabs { background:transparent; gap:8px; padding:0; margin:24px 0 16px; }
.profile-tabs button { background:#eeefe7; color:#8d9683; padding:11px 15px; border-radius:99px; }
.profile-tabs button.active { background:#dde7c9; color:#4b6434; }
.panel-empty { border:0; border-radius:28px; background:#ecefe4; padding:32px 20px; text-align:center; }
.panel-empty small { font-size:14px; color:#909985; }
.settings-card { background:#fff; border:0; border-radius:26px; box-shadow:0 2px 10px #30392a03; }
.settings-section { margin-top:24px; }.settings-section h2 { font-size:24px; margin-bottom:14px; }
.settings-row,.settings-toggle { padding:17px; border-color:#eef0e8; }
.settings-row span,.settings-toggle span { font-size:16px; }
.settings-toggle input:checked { background:#9cad7e; }
.settings-signout { background:#ebeee1; color:#6d7e53; border:0; }
.screen.dark,.screen.item-detail,.screen.outfit-detail { background:#f8f7f4; color:#293832; }
.item-detail .item-photo,.item-detail-hero,.item-detail-media,.outfit-preview { background:radial-gradient(ellipse,#ecedc9,transparent 68%); border:0; border-radius:30px; }
.item-detail img,.core-look-image { object-fit:contain; filter:drop-shadow(0 9px 8px #30392a20); }
.core-look-image { background:transparent; }
.item-detail h1,.item-detail h2,.outfit-detail h1 { font-family:Georgia,serif; color:#293832; }
.item-detail .chip-outline,.outfit-detail .chip-outline,.core-editor .chip-outline { background:#e9edde; color:#61784b; border:0; }
.core-editor { background:#fff; padding:20px; border-radius:26px; gap:16px; }
.core-field { font-size:14px; color:#7c8970; gap:9px; }
.core-field input:not([type=checkbox]),.core-field select,.core-field textarea { background:#f0f2e9; border:0; border-radius:16px; font-size:16px; padding:13px; }
.core-pick { background:#ecefe5; border-radius:22px; border:2px solid transparent; padding:10px; }
.core-pick.on { background:#e0e9cf; border-color:#8c9f6c; }
.core-pick img { object-fit:contain; filter:drop-shadow(0 5px 4px #30392a18); }
.core-pick span { font-size:14px; }
.calendar .cal-month-nav strong { font:400 28px Georgia,serif; }
.cal-cell { border-radius:16px; background:#eeefe7; border-color:transparent; color:#69785b; }
.cal-cell.today { background:#e1e8d3; border-color:#a0b280; }
.cal-dow { color:#9aa38f; font-size:13px; }.cal-cell .n{color:#7d8d69;}
.discover-hero { border-radius:28px; background:#e4ead7; border:0; overflow:hidden; }
.discover-hero img { object-fit:contain; }.discover-hero-copy { color:#293832; background:#eef1e5eb; }
.discover-block h2 { font:400 25px Georgia,serif; }.discover-look,.discover-card { border-radius:22px; background:#f0f2ea; }
.search-bar { background:#e9eddf; border:0; border-radius:99px; }.search-bar input{background:transparent!important;min-height:46px!important;}
.search-discover-cta { background:#e3ebd5; border:0; border-radius:24px; color:#526a3a; padding:20px; }
.tabbar { left:18px; right:18px; width:calc(100% - 36px); bottom:calc(10px + env(safe-area-inset-bottom,0px)); background:#ffffffed; border:1px solid #ebeee3; border-radius:99px; min-height:66px; padding:9px 8px; box-shadow:0 8px 26px #30392a12; backdrop-filter:blur(18px); }
.tabbar button { min-width:0; font-size:11px; color:#9ba48e; gap:4px; }
.tabbar button.active { background:#e7edda; border-radius:99px; color:#5c7440; }.tabbar svg{width:21px;height:21px;}
.sheet-card,.core-dialog .sheet-card,.rate-card,.tryon-sheet-card,.tryon-create-card,.ask-sheet-card,.process-sheet-card { border-radius:30px 30px 0 0; background:#f8f9f3!important; color:#293832; border:1px solid #edf0e4; box-shadow:0 -10px 35px #30392a0d; }
.sheet-card h3,.core-dialog h3,.rate-card h3,.tryon-sheet-card h3,.tryon-create-card h3,.process-sheet-card h3 { color:#293832; font:400 27px/1.2 Georgia,serif; }
.sheet-copy,.tryon-sheet-card .sheet-copy,.tryon-create-card .sheet-copy,.process-sheet-card .sheet-copy { color:#849077; font-size:15px; }
.core-dialog { background:#26301f55; backdrop-filter:blur(6px); }.core-dialog .sheet-card { border-radius:28px; }
.sheet-card .btn-primary { background:#30392a; color:#f1e6c5; }.sheet-card .chip{background:#e7eddc;color:#657a4f;}
.ask-bubble.user { background:#dce7c9; color:#455e2e; }.ask-bubble.assistant { background:#eeefe7; color:#60734f; }
.auth-wrap .workspace-brand { margin-bottom:20px; }.auth-wrap .auth-poster{max-height:240px;}
.auth-wrap h1 { font:400 34px/1.13 Georgia,serif; }.auth-intro{font-size:16px;}
.desktop-rail { background:#f2f4eb; border-color:#dfe5d4; }.desktop-rail nav button { border-radius:99px; }.desktop-rail nav button[aria-current] { background:#dfe8ce; color:#4f6838; }.rail-tip{background:#e5ecd8;border-radius:26px;}
@media(min-width:900px) { .shell.workspace{max-width:1080px;border-color:#e0e6d5;} .closet-grid{grid-template-columns:repeat(4,minmax(0,1fr));} .profile-hero{flex-direction:column;} .sheet-card{border-radius:30px;} .closet-card .thumb{height:195px;} }
@media(max-width:359px) { .closet-scroll,.profile-scroll,.search-scroll,.settings-scroll{padding-left:16px;padding-right:16px;} .closet-grid{gap:24px 10px;} .closet-card .thumb{height:140px;} .closet-tabs button{font-size:22px;} }
.wardrobe-intro { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:18px; }
.wardrobe-intro p { font:16px/1.4 Georgia,serif; color:#8b9580; margin:0; max-width:170px; }
.wardrobe-add { display:flex; align-items:center; gap:6px; padding:11px 15px; border:0; border-radius:99px; background:#dfe8cf; color:#536c3d; font-size:14px; }
.wardrobe-add svg { width:17px; height:17px; }
.item-top,.outfit-top { background:transparent; color:#293832; border:0; }
.item-top-actions button { width:42px; height:42px; padding:11px; border-radius:50%; border:0; background:#fff; color:#7b896a; }
.item-image-wrap { background:radial-gradient(ellipse,#eef0d9,transparent 70%); }
@media(prefers-reduced-motion:reduce) { .screen.active,.core-dialog,.sheet-card{animation:none;transition:none;} }
.closet-tabs button.active { background:transparent; border:0; border-bottom:2px solid #91a071; border-radius:0; box-shadow:none; }
.closet-tabs button { flex:initial; min-width:0; }
.closet-grid .closet-card .thumb { border:0; background:transparent; box-shadow:none; }
.closet-grid .closet-card .thumb:has(.sticker-cutout) { background:transparent; }
.screen.profile .profile-hero { display:flex; flex-direction:column; align-items:center; gap:14px; }
.screen.profile .profile-meta { width:100%; text-align:center; }
.screen.profile .profile-name-row { justify-content:center; }
.screen.profile .profile-name-row h2 { font:400 30px/1.2 Georgia,serif; }
.profile-counts { display:flex; justify-content:center; gap:22px; margin:16px 0 12px; padding:17px 12px; border-radius:22px; background:#edf0e5; }
.profile-counts span { display:flex; flex-direction:column; align-items:center; gap:4px; font-size:13px; color:#8a967d; }
.profile-counts b { font:400 24px Georgia,serif; color:#536b3d; }
.profile-follow { justify-content:center; color:#8d9980; font-size:14px; margin-top:10px; }
.profile-member { margin-top:12px; }.profile-actions{margin-top:12px;}
button,input,select,textarea { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.closet-tabs button { font-family:Georgia,serif; }

.account-collection-tools { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.account-collection-tools button { min-height:44px; padding:10px 15px; border:1px solid var(--brand-line); border-radius:999px; background:white; color:var(--brand); font-size:14px; }
.account-collection-tools #account-delete { background:#8a4b3f; color:white; }
.account-collection-tools button:disabled { opacity:.45; }
#closet-grid .closet-card { touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
#closet-grid .closet-card img { pointer-events:none; -webkit-user-drag:none; }
#closet-grid .closet-card.is-selected { background:#e6ecd8; outline:2px solid #6d8050; border-radius:20px; }
.trash-drop { position:fixed; z-index:101; left:50%; bottom:28px; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:190px; height:108px; border-radius:26px; border:2px dashed #ba8273; background:#fff8f3f5; color:#9a5b4d; box-shadow:0 8px 30px #30332b25; font-size:15px; }
.trash-drop[hidden] { display:none; }
.trash-drop svg { width:30px; height:30px; }
.trash-drop.is-over { background:#a56656; color:white; border-color:#a56656; }
.drag-ghost { position:fixed; z-index:102; transform:translate(-50%,-65%) rotate(-7deg) scale(1.1); pointer-events:none; opacity:.95; filter:drop-shadow(0 10px 12px #30332b30); }
.drag-ghost .thumb { background:transparent; }
.drag-ghost img { width:100%; height:150px; object-fit:contain; }
.drag-ghost strong { display:block; background:white; border-radius:12px; padding:6px; color:#293832; }
.drag-ghost>span { display:none; }

.shell:not(.workspace) .auth-wrap .btn-soft { background:var(--brand); color:var(--brand-paper); }
.shell:not(.workspace) .auth-wrap h1 { font:400 34px/1.15 Georgia,serif; letter-spacing:-.7px; }
.auth-back { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }

.avatar-hub .avatar-top { padding:22px 24px 10px; display:flex; justify-content:space-between; align-items:center; flex-shrink:0; }
.avatar-hub .avatar-top h1 { margin:0; font:400 28px Georgia,serif; }
.avatar-hub-scroll { flex:1; min-height:0; overflow-y:auto; text-align:center; padding:24px 24px calc(120px + env(safe-area-inset-bottom,0px)); }
.avatar-kicker { font-size:10px; letter-spacing:2px; color:#89977c; margin:0 0 12px; }
.avatar-hub-scroll h2 { font:400 38px/1.08 Georgia,serif; letter-spacing:-1px; margin:0; }
.avatar-hub-stage { position:relative; display:grid; place-items:center; height:300px; max-width:330px; margin:24px auto 18px; border-radius:46% 46% 36% 36%; background:radial-gradient(ellipse,#e4eace 10%,#f4f4e900 70%); }
.avatar-hub-stage>img { position:relative; z-index:1; width:100%; height:270px; object-fit:contain; filter:drop-shadow(0 8px 10px #2938321c); border-radius:25px; }
.avatar-orbit { position:absolute; inset:30px 4px; border:1px solid #d7decb; border-radius:50%; transform:rotate(-25deg); }.avatar-orbit.orbit-two{inset:0 55px;transform:rotate(35deg);}
.avatar-stage-label { position:absolute; bottom:0; z-index:2; font-size:11px; background:#fffdf4; border:1px solid #eeeede; padding:7px 12px; border-radius:99px; color:#8b937f; }
.avatar-hub-copy { font-size:16px; line-height:1.6; color:#858e7a; max-width:350px; margin:0 auto 24px; }
.avatar-hub-scroll>.btn { width:100%; max-width:350px; margin:0 auto 10px; }
.avatar-mini-steps { display:flex; justify-content:center; gap:12px; margin:24px 0 18px; font-size:11px; color:#87927a; }.avatar-mini-steps span{display:flex;align-items:center;gap:5px}.avatar-mini-steps b{display:grid;place-items:center;border-radius:50%;background:#e8ecdf;width:21px;height:21px;font-weight:500;}
.avatar-fineprint { color:#959c8d; font-size:12px; line-height:1.6; margin:0 auto; max-width:330px; }
@media(min-width:900px){.avatar-hub-scroll{max-width:600px;margin:auto;width:100%;padding-bottom:40px}.avatar-hub .avatar-top{max-width:600px;margin:auto;width:100%;}}


.review-card[data-status=analyzing] .review-thumb>img{filter:blur(8px);opacity:.7;}
.review-card .review-thumb>img{transition:filter .5s,opacity .5s;object-fit:contain;}
[data-review-phase]{color:#7d8b6c;font-size:15px;line-height:1.5;}

.screen.single-capture { background:#f8f7f4; background-image:radial-gradient(#d9d9d0 .6px,transparent .6px);background-size:15px 15px; }
.single-capture .review-top { background:transparent; color:#293832; padding:14px 24px; }
.single-capture .review-top .close{background:#fff;color:#7c8970;width:44px;height:44px;border-radius:50%;padding:12px;}.single-capture .review-top .close svg{width:100%;height:100%;}
.single-capture #add-all-btn{display:none;}
.single-capture .review-list { flex:1; min-height:0; display:flex; flex-direction:column; justify-content:center; padding:12px 24px 38px; overflow-y:auto; }
.single-capture .single-sticker-review { width:100%; max-width:370px; margin:auto; padding:0; border:0; background:none; box-shadow:none; text-align:center; }
.single-eyebrow{font-size:15px;color:#8c9583;margin:0 0 20px;}
.single-sticker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e8edb5,transparent 68%);padding:10px 0;margin:0 auto 20px;}
.single-sticker>img{width:100%;height:clamp(190px,35svh,310px);object-fit:contain;filter:drop-shadow(0 6px 5px #30392a25);transition:filter .5s;}.single-sticker.processing>img{filter:blur(8px);}
.single-name{position:relative;margin-top:-12px;max-width:100%;background:#fff;border-radius:10px;padding:5px 10px;transform:rotate(-3deg);box-shadow:0 3px 7px #30392a0a;}
.single-name input{width:100%;max-width:270px;min-height:44px;border:0;outline:0;padding:0;background:transparent;text-align:center;font:800 24px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#293832;}
.single-status{font-size:15px;line-height:1.5;color:#8a947d;margin:16px auto 24px;max-width:320px;}
.single-review-actions{display:flex;justify-content:center;align-items:center;gap:22px;}.single-review-actions>div{display:flex;flex-direction:column;align-items:center;gap:10px;}.single-review-actions button{width:62px;height:62px;border:0;border-radius:50%;background:#fff;color:#9aa28d;padding:19px;box-shadow:0 5px 15px #30392a09;}.single-review-actions button.single-confirm{width:82px;height:82px;background:#30392a;color:#f1e6bb;padding:24px;}.single-review-actions svg{width:100%;height:100%;}.single-review-actions span{font-size:13px;color:#87927a;}.single-review-actions button:disabled{opacity:.4;}

.screen.single-capture[data-screen=review]{padding:0;height:100%;overflow:hidden;}
.single-capture .review-top .close svg{color:inherit;stroke:currentColor;}
#review-list .single-name input{min-height:44px;padding:0;border:0;border-radius:0;background:transparent;font:800 24px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}