@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:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit;border:none;background:none;padding:0;color:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.shell{max-width:var(--shell-max);min-height:100dvh;margin:0 auto;background:var(--color-bg);display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000001f}.shell-main{flex:1;display:flex;flex-direction:column}.shell-main--with-nav{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.page{flex:1;display:flex;flex-direction:column}.page-pad{padding:var(--space-4)}: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)}:root{--color-primary: #E91E63;--color-primary-bright: #F16D9A;--color-primary-deep: #AF164A;--color-primary-soft: #FCE4EC;--color-bg: #F7F4EF;--color-surface: #FFFFFF;--color-surface-2: #F1EDE6;--color-border: #E7E1D8;--color-text: #20191B;--color-text-2: #6E6660;--color-text-3: #A39A92;--color-success: #2E9E5B;--color-success-soft: #E3F4E9;--color-warning: #C97F10;--color-warning-soft: #FBF1DF;--color-danger: #D92D20;--color-danger-soft: #FDEBE9;--color-star: #E8A33D;--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;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 26px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--shadow-raised: 0 2px 12px rgba(32, 25, 27, .08);--shadow-float: 0 8px 28px rgba(32, 25, 27, .14);--shell-max: 375px;--nav-height: 60px}[data-theme=dark]{--color-bg: #171315;--color-surface: #221D20;--color-surface-2: #2C2529;--color-border: #3A3237;--color-text: #F2EDEA;--color-text-2: #B4AAA5;--color-text-3: #7C726E;--color-primary-soft: #3D1A28;--shadow-raised: 0 2px 12px rgba(0, 0, 0, .4);--shadow-float: 0 8px 28px rgba(0, 0, 0, .55)}.reader[data-reader-theme=sepia]{--color-bg: #F4EBD9;--color-surface: #FBF5E8;--color-surface-2: #EEE3CC;--color-border: #E0D3B8;--color-text: #4A3B28;--color-text-2: #857457;--color-text-3: #A99878}.reader[data-reader-theme=dark]{--color-bg: #14110F;--color-surface: #1E1A17;--color-surface-2: #282320;--color-border: #3B332D;--color-text: #D9D2CB;--color-text-2: #94897F;--color-text-3: #6A6158;--color-primary-soft: #3D1A28}:root{--reader-paper-bg: #FBF9F4;--reader-paper-text: #241F1C;--reader-sepia-bg: #F4EBD9;--reader-sepia-text: #4A3B28;--reader-dark-bg: #14110F;--reader-dark-text: #D9D2CB}:root{--color-wechat: #24A148}:root{--avatar-c1: #E91E63;--avatar-c2: #7C5CD6;--avatar-c3: #2E9E5B;--avatar-c4: #E88024;--avatar-c5: #2B7AC9;--avatar-c6: #B34A9E}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-full);font-weight:600;line-height:1;transition:background .15s,color .15s,opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn--sm{height:32px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--md{height:42px;padding:0 var(--space-5);font-size:var(--text-md)}.btn--lg{height:50px;padding:0 var(--space-6);font-size:var(--text-md)}.btn--block{width:100%}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-bright)}.btn--primary:active{background:var(--color-primary-deep)}.btn--primary:disabled{background:var(--color-primary);opacity:.45;cursor:not-allowed}.btn--secondary{background:var(--color-primary-soft);color:var(--color-primary-deep)}.btn--secondary:hover{filter:brightness(.97)}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--color-text-2)}.btn--ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.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{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background .15s,color .15s}.icon-btn--sm{width:32px;height:32px}.icon-btn--md{width:40px;height:40px}.icon-btn--plain{color:var(--color-text-2)}.icon-btn--plain:hover{background:var(--color-surface-2);color:var(--color-text)}.icon-btn--filled{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised)}.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(--text-sm);font-weight:600;color:var(--color-text-2)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}.field__hint{font-size:var(--text-xs);color:var(--color-text-3)}.input,.textarea,.select{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);height:46px;transition:border-color .15s,box-shadow .15s}.input--sm,.select--sm{height:38px}.input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input--error{border-color:var(--color-danger)}.input--error:focus-within{box-shadow:0 0 0 3px var(--color-danger-soft)}.input__inner{flex:1;min-width:0;border:none;outline:none;background:transparent;height:100%;font-size:var(--text-md)}.input__inner::placeholder{color:var(--color-text-3)}.input__affix{color:var(--color-text-3);font-size:var(--text-sm);display:inline-flex;align-items:center}.textarea{height:auto;min-height:88px;padding:var(--space-3);resize:vertical;width:100%;outline:none;font-size:var(--text-md);line-height:1.6}.textarea:focus{border-color:var(--color-primary)}.textarea--error{border-color:var(--color-danger)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-3) 50%),linear-gradient(135deg,var(--color-text-3) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--space-6);cursor:pointer}.select:focus{border-color:var(--color-primary);outline:none}.checkbox-wrap{display:inline-flex;position:relative}.checkbox{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;z-index:1}.checkbox__box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.checkbox:checked+.checkbox__box,.checkbox:indeterminate+.checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox:checked+.checkbox__box:after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.checkbox:indeterminate+.checkbox__box:after{content:"";width:10px;height:2px;background:#fff;border-radius:1px}.checkbox:focus-visible+.checkbox__box{outline:2px solid var(--color-primary);outline-offset:2px}.switch{width:48px;height:28px;border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border);position:relative;transition:background .2s;flex-shrink:0}.switch--on{background:var(--color-primary);border-color:var(--color-primary)}.switch__thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.switch--on .switch__thumb{transform:translate(20px)}.switch--disabled{opacity:.4;cursor:not-allowed}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);text-align:left;width:100%;display:block}.card--raised{box-shadow:var(--shadow-raised)}.card--interactive{transition:transform .12s,box-shadow .12s}.card--interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-raised)}.card--interactive:active{transform:scale(.99)}.list-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);text-align:left}.list-item--click{cursor:pointer;transition:background .12s}.list-item--click:hover{background:var(--color-surface-2)}.list-item--selected{background:var(--color-primary-soft)}.list-item__left{flex-shrink:0;display:flex}.list-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-item__title-row{display:flex;align-items:baseline;gap:var(--space-2);justify-content:space-between}.list-item__title{font-size:var(--text-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item__meta{font-size:var(--text-xs);color:var(--color-text-3);flex-shrink:0}.list-item__subtitle{font-size:var(--text-sm);color:var(--color-text-2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.list-item__right{flex-shrink:0;display:flex;align-items:center}.avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-bright),var(--color-primary-deep));color:#fff;font-weight:600;flex-shrink:0;object-fit:cover}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--md{width:44px;height:44px;font-size:var(--text-lg)}.avatar--lg{width:64px;height:64px;font-size:24px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;min-width:18px;height:18px;padding:0 5px}.badge--sm{min-width:15px;height:15px;font-size:10px}.badge--danger{background:var(--color-danger)}.badge--neutral{background:var(--color-text-3)}.badge--success{background:var(--color-success)}.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.badge-dot--primary{background:var(--color-primary)}.badge-dot--danger{background:var(--color-danger)}.badge-dot--neutral{background:var(--color-text-3)}.badge-dot--success{background:var(--color-success)}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__item{padding:var(--space-2) var(--space-3);font-size:var(--text-md);font-weight:600;color:var(--color-text-3);border-radius:var(--radius-sm);white-space:nowrap;position:relative;transition:color .15s}.tabs__item--active{color:var(--color-text)}.tabs--underline .tabs__item--active:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:0;height:3px;border-radius:2px;background:var(--color-primary)}.tabs--underline{border-bottom:1px solid var(--color-border)}.tabs--pill .tabs__item{border-radius:var(--radius-full)}.tabs--pill .tabs__item--active{background:var(--color-primary);color:#fff}.tabs--sm .tabs__item{font-size:var(--text-sm);padding:6px var(--space-3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140c0f80;display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .16s ease-out}.overlay--closing{animation:overlay-out .16s ease-in forwards}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:min(calc(100vw - 48px),420px);max-height:min(80vh,640px);display:flex;flex-direction:column;animation:modal-in .18s ease-out}.modal--sm{width:min(calc(100vw - 96px),320px)}.modal--lg{width:min(calc(100vw - 32px),520px)}.modal--closing{animation:modal-out .16s ease-in forwards}@keyframes modal-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}@keyframes modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96) translateY(6px)}}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5) 0}.modal__title{font-size:var(--text-lg);font-weight:700}.modal__body{padding:var(--space-4) var(--space-5);overflow-y:auto}.modal__foot{padding:0 var(--space-5) var(--space-5);display:flex;gap:var(--space-3)}.modal__foot>*{flex:1}.drawer{position:fixed;background:var(--color-surface);z-index:101;display:flex;flex-direction:column}.drawer-layer--bottom{left:50%;bottom:0;transform:translate(-50%);max-height:85vh;width:100%;max-width:var(--shell-max);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:drawer-up .22s cubic-bezier(.2,.8,.3,1)}.drawer-layer--left{top:0;bottom:0;left:0;width:min(78vw,320px);animation:drawer-left .22s cubic-bezier(.2,.8,.3,1)}.drawer-layer--right{top:0;bottom:0;right:0;width:min(78vw,320px);animation:drawer-right .22s cubic-bezier(.2,.8,.3,1)}.drawer--closing.drawer-layer--bottom{animation:drawer-down .18s ease-in forwards}.drawer--closing.drawer-layer--left{animation:drawer-left-out .18s ease-in forwards}.drawer--closing.drawer-layer--right{animation:drawer-right-out .18s ease-in forwards}@keyframes drawer-up{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%)}}@keyframes drawer-down{0%{transform:translate(-50%)}to{transform:translate(-50%) translateY(100%)}}@keyframes drawer-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes drawer-left-out{0%{transform:none}to{transform:translate(-100%)}}@keyframes drawer-right{0%{transform:translate(100%)}to{transform:none}}@keyframes drawer-right-out{0%{transform:none}to{transform:translate(100%)}}.drawer__head{padding:var(--space-4) var(--space-5) var(--space-2)}.drawer__title{font-size:var(--text-lg);font-weight:700}.toast-stack{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:200;width:min(calc(100vw - 48px),400px);pointer-events:none}.toast{background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);padding:10px var(--space-4);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-float);animation:toast-in .2s ease-out;text-align:center}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}.toast--success{background:var(--color-success);color:#fff}.toast--warning{background:var(--color-warning);color:#fff}.toast--error{background:var(--color-danger);color:#fff}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-6)}.empty__icon{color:var(--color-text-3);margin-bottom:var(--space-2)}.empty__title{font-size:var(--text-lg);font-weight:700}.empty__desc{font-size:var(--text-sm);color:var(--color-text-2);max-width:280px;line-height:1.6}.empty__action{margin-top:var(--space-3)}.skeleton{background:var(--color-surface-2);border-radius:var(--radius-sm)}.skeleton--pulse{animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton--text{height:14px;margin-bottom:10px}.skeleton--cover{width:84px;height:116px}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-90{width:90%}.skeleton-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4)}.skeleton-text{width:100%}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-list__row{display:flex;gap:var(--space-3)}.skeleton-list__lines{flex:1;padding-top:4px}.page-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:56px}.page-header__titles{flex:1;min-width:0}.page-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header__subtitle{font-size:var(--text-xs);color:var(--color-text-2);margin-top:2px}.page-header__actions{display:flex;gap:var(--space-2);align-items:center}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(var(--shell-max),100vw);height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;z-index:50}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--color-text-3);transition:color .15s}.bottom-nav__item--active{color:var(--color-primary);font-weight:600}.brand{display:inline-flex;align-items:center;gap:8px}.brand__logo{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.brand__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:1px}.cover{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;color:#fffffff0;position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-raised);text-align:center}.cover--sm{border-radius:var(--radius-sm)}.cover--md{border-radius:var(--radius-md)}.cover__spine{position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#ffffff59;border-radius:1px}.cover__title{font-weight:700;line-height:1.3;font-family:var(--font-display);word-break:break-all;position:relative;z-index:1}.cover__author{opacity:.75;font-size:9px;position:relative;z-index:1}.ring{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ring__text{position:absolute;font-weight:700;color:var(--color-text)}.search-bar{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);height:42px;padding:0 var(--space-3) 0 var(--space-4);transition:border-color .15s,box-shadow .15s}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.search-bar__icon{color:var(--color-text-3);flex-shrink:0}.search-bar__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:var(--text-md)}.search-bar__input::placeholder{color:var(--color-text-3)}.search-bar__input::-webkit-search-cancel-button{display:none}.auth-page{max-width:420px;width:100%;margin:0 auto;padding-top:var(--space-8);padding-bottom:var(--space-8);display:flex;flex-direction:column}.auth-page__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.auth-page__slogan{font-size:var(--text-sm);color:var(--color-text-2)}.auth-page__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-page__code-btn{font-size:var(--text-sm);color:var(--color-primary);font-weight:600;white-space:nowrap}.auth-page__code-btn:disabled{color:var(--color-text-3);cursor:not-allowed}.auth-page__demo-hint{font-size:var(--text-xs);color:var(--color-warning)}.auth-page__agree{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-2);line-height:1.5}.link{color:var(--color-primary);font-weight:600}.auth-page__wechat{margin-top:var(--space-6)}.auth-page__wechat-icon{display:inline-flex;align-items:center;gap:8px;color:var(--color-wechat)}.auth-page__divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-3);font-size:var(--text-xs);margin-bottom:var(--space-4)}.auth-page__divider:before,.auth-page__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-page__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-2)}.modal-text{font-size:var(--text-md);line-height:1.7;color:var(--color-text-2)}.rich-text{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-sm);line-height:1.8;color:var(--color-text-2)}.shelf{display:flex;flex-direction:column;gap:var(--space-4)}.shelf__continue{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-raised);text-align:left}.shelf__continue-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shelf__continue-label{font-size:var(--text-xs);color:var(--color-primary);font-weight:700}.shelf__continue-title{font-size:var(--text-md);font-weight:700}.shelf__continue-meta{font-size:var(--text-xs);color:var(--color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf__continue-action{color:var(--color-primary)}.shelf__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.shelf__item{position:relative}.shelf__item-main{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);padding-right:44px;text-align:left;transition:transform .12s,box-shadow .12s}.shelf__item-main:hover{box-shadow:var(--shadow-raised)}.shelf__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.shelf__item-title{font-size:var(--text-md);font-weight:700}.shelf__item-author{font-size:var(--text-sm);color:var(--color-text-2)}.shelf__item-meta{font-size:var(--text-xs);color:var(--color-text-3)}.shelf__start-hint{font-size:var(--text-xs);color:var(--color-primary);font-weight:600;flex-shrink:0}.shelf__remove{position:absolute;top:6px;right:6px;color:var(--color-text-3)}.store__search,.store__tabs{padding:0 var(--space-4) var(--space-3)}.store__list{list-style:none;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.store__item{position:relative}.store__item-main{display:flex;gap:var(--space-3);width:100%;text-align:left}.store__cover{width:84px;height:118px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;color:#fffffff0;flex-shrink:0;box-shadow:var(--shadow-raised);text-align:center}.store__cover-title{font-weight:700;font-size:12px;line-height:1.3;font-family:var(--font-display);word-break:break-all}.store__cover-author{font-size:9px;opacity:.75}.store__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.store__item-title{font-size:var(--text-md);font-weight:700}.store__item-author{font-size:var(--text-xs);color:var(--color-text-2)}.store__item-intro{font-size:var(--text-xs);color:var(--color-text-3);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store__item-meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-3);margin-top:2px}.store__rating{color:var(--color-star);font-weight:700}.store__add{position:absolute;right:0;bottom:8px}.store__add--done{color:var(--color-success)}.detail{background:var(--color-bg)}.detail__hero{background:linear-gradient(180deg,var(--color-primary-soft),var(--color-bg) 92%);padding-bottom:var(--space-4)}.detail__hero-header .page-header__titles{display:none}.detail__hero-body{display:flex;gap:var(--space-5);padding:var(--space-2) var(--space-5) 0;align-items:flex-start}.detail__hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:var(--space-2)}.detail__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.25}.detail__author{font-size:var(--text-sm);color:var(--color-text-2)}.detail__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.detail__tag{font-size:var(--text-xs);color:var(--color-primary-deep);background:var(--color-surface);border-radius:var(--radius-full);padding:2px 10px}.detail__stats{display:flex;gap:var(--space-4);margin-top:var(--space-2)}.detail__stats span{display:flex;flex-direction:column;font-size:var(--text-xs);color:var(--color-text-3)}.detail__stats strong{font-size:var(--text-md);color:var(--color-text)}.detail__actions{display:flex;gap:var(--space-3);padding:var(--space-4)}.detail__read-btn{flex:1}.detail__tabs{padding:0 var(--space-4)}.detail__content{display:flex;flex-direction:column;gap:var(--space-5)}.detail__wordcount{font-size:var(--text-xs);color:var(--color-text-3)}.detail__catalog{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.detail__chapter{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--text-md);color:var(--color-text);text-align:left}.detail__chapter:hover{color:var(--color-primary)}.detail__chapter-meta{font-size:var(--text-xs);color:var(--color-text-3)}.detail__reviews{display:flex;flex-direction:column;gap:var(--space-4)}.detail__write-review{align-self:flex-start}.detail__review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.detail__review{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);line-height:1.7;color:var(--color-text-2)}.detail__review--mine{border:1px solid var(--color-primary)}.detail__review-head{display:flex;align-items:center;gap:var(--space-2)}.detail__review-user{font-weight:700;color:var(--color-text)}.detail__review-stars{color:var(--color-star);font-size:var(--text-xs);letter-spacing:1px}.detail__review-date{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-3)}.detail__review-form{display:flex;flex-direction:column;gap:var(--space-4)}.detail__rating-picker{display:flex;gap:var(--space-2);justify-content:center}.detail__star{font-size:26px;color:var(--color-border);transition:color .12s,transform .12s}.detail__star--on{color:var(--color-star)}.detail__star:active{transform:scale(1.2)}.detail__similar{display:flex;flex-direction:column;gap:var(--space-3)}.section-title{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-3)}.detail__similar-row{display:flex;gap:var(--space-3)}.detail__similar-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.detail__similar-title{font-size:var(--text-xs);font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail__similar-rating{font-size:10px;color:var(--color-star)}.detail__bookmarks-link{display:inline-flex;align-items:center;gap:6px;margin:0 var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--color-primary);font-weight:600;align-self:flex-start}.reading{display:flex;flex-direction:column;gap:var(--space-5);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reading__resume{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-raised);text-align:left}.reading__resume-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reading__resume-label{font-size:var(--text-xs);color:var(--color-primary);font-weight:700}.reading__resume-title{font-size:var(--text-md);font-weight:700}.reading__resume-meta{font-size:var(--text-xs);color:var(--color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading__resume-pct{font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.reading__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.reading__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);text-align:left}.reading__item:hover{background:var(--color-surface-2)}.reading__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reading__item-title{font-size:var(--text-sm);font-weight:600}.reading__item-meta{font-size:var(--text-xs);color:var(--color-text-3)}.reading__item-pct{font-size:var(--text-xs);color:var(--color-primary);font-weight:700;flex-shrink:0}.reading__discover-row{display:flex;gap:var(--space-3)}.reading__discover-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2);text-align:center}.reading__discover-title{font-size:10px;font-weight:600;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes__tabs{padding:0 var(--space-4)}.notes__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.notes__item{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3)}.notes__item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:left}.notes__item-book{font-size:var(--text-xs);color:var(--color-primary);font-weight:700}.notes__item-content{font-size:var(--text-md);line-height:1.6}.notes__item-snippet{font-size:var(--text-xs);color:var(--color-text-3);line-height:1.5}.notes__item-time{font-size:var(--text-xs);color:var(--color-text-3)}.notes__remove{color:var(--color-text-3);flex-shrink:0}.notes__back-reading{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-2)}.profile__hero{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-5);background:linear-gradient(180deg,var(--color-primary-soft),var(--color-bg))}.profile__hero-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.profile__name{font-size:var(--text-xl);font-weight:700}.profile__phone{font-size:var(--text-sm);color:var(--color-text-2)}.profile__bio{font-size:var(--text-xs);color:var(--color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__edit-btn{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:var(--color-surface);border-radius:var(--radius-full);padding:6px 16px;flex-shrink:0}.profile__group{padding:0 var(--space-4);margin-bottom:var(--space-5)}.profile__group-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-3);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:1px}.profile__group-body{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column}.profile__seg{display:flex;gap:4px;background:var(--color-surface-2);border-radius:var(--radius-full);padding:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.profile__seg-btn{font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-full);color:var(--color-text-2);font-weight:600}.profile__seg-btn--on{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-raised)}.profile__font-preview{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-2);border-radius:var(--radius-sm);font-weight:700}.profile__footer{text-align:center;font-size:var(--text-xs);color:var(--color-text-3);padding:var(--space-4) 0 var(--space-6)}.profile-edit{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-8)}.profile-edit__section{display:flex;flex-direction:column;gap:var(--space-3)}.profile-edit__section-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-3);text-transform:uppercase;letter-spacing:1px}.profile-edit__avatar-row{display:flex;align-items:center;gap:var(--space-4)}.profile-edit__preview{border-radius:50%}.profile-edit__colors{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-edit__color{width:32px;height:32px;border-radius:50%;border:2px solid transparent;transition:transform .12s,border-color .12s}.profile-edit__color--on{border-color:var(--color-text);transform:scale(1.08)}.profile-edit__fields{display:flex;flex-direction:column;gap:var(--space-4)}.profile-edit__static{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.profile-edit__static-label{font-size:var(--text-xs);color:var(--color-text-3)}.profile-edit__static-value{font-size:var(--text-md);font-weight:600}.profile-edit__static-note{font-size:var(--text-xs);color:var(--color-text-3)}.detail__rate-row{display:flex;align-items:center;gap:var(--space-2);margin-top:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.detail__rate-pill{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border-radius:var(--radius-full);padding:3px 12px 3px 8px;box-shadow:var(--shadow-raised)}.detail__rate-star{width:20px;height:20px;border-radius:50%;background:var(--color-star);color:#fff;font-size:12px;line-height:20px;text-align:center}.detail__rate-score{font-size:var(--text-sm);font-weight:700}.detail__rate-count{font-size:var(--text-xs);color:var(--color-text-3)}.detail__skeleton-hero{display:flex;gap:var(--space-5)}.detail__skeleton-info{flex:1}.onboarding{min-height:100dvh}.onboarding__hero{height:96px;background:linear-gradient(180deg,var(--color-primary-soft),var(--color-bg))}.onboarding__body{flex:1}.onboarding__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.onboarding__subtitle{font-size:var(--text-sm);color:var(--color-text-2);margin-bottom:var(--space-5);line-height:1.6}.onboarding__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.onboarding__cell{position:relative;height:96px;border-radius:var(--radius-md);color:#fffffff2;font-size:var(--text-md);font-weight:700;box-shadow:var(--shadow-raised);transition:transform .12s,box-shadow .12s}.onboarding__cell:active{transform:scale(.97)}.onboarding__cell--on{outline:3px solid var(--color-primary);outline-offset:-3px}.onboarding__cell-label{position:absolute;left:10px;bottom:8px;text-align:left}.onboarding__cell-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#ffffffeb;color:var(--color-primary-deep);display:inline-flex;align-items:center;justify-content:center}.onboarding__foot{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-6)}.onboarding__skip{font-size:var(--text-sm);color:var(--color-text-3);text-align:center;padding:var(--space-2)}.subscribe{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-8)}.subscribe__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-4) 0}.subscribe__crown{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-bright),var(--color-primary-deep));color:#fff;display:inline-flex;align-items:center;justify-content:center}.subscribe__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.subscribe__subtitle{font-size:var(--text-sm);color:var(--color-text-2)}.subscribe__benefits{list-style:none;margin:0;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.subscribe__benefits li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text)}.subscribe__benefits svg{color:var(--color-success);flex-shrink:0}.subscribe__plans{display:flex;gap:var(--space-3)}.subscribe__plan{flex:1;display:flex;flex-direction:column;gap:4px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:left;transition:border-color .15s}.subscribe__plan--on{border-color:var(--color-primary)}.subscribe__plan-head{display:flex;align-items:center;justify-content:space-between}.subscribe__plan-name{font-size:var(--text-sm);font-weight:700}.subscribe__plan-badge{font-size:10px;background:var(--color-primary-soft);color:var(--color-primary-deep);border-radius:var(--radius-full);padding:2px 8px;font-weight:700}.subscribe__plan-price{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-display)}.subscribe__plan-sub{font-size:var(--text-xs);color:var(--color-text-2)}.subscribe__plan-per{font-size:10px;color:var(--color-text-3)}.subscribe__terms{font-size:var(--text-xs);color:var(--color-text-3);text-align:center;line-height:1.6}.subscribe__status{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4)}.subscribe__status-plan{font-size:var(--text-md);font-weight:700}.subscribe__status-sub{font-size:var(--text-xs);color:var(--color-text-2);line-height:1.6;margin-bottom:var(--space-2)}.archive__list{list-style:none;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.archive__item{position:relative}.archive__item-main{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);padding-right:44px;text-align:left}.archive__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.archive__item-title{font-size:var(--text-md);font-weight:700}.archive__item-author{font-size:var(--text-sm);color:var(--color-text-2)}.archive__item-meta{font-size:var(--text-xs);color:var(--color-text-3)}.archive__restore{position:absolute;top:6px;right:6px;color:var(--color-text-3)}.notif__list{list-style:none;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.notif__item{position:relative}.notif__item-main{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) 44px var(--space-3) var(--space-3);text-align:left}.notif__item--unread .notif__item-main{border-left:3px solid var(--color-primary)}.notif__icon{width:32px;height:32px;border-radius:50%;background:var(--color-surface-2);color:var(--color-text-2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.notif__item--unread .notif__icon{background:var(--color-primary-soft);color:var(--color-primary-deep)}.notif__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.notif__title-row{display:flex;align-items:center;gap:var(--space-2)}.notif__title{font-size:var(--text-md);font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif__time{font-size:var(--text-xs);color:var(--color-text-3);flex-shrink:0}.notif__text{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6}.notif__remove{position:absolute;top:10px;right:6px;color:var(--color-text-3)}.voucher{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-8)}.voucher__input-row{display:flex;gap:var(--space-3);align-items:flex-start}.voucher__input-row>:first-child{flex:1}.voucher__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.voucher__card{background:linear-gradient(155deg,var(--color-primary-soft),var(--color-surface) 70%);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);border:1px dashed var(--color-border)}.voucher__card--used{opacity:.55}.voucher__card-head{display:flex;align-items:center;justify-content:space-between}.voucher__discount{font-size:var(--text-lg);font-weight:700;color:var(--color-primary-deep);font-family:var(--font-display)}.voucher__expires{font-size:var(--text-xs);color:var(--color-text-3);display:inline-flex;align-items:center;gap:4px}.voucher__card-body{display:flex;flex-direction:column;gap:2px}.voucher__title{font-size:var(--text-md);font-weight:700}.voucher__max{font-size:var(--text-xs);color:var(--color-text-2)}.voucher__card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--color-border);padding-top:var(--space-3)}.voucher__code{font-size:var(--text-sm);font-weight:700;display:inline-flex;align-items:center;gap:6px;letter-spacing:1px}.voucher__used{font-size:var(--text-xs);color:var(--color-text-3)}.voucher__note{font-size:var(--text-xs);color:var(--color-text-3);line-height:1.6}.invite{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-8)}.invite__code-card{display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--color-primary-bright),var(--color-primary-deep));color:#fff;border-radius:var(--radius-md);padding:var(--space-4)}.invite__code-icon{width:44px;height:44px;border-radius:50%;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.invite__code-body{flex:1;display:flex;flex-direction:column;gap:2px}.invite__code-label{font-size:var(--text-xs);opacity:.85}.invite__code-value{font-size:var(--text-xl);font-weight:700;letter-spacing:2px;font-family:var(--font-display)}.invite__code-card .btn--secondary{background:#ffffffeb;color:var(--color-primary-deep)}.invite__rules{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4)}.invite__rules-title{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-3)}.invite__rule-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);counter-reset:step}.invite__rule-list li{display:flex;flex-direction:column;gap:3px;padding-left:28px;position:relative;counter-increment:step}.invite__rule-list li:before{content:counter(step);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-deep);font-size:var(--text-xs);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.invite__rule-list strong{font-size:var(--text-sm)}.invite__rule-list span{font-size:var(--text-xs);color:var(--color-text-2);line-height:1.6}.invite__rules-note{display:flex;align-items:flex-start;gap:6px;font-size:var(--text-xs);color:var(--color-text-3);margin-top:var(--space-3);line-height:1.6}.help{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-8)}.help__channels{display:flex;flex-direction:column;gap:var(--space-2)}.help__channel{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);text-align:left}.help__channel-icon{width:36px;height:36px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-deep);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.help__channel-body{flex:1;display:flex;flex-direction:column;gap:2px}.help__channel-title{font-size:var(--text-md);font-weight:700}.help__channel-sub{font-size:var(--text-xs);color:var(--color-text-2)}.help__empty{font-size:var(--text-sm);color:var(--color-text-2);text-align:center;padding:var(--space-6) 0}.help__faq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.help__faq{border-bottom:1px solid var(--color-border)}.help__faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4) 0;font-size:var(--text-md);font-weight:600;color:var(--color-text);text-align:left}.help__faq-chevron{transition:transform .2s;flex-shrink:0;color:var(--color-text-3)}.help__faq-chevron--open{transform:rotate(180deg)}.help__faq-a{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.7;padding-bottom:var(--space-4)}.lang__list{list-style:none;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.lang__icon{width:32px;height:32px;border-radius:50%;background:var(--color-surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-2)}.lang__note{font-size:var(--text-xs);color:var(--color-text-3);line-height:1.6}.store__bell{position:relative;display:inline-flex;padding:6px;color:var(--color-text-2);border-radius:var(--radius-full)}.store__bell:hover{background:var(--color-surface-2);color:var(--color-text)}.store__bell-badge{position:absolute;top:0;right:-2px}.reader{flex:1;display:flex;flex-direction:column;position:relative;min-height:100dvh}.reader__scroll{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-5) calc(var(--space-8) + 40px);min-height:100dvh}.reader__head{text-align:center;margin-bottom:var(--space-5)}.reader__book{font-size:var(--text-xs);color:var(--color-text-3);margin-bottom:var(--space-2)}.reader__chapter{font-size:var(--text-lg);font-weight:700}.reader__content{max-width:40em;margin:0 auto}.reader__para{text-indent:2em;margin-bottom:1em;transition:background .2s;border-radius:var(--radius-sm);cursor:pointer}.reader__para--current{background:var(--color-primary-soft);box-shadow:0 0 0 4px var(--color-primary-soft)}.reader__pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.reader__pager-btn{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border)}.reader__pager-btn:disabled{color:var(--color-text-3);cursor:not-allowed}.reader__pager-pos{font-size:var(--text-xs);color:var(--color-text-3)}.reader__top{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(var(--shell-max),100vw);display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.reader__top--show{opacity:1;pointer-events:auto}.reader__top-actions{display:flex;gap:var(--space-2)}.reader__toolbar{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-float);z-index:30;animation:toolbar-in .2s ease-out}@keyframes toolbar-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%)}}.reader__catalog{list-style:none;margin:0;padding:0 var(--space-4) var(--space-5);overflow-y:auto}.reader__catalog-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-2);font-size:var(--text-md);border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left}.reader__catalog-item--current{color:var(--color-primary);font-weight:700}.reader__catalog-badge{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-full);padding:2px 8px}.reader__settings{padding:var(--space-2) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.reader__setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.reader__setting-label{font-size:var(--text-md);font-weight:600}.reader__setting-hint{font-size:var(--text-xs);color:var(--color-text-3)}.reader__font-controls{display:flex;align-items:center;gap:var(--space-3)}.reader__font-value{font-size:var(--text-sm);color:var(--color-text-2);min-width:44px;text-align:center}.reader__theme-picker{display:flex;gap:var(--space-2)}.reader__theme-btn{width:56px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--color-border);font-size:var(--text-xs);font-weight:600;color:var(--color-text-2)}.reader__theme-btn--paper{background:var(--reader-paper-bg)}.reader__theme-btn--sepia{background:var(--reader-sepia-bg)}.reader__theme-btn--dark{background:var(--reader-dark-bg);color:var(--reader-dark-text)}.reader__theme-btn--active{border-color:var(--color-primary)}.reader__note-form{padding:var(--space-2) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.reader__note-quote{margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-primary);background:var(--color-surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--color-text-2);line-height:1.7;max-height:96px;overflow:hidden}.reader__note-actions{display:flex;gap:var(--space-3);justify-content:flex-end}