:root{color:#17130e;background:#ece8df;font-family:Inter,SF Pro Display,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--paper: #fffdf8;--paper-soft: #f8f5ed;--ink: #17130e;--muted: #716a5e;--faint: #dcd4c5;--gold: #a77b34;--gold-soft: #e8dcc6;--green: #0f5a42;--shadow: 0 18px 42px rgba(54, 42, 20, .11)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button{border:0;font:inherit;color:inherit;cursor:pointer}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative;background:var(--paper);box-shadow:0 0 0 1px #54452614,0 24px 80px #231c1129}.app-shell{height:100%;overflow:hidden;background:linear-gradient(90deg,rgba(167,123,52,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(167,123,52,.035) 1px,transparent 1px),var(--paper);background-size:26px 26px}.screen-content{height:calc(100% - 72px);overflow-y:auto;padding:18px 18px 22px;scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.topbar,.page-header,.profile-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.page-header,.profile-head{align-items:flex-start;justify-content:flex-start;margin-bottom:16px}.page-header h1,.profile-head h1{flex:0 0 auto;margin:0 0 6px;font-size:25px;line-height:1.08;font-weight:650;white-space:nowrap}.page-header p,.profile-head p{margin:0;max-width:280px;color:var(--muted);font-size:12px;line-height:1.6}.brand-mark{display:flex;align-items:center;gap:10px}.brand-mark strong{display:block;font-size:20px;line-height:1;font-weight:620}.brand-mark small{display:block;margin-top:5px;color:var(--muted);font-size:7px;letter-spacing:0}.brand-monogram{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-family:Georgia,serif;font-size:15px;font-weight:700}.icon-button{display:grid;width:36px;height:36px;place-items:center;flex:0 0 auto;border:1px solid rgba(167,123,52,.18);border-radius:8px;background:#fffdf8e6}.search-pill{display:flex;height:42px;align-items:center;gap:9px;margin:18px 0 14px;padding:0 13px;border:1px solid rgba(167,123,52,.15);border-radius:8px;background:#f8f5edc7;color:var(--muted);font-size:13px}.search-pill.sticky{margin-top:0}.cabinet{padding:17px;border:1px solid rgba(167,123,52,.22);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#f8f5edeb),var(--paper-soft);box-shadow:var(--shadow)}.cabinet-copy span,.section-head span,.tryon-copy span,.wide-product span{color:var(--gold);font-size:11px;line-height:1;font-weight:650;text-transform:uppercase}.cabinet-copy h1{margin:9px 0 7px;font-size:26px;line-height:1.1;font-weight:650}.cabinet-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.cabinet-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:112px 112px;gap:9px;margin-top:15px}.cabinet-grid .cabinet-item:first-child{grid-row:span 2}.product-image{display:grid;overflow:hidden;place-items:center;min-height:118px;border:1px solid rgba(167,123,52,.16);border-radius:8px;background-color:#fbf8f0;box-shadow:inset 0 0 0 1px #ffffffa8}.product-image img{width:100%;height:100%;object-fit:contain;display:block}.cabinet-item{min-height:0}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 18px}.trust-strip div{display:flex;height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(167,123,52,.14);border-radius:8px;background:#fffdf8b8;color:#453a2b;font-size:12px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 0 12px}.section-head h2{margin:5px 0 0;font-size:20px;line-height:1.1;font-weight:650}.section-head button,.subtle-action{display:inline-flex;align-items:center;gap:3px;background:transparent;color:var(--gold);font-size:12px;font-weight:650}.category-row{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-row button{height:32px;flex:0 0 auto;padding:0 14px;border:1px solid rgba(167,123,52,.14);border-radius:8px;background:#fffdf8cc;color:var(--muted);font-size:12px}.category-row .selected{background:#17130e;color:#fffdf8}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{min-width:0;padding:9px;border:1px solid rgba(167,123,52,.15);border-radius:8px;background:#fffdf8eb}.product-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;margin-top:9px}.product-meta p,.product-foot span{margin:0;color:var(--muted);font-size:10px;line-height:1.2}.product-meta h3{margin:4px 0 0;font-size:14px;line-height:1.28;font-weight:620}.heart-button{display:grid;width:27px;height:27px;place-items:center;flex:0 0 auto;border:1px solid rgba(167,123,52,.12);border-radius:8px;background:var(--paper-soft);color:var(--gold)}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:10px 0 7px}.product-foot strong{color:var(--green);font-size:11px;font-weight:650}.tryon-panel,.guide-panel,.upload-card,.admin-metrics,.status-list,.settings-list{border:1px solid rgba(167,123,52,.16);border-radius:8px;background:#fffdf8e6;box-shadow:var(--shadow)}.tryon-panel{padding:14px}.tryon-stage{position:relative;overflow:hidden;border-radius:8px;background:var(--paper-soft)}.tryon-stage .product-image{min-height:278px}.scan-line{position:absolute;top:22%;left:10%;width:80%;height:1px;background:#0f5a428c;box-shadow:0 0 18px #0f5a4259}.tryon-copy h2,.upload-card h2{margin:8px 0 7px;font-size:21px;line-height:1.15}.tryon-copy p,.upload-card p,.notice-row{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.55}.tryon-copy{padding:14px 2px 0}.primary-button,.ghost-button{display:inline-flex;width:100%;height:45px;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-size:14px;font-weight:650}.primary-button{background:#17130e;color:#fffdf8}.ghost-button{margin-top:8px;border:1px solid rgba(167,123,52,.18);background:#fffdf8db;color:var(--muted)}.notice-row{display:flex;gap:7px;align-items:flex-start;margin:12px 0 0}.guide-panel,.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:18px;overflow:hidden;background:var(--gold-soft)}.guide-panel div,.admin-metrics div,.status-list div{padding:14px 10px;background:#fffdf8f5}.guide-panel span,.admin-metrics span,.status-list span{display:block;color:var(--muted);font-size:11px;line-height:1.25}.guide-panel strong,.admin-metrics strong,.status-list strong{display:block;margin-top:6px;font-size:22px;font-weight:650}.list-stack{display:grid;gap:10px}.wide-product{display:grid;grid-template-columns:76px 1fr 36px;align-items:center;gap:11px;padding:9px;border:1px solid rgba(167,123,52,.14);border-radius:8px;background:#fffdf8e6}.wide-product .product-image{min-height:76px}.wide-product h3{margin:5px 0;font-size:15px;line-height:1.22}.wide-product p{margin:0;color:var(--muted);font-size:11px}.upload-card{padding:18px}.upload-icon,.lock-emblem,.avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:#17130e;color:#fffdf8}.status-list,.settings-list{display:grid;gap:1px;margin-top:14px;overflow:hidden;background:var(--gold-soft);box-shadow:none}.status-list div,.settings-list div{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-list div{justify-content:flex-start}.settings-list span{flex:1;font-size:14px}.profile-head{margin-bottom:20px}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px;padding:4px;border:1px solid rgba(167,123,52,.16);border-radius:8px;background:var(--paper-soft)}.mode-switch button{height:34px;border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.mode-switch .active{background:#17130e;color:#fffdf8}.bottom-nav{position:absolute;right:0;bottom:0;left:0;display:grid;height:72px;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(167,123,52,.16);background:#fffdf8f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent;color:var(--muted);font-size:10px}.bottom-nav .active{color:#17130e}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding:16px;background:#17130e61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-modal{width:100%;padding:20px;border:1px solid rgba(167,123,52,.22);border-radius:8px;background:var(--paper);box-shadow:0 24px 72px #17130e3d}.login-modal h2{margin:14px 0 8px;font-size:22px}.login-modal p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.55}@media(max-width:360px){.screen-content{padding-inline:14px}.cabinet-copy h1{font-size:23px}.product-meta h3{font-size:13px}}