@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(./inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(./inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(./inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(./inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(./inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(./inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(./inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(./inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(./inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(./inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(./inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(./inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(./inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(./inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(./inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(./inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(./inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(./inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-devanagari-600-normal-STEjXBNN.woff2) format("woff2"),url(./poppins-devanagari-600-normal-ClASKHrr.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-ext-600-normal-CAhIAdZj.woff2) format("woff2"),url(./poppins-latin-ext-600-normal-Df5ffKXP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(./poppins-latin-600-normal-BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(./poppins-devanagari-700-normal-O-jipLrW.woff2) format("woff2"),url(./poppins-devanagari-700-normal-fHs-vx92.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(./poppins-latin-ext-700-normal-cby-RkWa.woff2) format("woff2"),url(./poppins-latin-ext-700-normal-DctTR6Tg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(./poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(./poppins-latin-700-normal-BVuQR_eA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,PingFang SC,Noto Sans CJK SC,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}img,svg{display:block;max-width:100%}:root{--color-page-bg: #e9e4df}html,body,#root{height:auto;min-height:100%}#root{align-items:flex-start}.shell,.app-shell{min-height:100vh;min-height:100dvh}body{background:var(--color-page-bg, #e9e4df)}a{color:inherit;text-decoration:none}a:visited{color:inherit}:root{--color-primary: #d6f3a2;--color-primary-strong: #c2ea7e;--color-primary-soft: #f2fbed;--color-ink: #111111;--color-ink-2: #4b4b4b;--color-ink-3: #979797;--color-bg: #fbfbfd;--color-surface: #ffffff;--color-surface-2: #f6f6f6;--color-line: #ececee;--color-accent: #ff9900;--color-danger: #ef5c5c;--color-success: #00d261;--color-info: #007aff;--color-mask: rgba(17, 17, 17, .45);--shadow-card: 0 1px 2px rgba(17, 17, 17, .04);--font-body: "Inter", system-ui, -apple-system, "PingFang SC", "Noto Sans CJK SC", sans-serif;--font-display: "Poppins", "Inter", system-ui, "PingFang SC", sans-serif;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--shell-max: 375px;--nav-height: 64px;--il-olive: #6b7250;--il-olive-d: #575c40;--il-indigo: #46557a;--il-indigo-d: #384562;--il-black: #2c2c2e;--il-black-d: #202022;--il-white: #f0eee8;--il-white-d: #ddd9cf;--il-grey: #a9a9ad;--il-grey-d: #909094;--il-oat: #d8cbb4;--il-oat-d: #c2b394;--il-khaki: #b7a077;--il-khaki-d: #9d8860;--il-charcoal: #4c4c50;--il-charcoal-d: #3c3c40;--il-navy: #34405e;--il-navy-d: #2a3450;--il-fog: #8fa3b8;--il-fog-d: #77899d;--il-cream: #efe9d8;--il-basket: #c9c9cc;--il-basket-d: #b2b2b6}html[data-theme=dark]{--color-primary: #b9e97f;--color-primary-strong: #a5dd5f;--color-primary-soft: #233312;--color-ink: #f4f4f2;--color-ink-2: #c5c8d2;--color-ink-3: #8a8a8a;--color-bg: #121212;--color-surface: #1d1d1f;--color-surface-2: #262628;--color-line: #2e2e30;--color-accent: #ffb340;--color-danger: #ff7a7a;--color-success: #3ce083;--color-info: #6aa9ff;--color-mask: rgba(0, 0, 0, .6);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4)}.app-shell{max-width:var(--shell-max);margin:0 auto;min-height:100dvh;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);position:relative;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-4) calc(var(--nav-height) + 56px);gap:var(--sp-4)}.page--flush{padding:0}.page--flush .page__body{padding:var(--sp-4);padding-bottom:calc(var(--nav-height) + 56px);display:flex;flex-direction:column;gap:var(--sp-4)}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:min(calc(var(--shell-max) - 32px),calc(100vw - 32px));height:var(--nav-height);background:var(--color-ink);border-radius:var(--r-full);display:flex;align-items:center;justify-content:space-between;padding:6px;z-index:40;box-shadow:0 8px 24px #11111140}html[data-theme=dark] .bottom-nav{background:#2a2a2c}.bottom-nav__item{flex:1;height:100%;border:none;background:transparent;border-radius:var(--r-full);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#d9d9d9;font-size:var(--fs-xs);cursor:pointer;position:relative}.bottom-nav__item.is-active{background:var(--color-primary);color:var(--color-ink);font-weight:600}.bottom-nav__badge{position:absolute;top:6px;right:calc(50% - 20px)}.section{background:var(--color-surface);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-card)}.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600}.link-btn{border:none;background:none;color:var(--color-ink-2);font-size:var(--fs-sm);cursor:pointer;padding:0}.hero{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16 / 9;background:var(--color-surface-2)}.hero__img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1111110d 20%,#1111119e);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-4);gap:var(--sp-2)}.hero__brand{color:#ffffffd9;font-size:var(--fs-sm)}.hero__title{color:#fff;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;line-height:1.25;max-width:70%}.hero__cta{position:absolute;right:var(--sp-4);bottom:var(--sp-4)}.auth-page{flex:1;display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(120% 70% at 80% 0%,#d6f3a238,#d6f3a200 55%),linear-gradient(175deg,#6d5a44,#8a7358 34%,#a9906f 62%,#c8b28c);position:relative;overflow:hidden}html[data-theme=dark] .auth-page{background:radial-gradient(120% 70% at 80% 0%,#d6f3a224,#d6f3a200 55%),linear-gradient(175deg,#20190f,#2b2317 40%,#3a2f1e)}.auth-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4) var(--sp-5);min-height:300px}.auth-hero__brand{font-family:var(--font-display);font-size:40px;font-weight:700;color:#fff;text-shadow:0 2px 14px rgba(17,17,17,.35);letter-spacing:.5px}.auth-hero__art{filter:drop-shadow(0 18px 28px rgba(17,17,17,.28))}.auth-sheet{background:var(--color-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-6) var(--sp-5) calc(var(--sp-6) + 6px);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:0 -8px 30px #1111112e}.auth-sheet__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700}.auth-sheet__sub{color:var(--color-ink-3);font-size:var(--fs-md);margin-top:4px}.promo-bar{width:100%;border:none;background:var(--color-primary);color:var(--color-ink);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);font-weight:500;cursor:pointer}.promo-bar:hover{filter:brightness(.97)}.checkout-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(var(--shell-max),100vw);background:var(--color-surface);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + 10px);box-shadow:0 -6px 24px #1111111a;z-index:40}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.cat-grid__item{border:none;background:var(--color-surface);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-1);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-ink-2);cursor:pointer;box-shadow:var(--shadow-card)}.cat-grid__icon{width:40px;height:40px;border-radius:var(--r-full);background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;color:var(--color-ink)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.price{font-family:var(--font-display);font-weight:600;color:var(--color-ink)}.price--lg{font-size:var(--fs-xl)}.price--origin{color:var(--color-ink-3);font-weight:400;text-decoration:line-through;font-size:var(--fs-sm);margin-left:var(--sp-2)}.detail-bar{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:min(calc(var(--shell-max) - 32px),calc(100vw - 32px));z-index:40;display:flex;gap:var(--sp-2)}.list{background:var(--color-surface);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-card)}.pay-qrcode{width:168px;height:168px;margin:0 auto;border-radius:var(--r-lg);background:repeating-conic-gradient(var(--color-ink) 0% 25%,#ffffff 0% 50%) 0 0 / 24px 24px;border:6px solid #ffffff;outline:1px solid var(--color-line)}.region-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-2);max-height:200px;overflow-y:auto}.region-col{display:flex;flex-direction:column;overflow-y:auto;max-height:200px;border:1px solid var(--color-line);border-radius:var(--r-md)}.region-col__item{border:none;background:none;text-align:left;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);cursor:pointer;color:var(--color-ink);white-space:nowrap}.region-col__item.is-active{background:var(--color-primary-soft);font-weight:600}.timeline{display:flex;flex-direction:column;gap:0}.timeline__item{display:flex;gap:var(--sp-3);position:relative;padding-bottom:var(--sp-4)}.timeline__item:last-child{padding-bottom:0}.timeline__dot{width:10px;height:10px;border-radius:50%;background:var(--color-line);margin-top:5px;flex:none;z-index:1}.timeline__item.is-done .timeline__dot{background:var(--color-primary-strong)}.timeline__item:before{content:"";position:absolute;left:4.5px;top:16px;bottom:0;width:1px;background:var(--color-line)}.timeline__item.is-done:before{background:var(--color-primary-strong)}.timeline__item:last-child:before{display:none}.dots{display:flex;gap:6px;justify-content:center}.dots__dot{width:6px;height:6px;border-radius:50%;background:var(--color-line);border:none;padding:0;cursor:pointer}.dots__dot.is-active{background:var(--color-ink)}.chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-2);border-radius:var(--r-full);padding:6px var(--sp-3);font-size:var(--fs-sm);cursor:pointer}.chip.is-active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}html[data-theme=dark] .chip.is-active{color:#121212}.btn{border:none;border-radius:var(--r-lg);font-family:var(--font-body);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:filter .15s,opacity .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{height:32px;padding:0 12px;font-size:var(--fs-sm)}.btn--md{height:40px;padding:0 16px;font-size:var(--fs-md)}.btn--lg{height:48px;padding:0 20px;font-size:var(--fs-lg);border-radius:var(--r-full)}.btn--primary{background:var(--color-primary);color:var(--color-ink)}.btn--primary:hover:not(:disabled){filter:brightness(.96)}.btn--primary:active:not(:disabled){background:var(--color-primary-strong)}.btn--secondary{background:var(--color-surface-2);color:var(--color-ink)}.btn--secondary:hover:not(:disabled){filter:brightness(.96)}.btn--ghost{background:transparent;color:var(--color-ink-2)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn--danger{background:var(--color-danger);color:#fff}.btn--dark{background:var(--color-ink);color:var(--color-bg)}.btn--dark:hover:not(:disabled){filter:brightness(1.2)}.btn__spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.icon-btn{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);transition:background .15s}.icon-btn--sm{width:32px;height:32px}.icon-btn--md{width:40px;height:40px}.icon-btn--plain{background:transparent;color:var(--color-ink)}.icon-btn--plain:hover{background:var(--color-surface-2)}.icon-btn--filled{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-card)}.icon-btn--filled:hover{background:var(--color-surface-2)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-sm);color:var(--color-ink-2);font-weight:500}.input-box{display:flex;align-items:center;gap:var(--sp-2);background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--r-md);padding:0 var(--sp-3);height:44px;transition:border-color .15s,background .15s}.input-box:focus-within{border-color:var(--color-ink);background:var(--color-surface)}.input-box--error{border-color:var(--color-danger)}.input-box--disabled{opacity:.5}.input-box input{flex:1;border:none;background:transparent;outline:none;color:var(--color-ink);font-size:var(--fs-md);min-width:0}.input-box input::placeholder{color:var(--color-ink-3)}.field__error{color:var(--color-danger);font-size:var(--fs-sm)}.textarea{background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--r-md);padding:var(--sp-3);outline:none;color:var(--color-ink);font-size:var(--fs-md);resize:vertical;min-height:88px;width:100%;font-family:var(--font-body)}.textarea:focus{border-color:var(--color-ink);background:var(--color-surface)}.textarea--error{border-color:var(--color-danger)}.select-wrap{position:relative;display:flex;align-items:center}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--r-md);height:40px;padding:0 var(--sp-6) 0 var(--sp-3);color:var(--color-ink);font-size:var(--fs-md);outline:none;cursor:pointer}.select:focus{border-color:var(--color-ink)}.select--sm{height:32px;font-size:var(--fs-sm)}.select--error{border-color:var(--color-danger)}.select:disabled{opacity:.5}.select-wrap__icon{position:absolute;right:10px;pointer-events:none;color:var(--color-ink-3)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--color-ink-3);border-radius:6px;cursor:pointer;position:relative;flex:none;background:var(--color-surface);transition:background .15s,border-color .15s}.checkbox:checked{background:var(--color-ink);border-color:var(--color-ink)}.checkbox:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid var(--color-bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:indeterminate{background:var(--color-ink);border-color:var(--color-ink)}.checkbox:indeterminate:after{content:"";position:absolute;left:3px;top:6.5px;width:9px;height:2px;background:var(--color-bg)}.checkbox:disabled{opacity:.4;cursor:not-allowed}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:var(--r-full);background:var(--color-line);position:relative;cursor:pointer;transition:background .2s;flex:none}.switch:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #0003}.switch:checked{background:var(--color-primary-strong)}.switch:checked:after{transform:translate(18px)}.switch:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:var(--sp-4)}.card--flat{box-shadow:none;border:1px solid var(--color-line)}.card--interactive{cursor:pointer;transition:transform .15s,box-shadow .15s}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 6px 16px #11111114}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--color-surface);width:100%;border:none;text-align:left;cursor:pointer;color:var(--color-ink)}.list-item:hover{background:var(--color-surface-2)}.list-item--selected{background:var(--color-primary-soft)}.list-item--static{cursor:default}.list-item--static:hover{background:var(--color-surface)}.list-item__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-item__title{font-size:var(--fs-md);font-weight:500}.list-item__desc{font-size:var(--fs-sm);color:var(--color-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item__meta{font-size:var(--fs-sm);color:var(--color-ink-3);flex:none}.list-item__prefix,.list-item__suffix{flex:none;display:flex;align-items:center}.avatar{border-radius:50%;overflow:hidden;background:var(--color-primary-soft);color:var(--color-ink);display:flex;align-items:center;justify-content:center;font-weight:600;flex:none}.avatar--sm{width:32px;height:32px;font-size:var(--fs-sm)}.avatar--md{width:44px;height:44px;font-size:var(--fs-md)}.avatar--lg{width:60px;height:60px;font-size:var(--fs-xl)}.avatar img{width:100%;height:100%;object-fit:cover}.badge{min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-full);background:var(--color-danger);color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.badge--dot{min-width:8px;width:8px;height:8px;padding:0}.tabs{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs--underline{border-bottom:1px solid var(--color-line);gap:0}.tabs--pill{background:var(--color-surface-2);border-radius:var(--r-full);padding:4px}.tab{border:none;background:none;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-md);color:var(--color-ink-3);cursor:pointer;position:relative;white-space:nowrap}.tabs--pill .tab{border-radius:var(--r-full)}.tabs--pill .tab.is-active{background:var(--color-surface);color:var(--color-ink);font-weight:600;box-shadow:var(--shadow-card)}.tabs--underline .tab.is-active{color:var(--color-ink);font-weight:600}.tabs--underline .tab.is-active:after{content:"";position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:-1px;height:2px;background:var(--color-ink);border-radius:1px}.layer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-mask);z-index:90;display:flex;align-items:center;justify-content:center}.layer-mask--bottom,.drawer-layer--bottom{align-items:flex-end}.layer-mask--left,.drawer-layer--left{justify-content:flex-start}.layer-mask--right,.drawer-layer--right{justify-content:flex-end}.modal-layer .modal{background:var(--color-surface);border-radius:var(--r-xl);padding:var(--sp-5);width:min(340px,calc(100vw - 48px));max-height:80vh;overflow-y:auto;color:var(--color-ink);animation:modal-in .2s ease-out}.modal--sm{width:min(280px,calc(100vw - 64px))}.modal--lg{width:min(420px,calc(100vw - 32px))}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-layer.is-closing .modal{animation:modal-out .18s ease-in forwards}@keyframes modal-out{to{opacity:0;transform:scale(.96)}}.drawer-layer .drawer{background:var(--color-surface);color:var(--color-ink);overflow-y:auto}.drawer-layer--bottom .drawer{flex:none;width:min(var(--shell-max),100%);max-height:85vh;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + 8px);animation:drawer-up .25s cubic-bezier(.2,.8,.3,1)}.drawer-layer--bottom.is-closing .drawer{animation:drawer-down .2s ease-in forwards}@keyframes drawer-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawer-down{to{transform:translateY(100%)}}.drawer-layer--left .drawer{height:100vh;width:min(320px,86vw);animation:drawer-left-in .25s cubic-bezier(.2,.8,.3,1)}.drawer-layer--left.is-closing .drawer{animation:drawer-left-out .2s ease-in forwards}@keyframes drawer-left-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-left-out{to{transform:translate(-100%)}}.drawer-layer--right .drawer{height:100vh;width:min(320px,86vw);animation:drawer-right-in .25s cubic-bezier(.2,.8,.3,1)}.drawer-layer--right.is-closing .drawer{animation:drawer-right-out .2s ease-in forwards}@keyframes drawer-right-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-right-out{to{transform:translate(100%)}}.drawer__grip{width:36px;height:4px;border-radius:2px;background:var(--color-line);margin:0 auto var(--sp-4)}.toast-stack{position:fixed;left:50%;transform:translate(-50%);top:18px;z-index:120;display:flex;flex-direction:column;gap:var(--sp-2);width:min(360px,calc(100vw - 40px));pointer-events:none}.toast{background:var(--color-ink);color:var(--color-bg);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md);display:flex;align-items:center;gap:var(--sp-2);box-shadow:0 6px 20px #11111140;animation:toast-in .25s cubic-bezier(.2,.8,.3,1)}html[data-theme=dark] .toast{background:#333335;color:#f4f4f2}.toast--success{box-shadow:inset 0 0 0 1px var(--color-success),0 6px 20px #11111140}.toast--warning{box-shadow:inset 0 0 0 1px var(--color-accent),0 6px 20px #11111140}.toast--error{box-shadow:inset 0 0 0 1px var(--color-danger),0 6px 20px #11111140}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast.is-hiding{animation:toast-out .2s ease-in forwards}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);text-align:center}.empty__icon{width:72px;height:72px;border-radius:50%;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;color:var(--color-ink-3);margin-bottom:var(--sp-2)}.empty__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg)}.empty__desc{color:var(--color-ink-3);font-size:var(--fs-md);max-width:260px}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-line) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:skeleton-wave 1.3s infinite;border-radius:var(--r-md)}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:14px}.skeleton--text.skeleton--lg{height:20px;width:60%}.skeleton--card{height:220px;border-radius:var(--r-xl)}.skeleton--list{height:72px;border-radius:var(--r-lg)}.page-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;min-height:48px}.page-header__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;flex:1;text-align:center}.page-header__title--left{text-align:left;flex:none}.page-header__side{min-width:40px;display:flex;justify-content:flex-end}.stars{display:inline-flex;gap:2px;color:var(--color-accent)}.stars--muted{color:var(--color-line)}.qty{display:inline-flex;align-items:center;gap:2px;background:var(--color-surface-2);border-radius:var(--r-full);padding:2px}.qty button{width:26px;height:26px;border:none;border-radius:50%;background:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink)}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty span{min-width:26px;text-align:center;font-size:var(--fs-md);font-weight:500}.search-bar{display:flex;align-items:center;gap:var(--sp-2);background:var(--color-surface-2);border-radius:var(--r-full);padding:0 var(--sp-4);height:40px;flex:1}.search-bar input{flex:1;border:none;background:transparent;outline:none;color:var(--color-ink);font-size:var(--fs-md);min-width:0}.search-bar input::placeholder{color:var(--color-ink-3)}.product-card{display:flex;flex-direction:column}.product-card__thumb{aspect-ratio:1 / 1;border-radius:var(--r-lg);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card__body{padding:var(--sp-3) var(--sp-1) 0;display:flex;flex-direction:column;gap:4px}.product-card__name{font-size:var(--fs-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-group{background:var(--color-surface);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-card)}.settings-group .list-item+.list-item{border-top:1px solid var(--color-line)}.form-alert{background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface));color:var(--color-danger);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-sm)}.result-icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.result-icon--success{background:var(--color-primary-soft);color:var(--color-success)}.result-icon--fail{background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface));color:var(--color-danger)}.region-cascade{display:flex;gap:var(--sp-2);flex-wrap:wrap}.gallery{position:relative;background:var(--color-surface);border-radius:var(--r-xl);padding:var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.gallery__stage{aspect-ratio:1 / 1;width:100%;display:flex;align-items:center;justify-content:center}.gallery__thumbs{display:flex;gap:var(--sp-2)}.gallery__thumb{width:56px;height:56px;border-radius:var(--r-md);border:none;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px}.gallery__thumb.is-active{background:var(--color-primary-soft);outline:1.5px solid var(--color-primary-strong)}.review-card{display:flex;flex-direction:column;gap:var(--sp-2)}.review-card__head{display:flex;align-items:center;gap:var(--sp-3)}.review-card__name{font-weight:500;font-size:var(--fs-md);flex:1}.review-card__time{color:var(--color-ink-3);font-size:var(--fs-sm)}.review-card__text{color:var(--color-ink-2);font-size:var(--fs-md);line-height:1.6}.cat-tiles{display:flex;flex-direction:column;gap:var(--sp-3)}.cat-tile{background:var(--color-surface);border:none;border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--sp-3);cursor:pointer;text-align:left;color:var(--color-ink)}.cat-tile:hover{filter:brightness(.985)}.cat-tile__icon{width:40px;height:40px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--color-ink);flex:none}.cat-tile__thumbs{display:flex;gap:var(--sp-2);justify-content:flex-end}.cat-tile__thumb{width:84px;height:84px;border-radius:var(--r-lg);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.cat-tile__go{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);color:var(--color-ink-2);font-weight:500}.wish-card{display:flex;flex-direction:column}.wallet-card{background:var(--color-ink);color:var(--color-bg);border-radius:var(--r-xl);padding:var(--sp-5)}html[data-theme=dark] .wallet-card{background:#2a2a2c;color:#f4f4f2}.wallet-card__label{font-size:var(--fs-sm);opacity:.7}.wallet-card__row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-2)}.wallet-card__amount{font-family:var(--font-display);font-size:34px;font-weight:700}.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.wallet-action{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--color-ink-2);cursor:pointer;padding:var(--sp-2) 0}.wallet-action__icon{width:44px;height:44px;border-radius:var(--r-full);background:var(--color-primary-soft);color:var(--color-ink);display:flex;align-items:center;justify-content:center}.live-card{display:flex;gap:var(--sp-3);align-items:center}.live-card__cover{position:relative;width:108px;height:108px;border-radius:var(--r-lg);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;flex:none}.live-card__badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:4px;background:var(--color-primary);color:var(--color-ink);font-size:var(--fs-xs);font-weight:600;border-radius:var(--r-full);padding:2px 8px}.live-card__badge--ended{background:var(--color-surface);color:var(--color-ink-3)}.live-card--ended{opacity:.85}.live-room{flex:1;display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(120% 60% at 50% 0%,#d6f3a240,#d6f3a200 55%),linear-gradient(180deg,#3c3c40,#232325 60%,#17171a)}html[data-theme=dark] .live-room{background:radial-gradient(120% 60% at 50% 0%,#d6f3a226,#d6f3a200 55%),linear-gradient(180deg,#202022,#141416)}.live-room__topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4)}.live-room__badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary);color:var(--color-ink);font-size:var(--fs-sm);font-weight:600;border-radius:var(--r-full);padding:6px 12px}.live-room__badge--ended{background:var(--color-surface-2);color:var(--color-ink-3)}.live-room__stage{flex:1;display:flex;flex-direction:column}.live-room__art{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}.live-room__title{color:#fff;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.4)}.live-room__panel{background:var(--color-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);max-height:52vh}.live-room__messages{display:flex;flex-direction:column;gap:var(--sp-2);overflow-y:auto;min-height:88px;max-height:180px}.live-msg{background:var(--color-surface-2);border-radius:var(--r-md);padding:6px var(--sp-3);font-size:var(--fs-sm);width:fit-content;max-width:92%}.live-msg__author{font-weight:600;color:var(--color-primary-strong);margin-right:6px}.live-msg__text{color:var(--color-ink-2)}.live-product-card{display:flex;align-items:center;gap:var(--sp-3);background:var(--color-surface-2);border:none;border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-3);cursor:pointer}.live-product-card__cta{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary);color:var(--color-ink);font-size:var(--fs-sm);font-weight:600;border-radius:var(--r-full);padding:6px 12px;flex:none}.live-room__inputbar{display:flex;gap:var(--sp-2)}.live-room__inputbar input{flex:1;background:var(--color-surface-2);border:none;border-radius:var(--r-full);padding:10px var(--sp-4);outline:none;color:var(--color-ink);font-size:var(--fs-md)}.live-room__inputbar input:disabled{opacity:.5}.track-map{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-card);height:200px}.track-map__badge{position:absolute;top:var(--sp-3);left:var(--sp-3);display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border-radius:var(--r-full);padding:6px 12px;font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-card)}.member-medal{width:56px;height:56px;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;color:var(--color-ink)}.member-progress{height:8px;border-radius:var(--r-full);background:var(--color-surface-2);margin:var(--sp-5) var(--sp-2) var(--sp-3);overflow:hidden}.member-progress__fill{height:100%;border-radius:var(--r-full);background:var(--color-primary-strong);transition:width .3s}.member-status{background:var(--color-ink);color:var(--color-bg);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);text-align:center}html[data-theme=dark] .member-status{background:#2a2a2c;color:#f4f4f2}
