:root{--paper:#f6f3ee;--sheet:#fffefa;--ink:#292b2b;--muted:#797972;--line:#e3dfd8;--soft:#ede9e2;--accent:#363b39;--photo:#ece4db;--radius:17px;--shadow:0 14px 42px rgba(60,48,37,.045);--h:74px;font-family:'DM Sans','Noto Sans TC',system-ui,-apple-system,sans-serif;font-size:14px;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);transition:background .24s}body.theme-aiteam{--paper:#eef2f3;--sheet:#fff;--ink:#1d2b34;--muted:#6d7c85;--line:#dbe4e8;--soft:#e7eff2;--accent:#213d4f;--photo:#dce7ea;--shadow:0 15px 50px rgba(23,53,70,.045)}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #87abc0;outline-offset:3px}.skip-link{position:fixed;top:-80px;left:10px;z-index:500;background:#fff;padding:10px 15px;border-radius:8px}.skip-link:focus{top:8px}.global-header{height:var(--h);position:sticky;top:0;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:0 clamp(16px,3.3vw,56px);background:rgba(250,249,245,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.theme-aiteam .global-header{background:rgba(250,252,253,.97)}.lab-logo{display:inline-flex;align-items:center;gap:11px;width:max-content;font-weight:700;letter-spacing:-.035em}.lab-monogram{width:34px;height:34px;border:1px solid #c5c4be;display:grid;place-items:center;border-radius:9px;font-size:12px}.lab-monogram span{color:#999;font-size:9px}.lab-wordmark{font-size:14px}.brand-switch{display:flex;padding:5px;background:#eae7e2;border-radius:100px;gap:2px}.theme-aiteam .brand-switch{background:#e3ecf1}.brand-switch a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;white-space:nowrap;color:#777670;padding:10px 17px;min-height:42px;border-radius:100px}.brand-switch a span{font-size:9px;letter-spacing:.09em;opacity:.7}.brand-switch a.selected{background:#fff;box-shadow:0 2px 10px #0000000d;color:var(--ink)}.global-actions{justify-self:end;display:flex;align-items:center;gap:18px}.prototype-pill{font-size:9px;font-weight:750;letter-spacing:.14em;color:#858780;display:flex;align-items:center;white-space:nowrap}.signal-dot{height:6px;width:6px;border-radius:50%;background:#a8b3af;display:inline-block;margin-right:9px}.portfolio-link{font-size:12px;font-weight:700;border-bottom:1px solid #a8aaa4;padding:4px 0;white-space:nowrap}
.app-layout{max-width:1500px;margin:auto;padding:clamp(20px,2.8vw,44px) clamp(16px,3vw,48px) 100px;display:grid;grid-template-columns:212px minmax(0,1fr);gap:clamp(20px,3.2vw,48px);align-items:start}.side-rail{position:sticky;top:calc(var(--h) + 24px);display:flex;flex-direction:column;gap:22px;align-self:start;max-height:calc(100dvh - var(--h) - 45px)}.side-brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.brand-icon{height:45px;width:45px;display:grid;place-items:center;background:#252927;color:#f7f5ef;border-radius:14px;flex:none;font-weight:700;font-size:16px}.theme-aiteam .brand-icon{background:#21394b;color:white}.side-brand strong{font-size:18px;line-height:1.3;letter-spacing:-.045em;display:block}.side-brand small{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:700}.rail-section-title{font-size:10px;letter-spacing:.16em;font-weight:750;color:#9c968e;margin:16px 9px 2px}.rail-links{display:flex;flex-direction:column;gap:4px}.rail-links a{display:flex;align-items:center;gap:13px;padding:14px 13px;border-radius:11px;color:#7c7a73;font-size:13px;font-weight:650;min-height:48px}.rail-links a svg{width:19px;height:19px;stroke-width:1.7;flex:none}.rail-links a.selected{background:var(--sheet);box-shadow:0 2px 14px #00000008;color:var(--ink)}.rail-links a.selected svg{color:var(--accent)}.rail-links a:hover{background:#ffffff90;color:var(--ink)}.side-rail-bottom{margin-top:auto;padding:17px 15px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:11px;line-height:1.75}.side-rail-bottom strong{display:block;color:var(--ink);font-size:12px;margin-bottom:4px}.rail-divider{width:100%;height:1px;background:var(--line);margin:5px 0 0}.rail-reset{border:0;background:transparent;color:var(--muted);padding:8px 0;font-size:11px;text-align:left;text-decoration:underline;text-underline-offset:4px}.rail-mobile-nav{display:none}
.main-content{min-width:0;max-width:1210px;width:100%}.loading-state{padding:10vh 0;text-align:center;color:var(--muted)}.page-crumb{font-size:10px;letter-spacing:.19em;font-weight:750;color:var(--muted);text-transform:uppercase;display:flex;gap:8px;align-items:center;margin:0 0 20px}.page-crumb i{height:3px;width:3px;border-radius:50%;background:#b4b0aa}.hero{min-height:308px;display:grid;grid-template-columns:1.07fr .93fr;overflow:hidden;border-radius:21px;background:#e9e2d7;position:relative}.theme-aiteam .hero{background:#1b303e}.hero-copy{position:relative;z-index:2;padding:clamp(25px,4vw,52px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-label{font-size:10px;font-weight:750;letter-spacing:.2em;color:#8f8478;margin-bottom:19px}.theme-aiteam .hero-label{color:#b5cbd6}.hero h1{font-size:clamp(31px,3.65vw,51px);line-height:1.22;letter-spacing:-.065em;font-weight:650;margin:0 0 16px;max-width:620px}.hero p{font-size:14px;color:#6c665e;line-height:1.95;max-width:455px;margin:0}.theme-aiteam .hero h1{color:#fbfafa}.theme-aiteam .hero p{color:#d4dfe4}.hero-tagline{margin-top:24px;display:inline-flex;gap:9px;align-items:center;color:#645e55;font-size:11px;font-weight:650}.hero-tagline:before{content:'';width:20px;height:1px;background:#9f9589}.theme-aiteam .hero-tagline{color:#a7becb}.theme-aiteam .hero-tagline:before{background:#a7becb}.hero-photo{width:100%;height:100%;min-height:310px;object-fit:cover;object-position:center;filter:saturate(.85)}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(235,229,219,.18),transparent 78%)}.theme-aiteam .hero::after{background:linear-gradient(90deg,rgba(23,44,57,.24),transparent 88%)}.hero-shadow{position:absolute;bottom:-120px;left:35%;width:400px;height:200px;background:rgba(255,255,255,.35);filter:blur(85px);border-radius:50%}.theme-aiteam .hero-shadow{opacity:0}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:40px 0 19px}.section-top h2{font-size:24px;letter-spacing:-.045em;margin:4px 0 0;line-height:1.4;font-weight:650}.section-top p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:750;color:#999188}.theme-aiteam .eyebrow{color:#718897}.section-heading-action{color:var(--ink);font-size:12px;font-weight:700;border-bottom:1px solid #989991;padding:5px 0;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(260px,.95fr);gap:22px;align-items:start}.workspace-grid.tight{grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr)}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,2.1vw,27px);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-head strong{font-size:15px;font-weight:700;letter-spacing:-.03em}.panel-head span{font-size:11px;color:var(--muted)}.panel-subtle{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 0}.panel-title{font-size:17px;line-height:1.4;font-weight:650;margin:0 0 15px;letter-spacing:-.04em}.panel-rule{height:1px;background:var(--line);margin:19px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 19px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;text-align:center;white-space:nowrap;transition:transform .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.button:active{transform:translateY(0)}.button.ghost{background:transparent;border-color:#dad8d1;color:var(--ink)}.button.white{background:#fff;border-color:#fff;color:var(--ink)}.button.small{min-height:38px;padding:8px 13px;font-size:12px}.button.full{width:100%}.button.linklike{background:transparent;border:0;color:var(--ink);padding:6px 0;min-height:36px;text-decoration:underline;text-underline-offset:4px}.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button svg,.icon-button svg{width:17px;height:17px;stroke-width:1.9}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.tiny-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:7px;background:var(--soft);color:#77716a;font-size:10px;font-weight:700;white-space:nowrap}.theme-aiteam .tiny-tag{color:#526d7d}.tiny-tag.purple{color:#705f79;background:#f0e9f4}.tiny-tag.ok{color:#476d5a;background:#e9f1eb}.tiny-tag.warn{color:#9c6658;background:#f8ede8}.helper-note{display:flex;align-items:flex-start;gap:8px;border-radius:10px;padding:11px 13px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.8}.helper-note svg{height:15px;width:15px;flex:none;margin-top:2px}.flow-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.flow-note b{font-weight:750;color:var(--ink)}.flow-note .arrow{color:#aaa}
/* Cards and wardrobe */
.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-pill{border-radius:9px;padding:10px 14px;min-height:41px;border:1px solid var(--line);background:#fff;color:#6c6a64;font-size:12px;font-weight:650}.choice-pill.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.choice-pill:hover:not(.selected){background:var(--soft)}.choice-pill .emoji{margin-right:5px;font-size:14px}.choice-label{display:block;font-size:11px;font-weight:750;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.chip-row{margin-top:19px}.input-wrap{background:#f8f6f2;border:1px solid #e7e2db;border-radius:11px;padding:15px 16px}.theme-aiteam .input-wrap{background:#f7fafb;border-color:#e2ebee}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:11px;color:#807d76;font-weight:700}.field input,.field textarea,.field select,.select-input{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:12px 13px;background:#fff;color:var(--ink);outline-offset:0}.field input:focus,.field textarea:focus{border-color:#97a8af}.field textarea{resize:vertical;min-height:72px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-copy{font-size:11px;line-height:1.75;color:var(--muted)}.look-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item-card{position:relative;background:#f7f5f0;border:1px solid #e8e3db;border-radius:12px;padding:9px;min-width:0}.theme-aiteam .item-card{background:#f3f7f8;border-color:#dfe8eb}.item-art{height:125px;border-radius:9px;background:linear-gradient(150deg,#f3ede5,#e9e2da);overflow:hidden;position:relative}.item-art img{width:100%;height:100%;object-fit:contain;display:block}.item-art .art-caption{position:absolute;left:9px;top:8px;color:#84766c;font-size:9px;letter-spacing:.12em;font-weight:700}.item-card h4{font-size:11px;letter-spacing:-.01em;line-height:1.6;margin:10px 2px 4px;font-weight:750;min-height:32px}.item-meta{font-size:10px;color:var(--muted);margin:0 2px 8px}.item-tools{display:flex;gap:5px;margin-top:7px}.item-tools button{flex:1;min-width:0;border:1px solid #ded8ce;border-radius:7px;background:#fff;color:#4b4a44;font-size:10px;font-weight:750;min-height:34px;padding:5px;white-space:nowrap}.item-tools button.locked{background:#292e2d;color:#fff;border-color:#292e2d}.item-card.unavailable{opacity:.58}.item-card .status-chip{position:absolute;top:14px;right:14px;background:#fefbf9e9;border-radius:5px;font-size:9px;padding:4px 5px;color:#9a6953;font-weight:650}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.item-grid .item-art{height:175px}.item-grid .item-card h4{font-size:12px}.item-grid .item-card{cursor:pointer;transition:border-color .16s,transform .16s}.item-grid .item-card:hover{border-color:#aaa198;transform:translateY(-1px)}.item-grid button.card-open{background:transparent;border:0;padding:0;text-align:left;width:100%;color:inherit}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:18px}.search{position:relative;flex:1;min-width:210px}.search svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);height:17px;width:17px;color:#999}.search input{width:100%;border-radius:11px;border:1px solid var(--line);min-height:44px;background:#fff;padding:10px 13px 10px 42px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{font-size:11px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:650}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.empty-state{border:1px dashed #d5cdc1;border-radius:12px;padding:48px 25px;text-align:center;color:var(--muted);line-height:1.8;font-size:13px}.empty-state .big-icon{font-size:32px;display:block;margin-bottom:8px}
/* Look board / context */
.outfit-preview{position:sticky;top:calc(var(--h) + 22px)}.look-cover{height:185px;overflow:hidden;border-radius:12px;margin-bottom:16px;position:relative}.look-cover img{width:100%;height:100%;object-fit:cover;object-position:65% 39%}.look-cover::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#25222275)}.look-cover span{position:absolute;z-index:1;bottom:12px;left:16px;font-size:12px;color:white;font-weight:700;letter-spacing:.04em}.look-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.look-thumb{width:52px;height:58px;border-radius:9px;overflow:hidden;background:#efe9e2;flex:none}.look-thumb img{width:100%;height:100%;object-fit:contain}.look-row-name{min-width:0;flex:1}.look-row-name strong{font-size:12px;display:block;font-weight:700}.look-row-name small{font-size:10px;color:var(--muted)}.look-row .locked-mark{font-size:10px;color:#5b695f}.look-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.stat-tile{background:var(--soft);border-radius:11px;padding:14px;display:flex;flex-direction:column;gap:7px}.stat-tile b{font-size:22px;font-weight:650;letter-spacing:-.045em}.stat-tile small{font-size:10px;color:var(--muted)}.appearance-swatch{display:flex;gap:4px;margin-top:6px}.appearance-swatch i{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd7ce}
/* Try-on */
.tryon-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.tryon-photo{position:relative;border-radius:14px;overflow:hidden;background:#eee8df;min-height:400px;display:flex;flex-direction:column}.tryon-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.tryon-photo.has-original img{background:#f4f1ec}.tryon-photo .photo-label{position:absolute;z-index:2;left:13px;top:13px;background:#fffefaeb;border-radius:7px;color:#4b4b47;font-size:10px;font-weight:700;padding:8px 10px}.tryon-photo .photo-bottom{z-index:2;position:absolute;bottom:13px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}.tryon-photo .photo-action{background:#fff;border:0;border-radius:8px;padding:9px 10px;font-size:11px;color:#333;font-weight:700}.tryon-placeholder{height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#8f887f;padding:20px}.tryon-placeholder svg{width:32px;height:32px;stroke-width:1.1}.tryon-placeholder strong{color:#544e48;font-size:15px}.tryon-placeholder small{font-size:11px;line-height:1.8}.tryon-controls{margin-top:17px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tryon-controls .helper-note{flex:1}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0;padding:14px;border-radius:11px;background:var(--soft)}.consent input{width:18px;height:18px;flex:none;accent-color:var(--accent)}.mini-outfit{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.mini-outfit .look-thumb{height:69px;width:65px}.mini-outfit small{color:var(--muted);font-size:11px}
/* inspiration / records */
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editorial-card{border-radius:15px;overflow:hidden;background:var(--sheet);border:1px solid var(--line);min-width:0}.editorial-picture{height:275px;position:relative;background:#ebe3d8;overflow:hidden}.editorial-picture img{height:100%;width:100%;object-fit:cover}.editorial-picture span{position:absolute;top:12px;left:12px;border-radius:5px;background:#fffdf4e6;color:#534f4a;font-size:10px;padding:7px 9px;font-weight:700}.editorial-card .copy{padding:18px}.editorial-card h3{font-size:19px;line-height:1.5;margin:2px 0 8px}.editorial-card p{font-size:12px;color:var(--muted);line-height:1.8;min-height:60px}.record-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.record-count{padding:25px;background:var(--sheet);border:1px solid var(--line);border-radius:14px}.record-count b{font-size:34px;display:block;line-height:1.4;font-weight:600}.record-count span{font-size:12px;color:var(--muted)}.record-entry{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.record-entry strong{font-size:12px}.record-entry small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.record-entry .item-art{width:58px;height:70px;flex:none}.record-empty{padding:25px 14px;color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:9px}.danger-action{background:#fff5f2;color:#9f6254;border:1px solid #f2ddd4}
/* AI Team */
.ai-hero{min-height:298px}.ai-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--line);background:var(--sheet);border-radius:14px;padding:20px 19px;min-height:120px;display:flex;flex-direction:column;gap:9px}.metric small{font-size:11px;color:var(--muted)}.metric b{font-size:29px;letter-spacing:-.055em;line-height:1.2;font-weight:650}.metric>span{font-size:10px;color:#748f9e}.chat-thread{display:flex;flex-direction:column;gap:13px;max-height:445px;overflow:auto;padding:5px 4px 13px}.chat-line{display:flex;gap:9px;align-items:flex-start;max-width:92%}.chat-line.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{height:30px;width:30px;background:#243d4e;color:white;border-radius:10px;display:grid;place-items:center;font-size:12px;flex:none}.chat-bubble{border-radius:13px;padding:13px 15px;background:#edf3f5;color:#324753;line-height:1.8;font-size:12px;max-width:100%}.chat-line.user .chat-bubble{background:#263e4e;color:white;border-bottom-right-radius:3px}.chat-meta{display:block;font-size:9px;color:#8da0ad;margin-top:5px}.chat-quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.chat-quick button{border-radius:100px;padding:9px 12px;font-size:11px;border:1px solid #d5e0e6;color:#426273;background:white;font-weight:650}.chat-compose{display:flex;gap:8px;margin-top:15px}.chat-compose input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.chat-compose button{flex:none}.slider-labels{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin:12px 0 9px}.range{accent-color:var(--accent);width:100%;height:25px}.session-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.training-exercises{display:flex;flex-direction:column;gap:10px}.exercise{border:1px solid var(--line);background:#f9fbfc;border-radius:12px;padding:15px}.exercise .exercise-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.exercise strong{font-size:13px}.exercise small{color:var(--muted);display:block;margin-top:4px;font-size:10px}.exercise button{border:1px solid #ccdae1;background:white;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:750;min-height:37px;color:#36576a}.progress-line{height:8px;border-radius:20px;background:#dce5e9;overflow:hidden}.progress-line>div{height:100%;background:#587e91;border-radius:inherit;transition:width .2s}.session-numbers{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.session-numbers strong{font-size:22px;font-weight:650}.session-numbers small{font-size:11px;color:var(--muted)}.timer-display{font-size:52px;font-variant-numeric:tabular-nums;letter-spacing:-.07em;line-height:1.2;text-align:center;margin:10px 0 18px}.timer-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.meal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.meal-card{display:block;text-align:left;border:1px solid #dbe4e8;background:#fff;border-radius:12px;overflow:hidden;padding:0;transition:transform .15s,border-color .15s;color:var(--ink)}.meal-card:hover{transform:translateY(-2px)}.meal-card.selected{border:2px solid #42697e}.meal-illustration{height:130px;background:linear-gradient(155deg,#ede8db,#d4d5c8);display:grid;place-items:center;position:relative;overflow:hidden}.meal-illustration .plate{width:105px;height:105px;border-radius:50%;background:#fffef8;box-shadow:0 8px 20px #0002,0 0 0 8px #fffefa66;display:grid;place-items:center;font-size:45px}.meal-card .meal-copy{padding:12px}.meal-card strong{font-size:12px}.meal-card small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.macro-bars{display:grid;gap:16px}.macro-row{display:grid;grid-template-columns:92px 1fr 72px;align-items:center;gap:11px;font-size:12px}.macro-row>div{height:9px;border-radius:7px;background:#e6ecef;overflow:hidden}.macro-row>div span{display:block;height:100%;background:#5d8294;border-radius:7px}.macro-row b{text-align:right;font-weight:650}.meal-photo{width:100%;height:205px;object-fit:contain;background:#f1f5f6;border-radius:10px}.recovery-chart{display:flex;align-items:end;gap:12px;height:140px;padding-top:14px;border-bottom:1px solid #ccdae1}.recovery-chart div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%;font-size:9px;color:#708391}.recovery-chart i{display:block;width:min(100%,24px);background:#97b0bf;border-radius:5px 5px 0 0}.recovery-chart div.current i{background:#375d72}.timeline{display:flex;flex-direction:column}.timeline-entry{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-entry time{font-size:11px;color:var(--muted)}.timeline-entry b{font-size:12px;display:block}.timeline-entry small{font-size:11px;color:var(--muted)}
/* Tour / alerts / modal */
.tour-bar{margin-top:19px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:var(--sheet);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tour-bar .tour-index{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;flex:none;font-weight:700}.tour-bar .tour-copy{flex:1;min-width:160px}.tour-bar strong{display:block;font-size:12px}.tour-bar small{display:block;margin-top:3px;font-size:10px;line-height:1.7;color:var(--muted)}.tour-bar .mini-step{font-size:11px;color:var(--muted);font-weight:650}.tour-bar button{border:0;background:var(--soft);font-size:11px;font-weight:700;color:var(--ink);border-radius:8px;padding:9px 12px}.toast{position:fixed;right:24px;bottom:25px;z-index:200;background:#253237;color:white;box-shadow:0 12px 42px #0002;padding:14px 18px;border-radius:11px;max-width:min(420px,90vw);font-size:12px;line-height:1.7}.toast[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(20,25,25,.66);z-index:120;display:grid;place-items:center;padding:22px;overflow-y:auto}.modal{background:#fffefa;border-radius:18px;border:1px solid #ece4da;width:min(630px,100%);max-height:min(88vh,950px);overflow:auto;box-shadow:0 30px 110px #0005;padding:26px;position:relative}.theme-aiteam .modal{background:#fcfeff;border-color:#dce6ea}.modal.large{width:min(790px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.modal-header h2{font-size:24px;margin:5px 0 0;letter-spacing:-.05em}.modal-close{border:1px solid var(--line);height:39px;width:39px;flex:none;display:grid;place-items:center;border-radius:9px;background:#fff;font-size:18px}.modal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.modal .item-card .item-art{height:120px}.modal .item-card h4{min-height:auto}.modal .item-card{cursor:pointer}.modal .item-card.selected{border:2px solid #52685b}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:21px}.modal-cover{width:100%;max-height:70vh;object-fit:contain;background:#f4f0ea;border-radius:10px}.local-photo-preview{width:100%;max-height:350px;object-fit:contain;background:#eee7de;border-radius:12px}.use-right{font-size:10px;color:var(--muted);line-height:1.75}.sticky-col{position:sticky;top:calc(var(--h) + 20px)}.scenario-empty{display:grid;place-items:center;min-height:180px;background:var(--soft);color:var(--muted);border-radius:12px;font-size:12px;text-align:center;padding:22px}
@media(max-width:1200px){.app-layout{grid-template-columns:185px minmax(0,1fr);gap:23px}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.75fr);gap:15px}.hero{min-height:285px}.look-cover{height:160px}.item-art{height:110px}.item-grid .item-art{height:142px}}
@media(max-width:940px){.app-layout{grid-template-columns:175px minmax(0,1fr);gap:15px;padding-inline:16px}.side-rail{top:88px}.workspace-grid,.workspace-grid.tight{grid-template-columns:1fr}.sticky-col,.outfit-preview{position:static}.hero{grid-template-columns:1.05fr .95fr}.hero-copy{padding:24px}.hero h1{font-size:32px}.hero-photo{min-height:280px}.record-stats{gap:8px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-picture{height:210px}.metric{min-height:105px;padding:14px}}
@media(max-width:700px){:root{--h:62px}.global-header{grid-template-columns:auto 1fr auto;padding:0 13px;gap:7px}.lab-wordmark{display:none}.brand-switch{justify-self:center;padding:4px}.brand-switch a{min-height:36px;font-size:12px;padding:8px 12px}.brand-switch a span{display:none}.prototype-pill{display:none}.portfolio-link{font-size:11px}.app-layout{display:block;padding:18px 13px calc(100px + env(safe-area-inset-bottom))}.side-rail{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:65;max-height:none;padding:7px 3px calc(8px + env(safe-area-inset-bottom));background:#fffef9f7;border-top:1px solid var(--line);backdrop-filter:blur(13px)}.theme-aiteam .side-rail{background:#f9fcfdf6}.side-brand,.rail-section-title,.rail-divider,.side-rail-bottom{display:none}.rail-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}.rail-links a{display:flex;flex-direction:column;gap:3px;text-align:center;justify-content:center;min-height:51px;padding:5px 2px;font-size:10px;border-radius:8px}.rail-links a svg{width:20px;height:20px}.rail-links a.selected{background:var(--soft);box-shadow:none}.hero{grid-template-columns:1fr minmax(0,40%);min-height:250px}.hero-copy{padding:22px 20px}.hero h1{font-size:28px}.hero p{font-size:12px;line-height:1.7}.hero-label{font-size:9px;letter-spacing:.12em;margin-bottom:11px}.hero-photo{min-height:250px}.hero-tagline{margin-top:14px;font-size:10px}.section-top{margin:27px 0 14px}.section-top h2{font-size:21px}.section-top p{max-width:180px;text-align:right}.panel{padding:17px;border-radius:13px}.item-grid,.editorial-grid,.meal-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-grid .item-art{height:156px}.look-layout{gap:6px}.item-art{height:107px}.item-card{padding:7px}.item-card h4{font-size:10px;margin-top:7px;min-height:34px}.item-tools button{font-size:9px;min-height:32px;padding:4px}.workspace-grid{gap:14px}.ai-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.tryon-hero{grid-template-columns:1fr 1fr;gap:10px}.tryon-photo{min-height:295px}.tryon-placeholder{min-height:295px}.tryon-controls{align-items:flex-start}.editorial-picture{height:200px}.editorial-card h3{font-size:17px}.editorial-card p{min-height:0}.modal{padding:18px}.modal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}
@media(max-width:420px){.lab-monogram{width:29px;height:29px;font-size:10px}.global-actions{gap:0}.hero{grid-template-columns:1fr 33%}.hero-copy{padding:19px 14px}.hero h1{font-size:26px}.hero p{font-size:11px}.hero-photo{object-position:58%}.item-grid .item-art{height:131px}.look-cover{height:150px}.tryon-photo{min-height:248px}.tryon-placeholder{min-height:248px}.hero-tagline{display:none}.metric b{font-size:24px}.panel-head strong{font-size:14px}.tour-bar{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.team-context-visual{height:170px;padding:22px;border-radius:12px;background:radial-gradient(ellipse at 80% 10%,#496778,#1c3342 74%);color:#f7fbfd;margin-bottom:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;overflow:hidden}.team-context-heading{display:grid;gap:8px}.team-context-heading>span{font-size:9px;letter-spacing:.17em;color:#b8d0db}.team-context-heading b{font-size:19px;letter-spacing:-.04em;font-weight:600}.team-context-heading i{color:#a1c3d3;font-style:normal}.team-context-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.team-context-flow span{background:#ffffff1e;border:1px solid #ffffff29;border-radius:8px;font-size:10px;padding:7px 8px;white-space:nowrap}.team-context-flow i{width:11px;height:1px;background:#c0d9e5}.team-context-visual>small{color:#a6c2d0;font-size:9px;letter-spacing:.1em}

/* Interactive preset exercise demonstration (not camera analysis). */
.motion-demo{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
.motion-stage{position:relative;background:#e8ebea;border:1px solid #d4dcdd;border-radius:10px;overflow:hidden;min-height:185px}
.motion-stage svg{display:block;max-width:100%;width:100%;height:205px}
.motion-arm{transform-box:fill-box;transform-origin:0% 10%;animation:motion-press 2.6s ease-in-out infinite alternate}
.motion-demo-label{position:absolute;top:11px;left:13px;letter-spacing:.14em;font-size:9px;font-weight:750;color:#5b727b}
.motion-meta strong{display:block;font-size:14px;margin-bottom:5px}
.motion-meta p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 12px}
body.motion-paused .motion-arm{animation-play-state:paused}
@keyframes motion-press{from{transform:rotate(0deg)}to{transform:rotate(-27deg)}}
@media(prefers-reduced-motion:reduce){.motion-arm{animation:none}}