@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-numeric:-apple-system, system-ui, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface-page);font-synthesis:none;--text-hero:28px;--text-page-title:24px;--text-section-title:18px;--text-metric:18px;--text-primary-action:14px;--text-tab:14px;--text-list-title:14px;--text-list-description:12px;--text-input:16px;--text-card-title:13px;--text-reading:14px;--text-body:12px;--text-label:12px;--text-caption:11px;--text-micro:10px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-display:1.25;--leading-title:1.35;--leading-heading:1.4;--leading-control:1.4;--leading-caption:1.45;--leading-body:1.55;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:56px;--space-9:64px;--content-reading:720px;--content-functional:960px;--content-workspace:1120px;--content-wide:1180px;--color-brand-50:#fff1f6;--color-brand-100:#ffdfed;--color-brand-200:#f7a4c1;--color-brand-400:#fa8db1;--color-brand-500:#fd5f97;--color-brand-600:#d94f82;--color-brand-700:#c1507a;--color-text-primary:#231527;--color-text-secondary:#756a7a;--color-text-tertiary:#919cb2;--color-text-disabled:#a7afbf;--color-text-on-brand:#fff;--color-text-on-brand-muted:#ffffffd1;--color-text-on-dark:#fff;--color-text-on-dark-muted:#d7d1dd;--color-text-on-gold:#6a3b2e;--color-surface-page:#fcf6fd;--color-surface-card:#fff;--color-surface-dark:#2e2239;--color-surface-media:#372d3e;--color-surface-vip:#2d1625;--color-surface-header:#fcf6fdf0;--color-surface-glass:#ffffffd1;--color-surface-panel:#ffffffc2;--color-surface-floating:#fffffff7;--color-surface-cta:#fffffff5;--color-surface-on-dark:#ffffff24;--color-surface-on-dark-muted:#ffffff1f;--color-border-subtle:#533d5c17;--color-border-faint:#533d5c0d;--color-border-brand:#fd5f9738;--color-border-brand-hover:#fd5f9747;--color-border-on-dark:#ffffff47;--color-border-on-dark-strong:#ffffff80;--color-border-header:#ffffffa6;--color-border-badge:#fff3;--color-overlay-image:#211626f2;--color-overlay-badge:#1a1f2ee6;--color-overlay-badge-soft:#1a1f2ee0;--color-overlay-modal:#2315276b;--color-state-success:#2f9e75;--color-state-warning:#d98c32;--color-state-error:#df5268;--color-state-info:#5f7fd6;--color-brand-ring:#d94f8217;--gradient-brand:linear-gradient(100deg, var(--color-brand-400), var(--color-brand-500));--gradient-icon-soft:linear-gradient(145deg, #fff0f8, #f3e7ff);--gradient-gold:linear-gradient(120deg, #fff5ce, #f6c97c);--gradient-hero-overlay:linear-gradient(90deg, #1f152cf0 0%, #261637ad 42%, #27123212 78%), linear-gradient(0deg, #1e112a2e, transparent 50%);--gradient-nav-scrim:linear-gradient(180deg, #fcf6fd00, #fcf6fdc7 48%, #fcf6fdf5 100%);--shadow-surface:0 1px 3px #37223d09, 0 5px 14px #37223d0b;--shadow-card:0 2px 7px #37223d0b, 0 10px 24px #37223d11;--shadow-elevated:0 3px 10px #37223d0e, 0 16px 34px #37223d17;--shadow-floating:0 2px 8px #37223d0d, 0 8px 24px #37223d17;--shadow-brand:0 4px 12px #fd5f9729}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px;scroll-padding-bottom:112px}body{background:var(--color-surface-page);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--color-brand-200);outline-offset:2px}button:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}.app-shell{min-height:100vh;padding-top:68px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.app-shell.has-promo{padding-top:116px}.content-width{width:min(calc(100% - (var(--space-4) * 2)), var(--content-wide));margin-inline:auto}.site-header{background:var(--color-surface-header);border-bottom:1px solid var(--color-border-header);z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:68px;position:fixed;inset:0 0 auto}.header-inner{width:min(calc(100% - (var(--space-4) * 2)), var(--content-wide));align-items:center;gap:var(--space-3);height:100%;margin-inline:auto;display:flex;position:relative}.brand{flex:none;align-items:center;width:76px;display:flex}.brand img{width:100%;height:auto}.icon-button{border:1px solid var(--color-border-subtle);background:var(--color-surface-glass);border-radius:999px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button img{width:17px;height:17px}.header-tool-button{border-color:var(--color-border-subtle);background:var(--color-surface-glass)}.header-tool-button img{width:20px;height:20px}.notification-trigger{flex:none;position:relative}.notification-badge{min-width:17px;height:17px;padding:0 var(--space-1);border:2px solid var(--color-surface-header);color:var(--color-text-on-brand);background:var(--color-brand-500);font-family:var(--font-numeric);font-size:9px;font-weight:var(--weight-bold);border-radius:999px;place-items:center;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.notification-scrim{z-index:1;background:0 0;position:fixed;inset:0}.notification-panel{width:min(360px, calc(100vw - (var(--space-4) * 2)));max-height:min(460px,100dvh - 92px);right:0;top:calc(100% + var(--space-2));z-index:2;border:1px solid var(--color-border-subtle);background:var(--color-surface-card);box-shadow:var(--shadow-elevated);border-radius:18px;position:absolute;overflow:auto}.notification-panel>header{z-index:1;justify-content:space-between;align-items:flex-end;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-faint);background:var(--color-surface-card);display:flex;position:sticky;top:0}.notification-panel>header h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.notification-panel>header button{padding:var(--space-2) 0;color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);background:0 0;border:0}.notification-panel>header button:disabled{color:var(--color-text-disabled);cursor:default}.notification-list{padding:0 var(--space-4)}.notification-list>a{align-items:center;gap:var(--space-2);width:100%;min-height:76px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-faint);color:var(--color-text-primary);text-align:left;background:0 0;grid-template-columns:7px minmax(0,1fr) 16px;display:grid}.notification-list>a:last-child{border-bottom:0}.notification-list i{background:0 0;border-radius:50%;width:6px;height:6px}.notification-list a.unread i{background:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-ring)}.notification-list a>span{flex-direction:column;min-width:0;display:flex}.notification-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.notification-list small{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-description);line-height:var(--leading-body);margin-top:2px;overflow:hidden}.notification-list time{color:var(--color-text-disabled);font-family:var(--font-numeric);font-size:var(--text-micro);line-height:var(--leading-caption);margin-top:2px}.notification-list b{color:var(--color-text-disabled);font-size:22px;font-weight:var(--weight-regular);line-height:1}.search-dialog-layer,.announcement-drawer-layer{z-index:70;position:fixed;inset:0}.search-dialog-scrim,.announcement-drawer-scrim{background:var(--color-overlay-modal);cursor:default;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.search-dialog-layer{display:none}.search-dialog{width:min(680px, calc(100vw - (var(--space-5) * 2)));border:1px solid var(--color-border-subtle);background:var(--color-surface-card);max-height:min(680px,100dvh - 160px);box-shadow:var(--shadow-elevated);border-radius:22px;margin:clamp(96px,14vh,144px) auto 0;position:relative;overflow:hidden auto}.search-dialog>header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.search-dialog>header h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.search-dialog>header p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.search-dialog>header button,.announcement-drawer>header button{border:1px solid var(--color-border-subtle);width:34px;height:34px;color:var(--color-text-tertiary);background:var(--color-surface-card);font-size:22px;font-weight:var(--weight-regular);border-radius:50%;flex:none;place-items:center;padding:0;line-height:1;display:grid}.search-dialog-form{align-items:center;gap:var(--space-2);height:48px;margin:0 var(--space-5);padding:0 var(--space-1) 0 var(--space-4);border:1px solid var(--color-border-subtle);background:var(--color-surface-page);border-radius:14px;grid-template-columns:20px minmax(0,1fr) auto auto;display:grid}.search-dialog-form>img{opacity:.72;width:18px;height:18px}.search-dialog-form input{min-width:0;height:100%;color:var(--color-text-primary);font-size:var(--text-input);background:0 0;border:0;outline:0;padding:0}.search-dialog-form input::placeholder{color:var(--color-text-disabled)}.search-dialog-form .search-dialog-clear{width:28px;height:28px;color:var(--color-text-tertiary);background:var(--color-surface-card);border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.search-dialog-form .search-dialog-submit{height:36px;padding:0 var(--space-4);color:var(--color-text-on-brand);background:var(--gradient-brand);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:10px}.search-dialog-form .search-dialog-submit:disabled{color:var(--color-text-disabled);background:var(--color-surface-card)}.search-dialog-popular,.search-dialog-results{padding:var(--space-4) var(--space-5) var(--space-5)}.search-dialog-popular>strong,.search-dialog-results>div:first-child strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.search-dialog-popular>div{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.search-dialog-popular button{min-height:34px;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-medium);border-radius:999px}.search-dialog-results>div:first-child{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);display:flex}.search-dialog-results>div:first-child span{color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption)}.search-dialog-results>a{align-items:center;gap:var(--space-3);min-height:66px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-faint);grid-template-columns:46px minmax(0,1fr) 16px;display:grid}.search-dialog-results>a>img{object-fit:cover;object-position:center top;border-radius:12px;width:46px;height:46px}.search-dialog-results>a>span{flex-direction:column;min-width:0;display:flex}.search-dialog-results>a strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.search-dialog-results>a small{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-description);line-height:var(--leading-body);margin-top:2px;overflow:hidden}.search-dialog-results>a b{color:var(--color-text-disabled);font-size:22px;font-weight:var(--weight-regular)}.search-dialog-results>p{margin:var(--space-5) 0;color:var(--color-text-tertiary);text-align:center;font-size:var(--text-body);line-height:var(--leading-body)}.search-dialog-results>button{width:100%;min-height:42px;margin-top:var(--space-3);color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-label);font-weight:var(--weight-semibold);border:0;border-radius:12px}.announcement-drawer-layer{display:none}.announcement-drawer{width:min(440px, calc(100vw - var(--space-6)));border-left:1px solid var(--color-border-subtle);background:var(--color-surface-card);box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto}.announcement-drawer>header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:76px;padding:0 var(--space-5);border-bottom:1px solid var(--color-border-faint);display:flex}.announcement-drawer>header>span{color:var(--color-brand-600);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.announcement-drawer>div{padding:var(--space-6) var(--space-5);flex:1;overflow:auto}.announcement-drawer h2{font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);margin:0}.announcement-drawer time{margin-top:var(--space-2);color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption);line-height:var(--leading-caption);display:block}.announcement-drawer p{margin:var(--space-5) 0 0;padding-top:var(--space-5);border-top:1px solid var(--color-border-faint);color:var(--color-text-secondary);font-size:var(--text-reading);line-height:var(--leading-body)}.announcement-drawer footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-faint)}.announcement-drawer footer a{height:44px;color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-label);font-weight:var(--weight-semibold);border-radius:12px;justify-content:center;align-items:center;display:flex}.header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.header-actions>*{flex:none}.header-search-button{display:grid}.search-control{width:220px;height:38px;padding:0 var(--space-4);background:var(--color-surface-card);align-items:center;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:999px;display:none}.search-control img{width:16px;height:16px}.search-control span{color:var(--color-text-disabled);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-input);font-weight:var(--weight-regular);line-height:var(--leading-control);overflow:hidden}.checkin-button{align-items:center;gap:var(--space-2);height:34px;color:var(--color-text-on-brand);padding:0 var(--space-3);background:var(--gradient-brand);border:0;border-radius:999px;display:flex}.checkin-button img{width:16px;height:16px}.checkin-button span{font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control)}.desktop-nav{display:none}.promo-bar{z-index:35;background:var(--gradient-brand);height:48px;color:var(--color-text-on-brand);position:fixed;inset:68px 0 auto}.promo-inner{width:min(calc(100% - (var(--space-4) * 2)), var(--content-wide));align-items:center;gap:var(--space-2);height:100%;margin-inline:auto;display:flex}.promo-message{align-items:center;gap:var(--space-2);min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;padding:0;display:flex}.promo-icon{border:1px solid var(--color-border-on-dark);background:var(--color-surface-on-dark);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.promo-icon img{width:15px;height:15px}.promo-message>div{flex-direction:column;min-width:0;display:flex}.promo-message strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label);font-weight:var(--weight-bold);line-height:1.25;overflow:hidden}.promo-message small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-on-brand-muted);font-size:var(--text-micro);font-weight:var(--weight-regular);line-height:1.25;overflow:hidden}.promo-message small b{color:var(--color-text-on-brand);font-weight:var(--weight-semibold);letter-spacing:.02em}.promo-cta{height:30px;padding:0 var(--space-3);border:1px solid var(--color-border-on-dark-strong);color:var(--color-brand-600);background:var(--color-surface-cta);box-shadow:var(--shadow-brand);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;flex:none}.promo-close{opacity:.74;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;padding:4px;display:grid}.promo-close:hover{background:var(--color-surface-on-dark);opacity:1}.promo-close img{width:100%;height:100%}.hero{background:var(--color-surface-dark) url(/assets/mobile-banner.jpg) center / cover no-repeat;height:230px;color:var(--color-text-on-dark);position:relative;overflow:hidden}.hero-overlay{background:var(--gradient-hero-overlay);position:absolute;inset:0}.hero-content{height:100%;padding-top:var(--space-6);position:relative}.hero-content>*{max-width:520px}.hero-kicker{margin:0 0 var(--space-1);color:var(--color-text-on-dark-muted);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control)}.hero h1{max-width:240px;font-size:var(--text-hero);font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight);margin:0}.hero h1 span{color:var(--color-brand-500);margin:0 var(--space-1)}.hero-mobile-break{display:block}.hero-copy{margin:var(--space-2) 0 0;color:var(--color-text-on-dark-muted);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body)}.quick-wrap{z-index:3;margin-top:calc(var(--space-7) * -1);position:relative}.quick-actions{gap:var(--space-2);min-height:104px;padding:var(--space-2) var(--space-3);background:var(--color-surface-card);box-shadow:var(--shadow-elevated);border-radius:16px;grid-template-columns:repeat(4,1fr);display:grid}.quick-action{min-width:0;padding:var(--space-1) 0;justify-content:center;align-items:center;gap:var(--space-1);color:var(--color-text-primary);background:0 0;border:0;flex-direction:column;display:flex}.quick-action>span:last-child{flex-direction:column;align-items:center;min-width:0;display:flex}.quick-action strong{font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);white-space:nowrap}.quick-action small{color:var(--color-text-tertiary);font-size:var(--text-micro);font-weight:var(--weight-regular);line-height:var(--leading-caption);white-space:nowrap}.quick-icon{background:var(--gradient-icon-soft);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.quick-icon img{object-fit:contain;width:28px;height:28px}.page-content{padding-top:var(--space-4)}.recommend-section{margin-bottom:var(--space-4)}.section-heading,.discover-top{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.section-heading h2,.discover-top h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.section-heading button{padding:var(--space-2) 0;color:var(--color-text-tertiary);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);background:0 0;border:0}.recommend-grid{gap:var(--space-2);margin-inline:calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-4);overscroll-behavior-inline:contain;display:flex;overflow-x:auto}.recommend-grid::-webkit-scrollbar{display:none}.recommend-card{background:var(--color-surface-media);height:210px;box-shadow:var(--shadow-surface);scroll-snap-align:start;scroll-snap-stop:always;border:0;border-radius:16px;flex:0 0 156px;position:relative;overflow:hidden}.recommend-card>img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .35s}.recommend-card:hover>img{transform:scale(1.035)}.image-shade{background:linear-gradient(transparent, var(--color-overlay-image));position:absolute;inset:40% 0 0}.original-tag{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-text-on-dark);background:var(--color-overlay-badge-soft);border:1px solid var(--color-border-badge);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-control);border-radius:999px;position:absolute}.recommend-copy{inset:auto var(--space-3) var(--space-3);color:var(--color-text-on-dark);position:absolute}.recommend-copy h3{font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.recommend-copy p{margin:var(--space-1) 0 0;font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:var(--leading-caption);color:var(--color-text-on-dark-muted)}.vip-banner{height:102px;margin:0 0 var(--space-5);color:var(--color-text-on-dark);background:var(--color-surface-vip);box-shadow:var(--shadow-card);border-radius:16px;display:block;position:relative;overflow:hidden}.vip-banner>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vip-copy{z-index:1;padding:var(--space-4);position:relative}.vip-copy h2{margin:0 0 var(--space-1);font-size:var(--text-card-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.vip-copy p{color:var(--color-text-on-dark-muted);font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:var(--leading-caption);margin:0}.vip-copy b{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--color-text-on-gold);background:var(--gradient-gold);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;display:inline-flex}.discover-section{padding-top:0}.discover-top{align-items:flex-start;gap:var(--space-2);flex-direction:column}.filter-row{align-items:center;gap:var(--space-2);scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.filter-row button{min-width:62px;height:36px;padding:0 var(--space-4);border:1px solid var(--color-border-subtle);background:var(--color-surface-card);color:var(--color-text-primary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;border-radius:999px}.filter-row button.active{color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:none;border:0}.filter-row .filter-button{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);margin-left:auto;display:flex}.filter-button:before{content:"";background:currentColor;flex:none;width:15px;height:15px;-webkit-mask:url(/assets/filter.svg) 50%/contain no-repeat;mask:url(/assets/filter.svg) 50%/contain no-repeat}.filter-button img{display:none}.filter-row .filter-button.active-filter{color:var(--color-brand-600);border-color:var(--color-border-brand);background:var(--color-brand-50);box-shadow:none}.filter-count{min-width:18px;height:18px;margin-left:calc(var(--space-1) * -1);padding:0 var(--space-1);color:var(--color-text-on-brand);background:var(--color-brand-500);font-size:var(--text-micro);font-weight:var(--weight-semibold);border-radius:999px;place-items:center;line-height:1;display:grid}.tag-filter-panel{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-brand);background:var(--color-surface-panel);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px}.tag-filter-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.tag-filter-head>div{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.tag-filter-head strong{font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.tag-filter-head span{color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption)}.tag-filter-head button{padding:var(--space-1) 0;color:var(--color-brand-500);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);background:0 0;border:0;flex:none}.tag-filter-options{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tag-filter-options button{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:32px;padding:0 var(--space-2);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;border-radius:999px;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.tag-filter-options button:hover{border-color:var(--color-border-brand-hover);color:var(--color-brand-600)}.tag-filter-options button:active{transform:scale(.97)}.tag-filter-options button.selected{color:var(--color-brand-600);border-color:var(--color-brand-200);background:var(--color-surface-card);box-shadow:none}.tag-filter-options button.selected:before{content:"";background:var(--color-brand-600);outline:3px solid var(--color-brand-ring);border-radius:50%;flex:none;width:5px;height:5px}.character-grid{gap:var(--space-2);margin-top:var(--space-2);display:grid}.character-card{background:var(--color-surface-card);border:1px solid var(--color-border-faint);min-width:0;height:164px;box-shadow:var(--shadow-surface);border-radius:16px;display:flex;overflow:hidden}.character-image{width:116px;min-width:116px;position:relative;overflow:hidden}.character-image>img{object-fit:cover;object-position:center top;width:100%;height:100%}.character-image>span{top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-overlay-badge);color:var(--color-text-on-dark);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-control);border-radius:999px;position:absolute}.character-copy{min-width:0;padding:var(--space-3);flex-direction:column;flex:1;justify-content:space-between;display:flex}.character-copy h3{margin:0 0 var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.character-copy p{-webkit-line-clamp:2;color:var(--color-text-tertiary);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.character-copy footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tag-list{gap:var(--space-1);min-width:0;display:flex;overflow:hidden}.tag-list span{padding:2px var(--space-2);color:var(--color-brand-700);background:var(--color-brand-100);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;border-radius:999px}.character-copy footer strong{align-items:center;gap:var(--space-1);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-caption);white-space:nowrap;display:flex}.character-copy footer strong img{width:13px;height:13px}.empty-state{padding:var(--space-8) var(--space-5);margin-top:var(--space-3);text-align:center;background:var(--color-surface-card);border-radius:18px}.empty-state span{color:var(--color-brand-500);font-size:36px}.empty-state h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.empty-state p{color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.app-shell.search-shell{padding:0}.search-shell>.site-header,.search-shell>.promo-bar,.search-shell>.mobile-nav-scrim,.search-shell>.mobile-tabbar{display:none}.search-page{min-height:100dvh;padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom));background:var(--color-surface-page)}.following-page-head.search-page-head{padding-inline:var(--space-3);grid-template-columns:40px minmax(0,1fr)}.search-page-head>span:last-child{display:none}.search-page-form{align-items:center;gap:var(--space-2);min-width:0;height:40px;padding:0 var(--space-1) 0 var(--space-3);border:1px solid var(--color-border-subtle);background:var(--color-surface-page);border-radius:999px;grid-template-columns:18px minmax(0,1fr) auto auto;display:grid}.search-page-form>img{opacity:.72;width:17px;height:17px}.search-page-form input{min-width:0;height:100%;color:var(--color-text-primary);font-size:16px;font-weight:var(--weight-regular);line-height:var(--leading-control);background:0 0;border:0;outline:0;padding:0}.search-page-form input::placeholder{color:var(--color-text-disabled)}.search-page-form .search-clear-button{width:28px;height:28px;color:var(--color-text-tertiary);background:var(--color-surface-card);font-size:20px;font-weight:var(--weight-regular);border:0;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.search-page-form .search-submit-button{height:30px;padding:0 var(--space-3);color:var(--color-text-on-brand);background:var(--gradient-brand);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:999px}.search-page-content{width:min(calc(100% - (var(--space-4) * 2)), var(--content-functional));padding-top:calc(60px + env(safe-area-inset-top) + var(--space-4));margin-inline:auto}.search-page-content>section+section{margin-top:var(--space-5)}.search-section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);min-height:32px;display:flex}.search-section-head>div{min-width:0}.search-section-head h1,.search-section-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.search-section-head>strong{color:var(--color-brand-600);font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);flex:none}.search-section-head>button{padding:var(--space-2) 0;color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);background:0 0;border:0}.search-history-tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.search-history-tags button{min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);border-radius:999px}.search-hot-list{margin-top:var(--space-3);padding:0 var(--space-4);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px;overflow:hidden}.search-hot-list>a{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-faint);grid-template-columns:24px minmax(0,1fr) auto;display:grid}.search-hot-list>a:last-child{border-bottom:0}.search-hot-list>a>b{color:var(--color-text-disabled);text-align:center;font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-bold)}.search-hot-list>a:nth-child(-n+3)>b{color:var(--color-brand-600)}.search-hot-list>a>span{flex-direction:column;min-width:0;display:flex}.search-hot-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.search-hot-list small{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-description);line-height:var(--leading-body);margin-top:2px;overflow:hidden}.search-hot-list em{align-items:center;gap:var(--space-1);color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption);font-style:normal;font-weight:var(--weight-medium);line-height:var(--leading-caption);white-space:nowrap;display:flex}.search-hot-list em img{width:13px;height:13px}.search-result-grid{margin-top:var(--space-3)}.search-empty-state{margin-top:var(--space-3);border:1px solid var(--color-border-faint);box-shadow:var(--shadow-surface)}.app-shell.announcement-shell{padding:0}.announcement-shell>.site-header,.announcement-shell>.promo-bar,.announcement-shell>.mobile-nav-scrim,.announcement-shell>.mobile-tabbar{display:none}.announcement-content{max-width:var(--content-reading)}.announcement-card h1{font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);margin:0}.announcement-card time{margin-top:var(--space-2);color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption);line-height:var(--leading-caption);display:block}.announcement-divider{height:1px;margin:var(--space-4) 0;background:var(--color-border-faint)}.announcement-card p{color:var(--color-text-secondary);font-size:var(--text-reading);line-height:var(--leading-body);margin:0}.announcement-empty{border:1px solid var(--color-border-faint);box-shadow:var(--shadow-surface);margin-top:0}.app-shell.login-shell,.app-shell.login-shell.has-promo{padding:0}.login-shell>.site-header,.login-shell>.promo-bar{display:none}.login-page{background:var(--color-surface-page);grid-template-rows:180px minmax(0,1fr);min-height:100dvh;display:grid}.login-visual{color:var(--color-text-on-dark);background:var(--color-surface-dark);position:relative;overflow:hidden}.login-visual>img{object-fit:cover;object-position:72% 24%;width:100%;height:100%}.login-visual-shade{background:linear-gradient(90deg,#25152bbf,#25152b1a),linear-gradient(#0000 40%,#25152b47);position:absolute;inset:0}.login-back{width:38px;height:38px;top:calc(env(safe-area-inset-top) + var(--space-3));left:var(--space-4);border:1px solid var(--color-border-on-dark);color:var(--color-text-on-dark);background:var(--color-surface-on-dark-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;display:grid;position:absolute}.login-back svg{width:21px;height:21px}.login-visual-copy{display:none}.login-panel{z-index:1;min-width:0;padding:var(--space-5) var(--space-4) calc(var(--space-7) + env(safe-area-inset-bottom));background:var(--color-surface-page);border-radius:24px 24px 0 0;margin-top:-24px;position:relative}.login-form-wrap{width:min(100%,440px);margin-inline:auto}.login-brand{align-items:center;width:86px;display:flex}.login-brand img{width:100%;height:auto}.login-heading{margin-top:var(--space-5)}.login-heading>span{color:var(--color-brand-600);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.login-heading h2{margin:var(--space-1) 0 0;font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight)}.login-heading p{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.login-tabs{gap:var(--space-1);height:44px;margin-top:var(--space-5);padding:var(--space-1);background:var(--color-brand-50);border-radius:12px;grid-template-columns:repeat(2,1fr);display:grid}.login-tabs button{color:var(--color-text-tertiary);font-size:var(--text-tab);font-weight:var(--weight-semibold);line-height:var(--leading-control);background:0 0;border:0;border-radius:9px}.login-tabs button.active{color:var(--color-brand-600);background:var(--color-surface-card);box-shadow:var(--shadow-surface)}.login-form{gap:var(--space-4);margin-top:var(--space-4);display:grid}.login-form>label{gap:var(--space-2);display:grid}.login-form>label>span{color:var(--color-text-secondary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control)}.login-input{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);background:var(--color-surface-card);border-radius:12px;grid-template-columns:20px minmax(0,1fr) auto;transition:border-color .16s,box-shadow .16s;display:grid}.login-input:focus-within{border-color:var(--color-brand-200);box-shadow:0 0 0 3px var(--color-brand-ring)}.login-input>svg{width:20px;height:20px;color:var(--color-text-disabled)}.login-input input{width:100%;min-width:0;height:100%;color:var(--color-text-primary);font-size:16px;line-height:var(--leading-control);background:0 0;border:0;outline:0;padding:0}.login-input input::placeholder{color:var(--color-text-disabled)}.login-input>button{width:34px;height:34px;color:var(--color-text-tertiary);background:0 0;border:0;place-items:center;padding:0;display:grid}.login-input>button svg{width:20px;height:20px}.login-forgot{margin-top:calc(var(--space-2) * -1);padding:var(--space-2) 0;color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-medium);background:0 0;border:0;justify-self:end}.login-agreement{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:var(--space-2)!important}.login-agreement input{width:16px;height:16px;accent-color:var(--color-brand-500);margin:2px 0 0}.login-agreement>span{color:var(--color-text-tertiary)!important;font-size:var(--text-caption)!important;font-weight:var(--weight-regular)!important;line-height:var(--leading-caption)!important}.login-agreement a,.login-terms a{color:var(--color-brand-600)}.login-submit{height:48px;color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px}.login-divider{align-items:center;gap:var(--space-3);margin-top:var(--space-5);color:var(--color-text-disabled);font-size:var(--text-caption);line-height:var(--leading-caption);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border-faint);flex:1;height:1px}.login-google{justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:44px;margin-top:var(--space-4);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-semibold);border-radius:12px;display:flex}.login-google b{width:24px;height:24px;color:var(--color-text-primary);background:var(--color-surface-page);font-family:var(--font-numeric);font-size:var(--text-label);border-radius:50%;place-items:center;display:grid}.login-terms{margin:var(--space-4) 0 0;color:var(--color-text-disabled);text-align:center;font-size:var(--text-micro);line-height:var(--leading-caption)}.login-return{width:100%;height:42px;margin-top:var(--space-3);color:var(--color-brand-600);font-size:var(--text-label);font-weight:var(--weight-semibold);background:0 0;border:0}.login-notice{bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.profile-page{min-height:calc(100vh - 68px);padding:var(--space-4) 0 var(--space-7)}.profile-layout,.profile-sidebar,.profile-main-column{gap:var(--space-3);display:grid}.profile-summary-card,.account-panel,.profile-content-panel,.settings-panel{border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px}.profile-summary-card{padding:var(--space-4)}.profile-identity{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.profile-avatar{width:64px;height:64px;position:relative}.profile-avatar>img{object-fit:cover;object-position:center top;border:3px solid var(--color-surface-card);outline:1px solid var(--color-border-brand);border-radius:50%;width:100%;height:100%}.profile-avatar>button,.profile-avatar>a{border:2px solid var(--color-surface-card);width:22px;height:22px;color:var(--color-text-on-brand);background:var(--color-brand-500);font-size:var(--text-micro);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute;bottom:-1px;right:-1px}.profile-name{min-width:0}.profile-name>div{align-items:center;gap:var(--space-2);display:flex}.profile-name h2{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0;overflow:hidden}.profile-name span{padding:2px var(--space-2);color:var(--color-brand-700);background:var(--color-brand-100);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;flex:none}.profile-name p{margin:var(--space-1) 0 0;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);overflow:hidden}.profile-edit-button{height:34px;padding:0 var(--space-3);border:1px solid var(--color-border-brand);color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);border-radius:999px;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.profile-stats{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-faint);grid-template-columns:repeat(4,1fr);display:grid}.profile-stats button,.profile-stats a{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:64px;padding:var(--space-1);text-align:center;background:0 0;border:0;flex-direction:column;display:flex;position:relative}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{color:var(--color-text-primary);font-size:var(--text-metric);font-weight:var(--weight-bold);line-height:var(--leading-title)}.profile-stats span{color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control)}.profile-membership{justify-content:space-between;gap:var(--space-3);min-height:126px;padding:var(--space-4);color:var(--color-text-on-dark);background:var(--color-surface-vip);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-membership:after{content:"";background:var(--color-brand-500);opacity:.18;border-radius:50%;width:150px;height:150px;position:absolute;top:-72px;right:-52px}.profile-membership>*{z-index:1;position:relative}.profile-membership h2{margin:0 0 var(--space-1);font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.profile-membership p{color:var(--color-text-on-dark-muted);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.profile-membership>button,.profile-membership>a{padding:var(--space-1) 0;color:var(--color-brand-200);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-caption);background:0 0;border:0;align-self:flex-start}.account-panel{padding:var(--space-4)}.account-panel-head{align-items:flex-start;gap:var(--space-3);display:flex}.account-panel-head>div{gap:var(--space-1);flex-direction:column;display:flex}.account-panel-head span{color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control)}.account-panel-head strong{align-items:baseline;gap:var(--space-2);font-weight:var(--weight-medium);line-height:var(--leading-control);display:flex}.account-panel-head strong b{font-family:var(--font-numeric);font-size:var(--text-page-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.account-panel-head strong em{color:var(--color-text-secondary);font-size:var(--text-label);font-style:normal;font-weight:var(--weight-semibold)}.account-panel-head p{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.account-actions{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-faint);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.account-actions>button,.account-actions>a{min-width:0;min-height:84px;padding:var(--space-1) var(--space-2);text-align:center;color:var(--color-text-primary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.account-action-icon{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;color:var(--color-text-secondary);background:var(--color-surface-page);border-radius:50%;flex:0 0 36px;place-items:center;display:grid}.account-action-icon.brand{color:var(--color-brand-600);background:var(--color-brand-50)}.account-action-icon svg{width:20px;height:20px}.account-actions>button>span:last-child,.account-actions>a>span:last-child{flex-direction:column;align-items:center;min-width:0;display:flex}.account-actions strong{font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.account-actions small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);margin-top:2px;overflow:hidden}.redeem-modal-backdrop{z-index:80;padding:var(--space-4);background:var(--color-overlay-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;animation:.16s ease-out redeem-backdrop-in;display:grid;position:fixed;inset:0}.redeem-modal{width:min(100%,390px);padding:var(--space-4);border:1px solid var(--color-border-subtle);background:var(--color-surface-card);box-shadow:var(--shadow-elevated);border-radius:20px;animation:.2s ease-out redeem-dialog-in;overflow:hidden}.redeem-modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.redeem-modal-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.redeem-modal-head p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.redeem-modal-head>button{width:36px;height:36px;color:var(--color-text-secondary);background:var(--color-surface-page);border:0;border-radius:50%;flex:none;place-items:center;margin:-4px -4px 0 0;padding:0;display:grid}.redeem-modal-head>button svg{width:20px;height:20px}.redeem-form{margin-top:var(--space-4)}.redeem-form>label{margin-bottom:var(--space-2);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);display:block}.redeem-input-wrap{border:1px solid var(--color-border-subtle);background:var(--color-surface-page);border-radius:12px;align-items:center;height:48px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;overflow:hidden}.redeem-input-wrap:focus-within{border-color:var(--color-brand-200);background:var(--color-surface-card);box-shadow:0 0 0 3px var(--color-brand-ring)}.redeem-input-wrap.has-error{border-color:var(--color-state-error)}.redeem-input-wrap input{min-width:0;height:100%;padding:0 var(--space-3);color:var(--color-text-primary);font-family:var(--font-numeric);font-size:var(--text-input);font-weight:var(--weight-medium);letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1}.redeem-input-wrap input::placeholder{color:var(--color-text-disabled);font-family:var(--font-sans);font-weight:var(--weight-regular);letter-spacing:var(--tracking-normal)}.redeem-input-wrap>button{width:44px;height:44px;color:var(--color-text-tertiary);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.redeem-input-wrap>button svg{width:22px;height:22px}.redeem-field-message{min-height:18px;margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.redeem-field-message.error{color:var(--color-state-error)}.redeem-modal-actions{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.redeem-modal-actions button{height:44px;font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:12px}.redeem-modal-actions button:first-child{border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-card)}.redeem-modal-actions button:last-child{color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);border:0}.redeem-modal-actions button:last-child:disabled{cursor:not-allowed;color:var(--color-text-disabled);background:var(--color-surface-page);box-shadow:none}.redeem-notice{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:82;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);text-align:center;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}@keyframes redeem-backdrop-in{0%{opacity:0}}@keyframes redeem-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.profile-content-panel{padding:var(--space-2)}.profile-tabs{gap:var(--space-1);grid-template-columns:repeat(4,1fr);display:grid}.profile-tabs button{min-width:0;height:42px;padding:0 var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-tab);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;background:0 0;border:0;border-radius:12px}.profile-tabs button.active{color:var(--color-brand-600);background:var(--color-brand-50);font-weight:var(--weight-semibold)}.profile-role-card{align-items:center;gap:var(--space-3);min-height:94px;margin-top:var(--space-2);padding:var(--space-2);background:var(--color-surface-page);border-radius:14px;grid-template-columns:72px minmax(0,1fr) auto;display:grid}.profile-role-card>img{object-fit:cover;object-position:center top;border-radius:10px;width:72px;height:78px}.profile-role-card>div{min-width:0}.profile-role-card div>span{color:var(--color-state-success);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.profile-role-card h3{margin:var(--space-1) 0;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.profile-role-card p{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body);margin:0;overflow:hidden}.profile-role-card>button{padding:var(--space-2);color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-medium);background:0 0;border:0}.profile-empty-state{min-height:180px;padding:var(--space-5);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-empty-state>span{color:var(--color-brand-200);font-size:32px;line-height:1}.profile-empty-state h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.profile-empty-state p{color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.following-page{min-height:100dvh;padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom));background:var(--color-surface-page)}.following-page-head{min-height:calc(60px + env(safe-area-inset-top));z-index:40;padding:env(safe-area-inset-top) var(--space-4) 0;border-bottom:1px solid var(--color-border-faint);background:var(--color-surface-card);grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;display:grid;position:fixed;inset:0 0 auto}.following-page-head>a{width:40px;height:40px;color:var(--color-text-secondary);border-radius:50%;place-items:center;display:grid}.following-page-head>a:active{color:var(--color-brand-600);background:var(--color-brand-50)}.following-page-head svg{width:22px;height:22px}.following-page-head h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0;overflow:hidden}.following-page-content{width:min(calc(100% - (var(--space-4) * 2)), var(--content-reading));padding-top:calc(60px + env(safe-area-inset-top) + var(--space-4));margin-inline:auto}.following-panel{padding:var(--space-4);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px;overflow:hidden}.following-summary{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);display:flex}.following-summary h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.following-summary p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.following-summary>span{padding:var(--space-1) var(--space-2);color:var(--color-brand-600);background:var(--color-brand-50);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;flex:none}.following-list{border-top:1px solid var(--color-border-faint)}.following-row{align-items:center;gap:var(--space-3);min-height:76px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-faint);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.following-row>img{object-fit:cover;object-position:center top;border-radius:50%;width:48px;height:48px}.following-row>div{flex-direction:column;min-width:0;display:flex}.following-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.following-row>div>span{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-description);line-height:var(--leading-body);margin-top:2px;overflow:hidden}.following-row>button{min-width:72px;height:34px;padding:0 var(--space-3);border:1px solid var(--color-border-brand);color:var(--color-brand-600);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px}.following-row>button.following{color:var(--color-text-secondary);border-color:var(--color-border-subtle);background:var(--color-surface-page)}.following-row.story-row>img{border-radius:12px}.following-row-link{justify-content:flex-end;align-items:center;gap:var(--space-1);min-width:58px;height:34px;color:var(--color-brand-600);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);display:flex}.following-row-link>span{color:inherit;font-size:var(--text-section-title);margin:0;line-height:1}.following-end{margin:var(--space-3) 0 0;color:var(--color-text-tertiary);text-align:center;font-size:var(--text-caption);line-height:var(--leading-caption)}.profile-edit-content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.profile-edit-form{gap:var(--space-3);display:grid}.profile-edit-card{overflow:visible}.profile-edit-avatar{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-faint);text-align:center;flex-direction:column;align-items:center;display:flex}.profile-edit-avatar>div{width:88px;height:88px;position:relative}.profile-edit-avatar img{object-fit:cover;object-position:center top;border:3px solid var(--color-surface-card);outline:1px solid var(--color-border-brand);border-radius:50%;width:100%;height:100%}.profile-edit-avatar label{border:3px solid var(--color-surface-card);width:30px;height:30px;color:var(--color-text-on-brand);background:var(--color-brand-500);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-1px}.profile-edit-avatar label svg{width:16px;height:16px}.profile-edit-avatar label input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-edit-avatar>strong{margin-top:var(--space-2);font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.profile-edit-avatar>span{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);margin-top:2px}.profile-edit-section-head{margin:var(--space-4) 0 var(--space-3)}.following-panel>.profile-edit-section-head:first-child{margin-top:0}.profile-edit-section-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.profile-edit-section-head p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.profile-edit-fields{gap:var(--space-3);display:grid}.profile-edit-fields>label{gap:var(--space-2);min-width:0;display:grid}.profile-edit-fields label>span,.profile-gender-field legend{color:var(--color-text-secondary);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.profile-edit-fields label>span{justify-content:space-between;gap:var(--space-2);display:flex}.profile-edit-fields label>span small{color:var(--color-text-tertiary);font-size:var(--text-caption);font-weight:var(--weight-regular)}.profile-edit-fields input,.profile-edit-fields textarea{border:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-primary);background:var(--color-surface-card);font-size:var(--text-input);border-radius:12px;outline:0;transition:border-color .16s,box-shadow .16s}.profile-edit-fields input{height:44px;padding:0 var(--space-3)}.profile-edit-fields textarea{resize:vertical;min-height:96px;padding:var(--space-3);line-height:var(--leading-body)}.profile-edit-fields input:focus,.profile-edit-fields textarea:focus{border-color:var(--color-brand-200);box-shadow:0 0 0 3px var(--color-brand-ring)}.profile-edit-fields input::placeholder,.profile-edit-fields textarea::placeholder{color:var(--color-text-disabled)}.profile-gender-field{border:0;min-width:0;margin:0;padding:0}.profile-gender-field>div{gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1);background:var(--color-surface-page);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-gender-field button{height:36px;color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium);background:0 0;border:0;border-radius:9px}.profile-gender-field button.selected{color:var(--color-brand-600);background:var(--color-surface-card);box-shadow:var(--shadow-surface);font-weight:var(--weight-semibold)}.profile-account-list{border-top:1px solid var(--color-border-faint)}.profile-account-list>div,.profile-account-list>button{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) 0;border:0;border-bottom:1px solid var(--color-border-faint);color:var(--color-text-primary);text-align:left;background:0 0;display:flex}.profile-account-list>:last-child{border-bottom:0}.profile-account-list span{flex-direction:column;min-width:0;display:flex}.profile-account-list strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.profile-account-list small{color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body);margin-top:2px}.profile-account-list b{max-width:52%;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);font-weight:var(--weight-medium);overflow:hidden}.profile-account-list button b{color:var(--color-text-disabled);font-size:24px;font-weight:var(--weight-regular)}.profile-account-list button b.security-status{padding:var(--space-1) var(--space-2);color:var(--color-text-tertiary);background:var(--color-surface-page);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-control);border-radius:999px}.profile-edit-actions{left:var(--space-4);right:var(--space-4);bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:32;padding:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-floating);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;position:fixed}.profile-edit-actions button{width:100%;height:44px;color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px}.profile-edit-actions button:disabled{cursor:not-allowed;color:var(--color-text-disabled);background:var(--color-surface-page);box-shadow:none}.profile-edit-notice{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:42;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}.profile-password-form>label:not(:first-child){margin-top:var(--space-3)}.profile-password-form .redeem-input-wrap input{font-family:var(--font-sans);font-weight:var(--weight-regular);letter-spacing:var(--tracking-normal)}.account-security-content{gap:var(--space-3);display:grid}.account-security-tip{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-faint);background:var(--color-brand-50);border-radius:16px}.account-security-tip strong{color:var(--color-brand-700);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.account-security-tip p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.services-content{gap:var(--space-3);display:grid}.services-overview{gap:var(--space-4);min-height:160px;padding:var(--space-4);color:var(--color-text-on-dark);background:var(--color-surface-vip);box-shadow:var(--shadow-card);border-radius:18px;display:grid;position:relative;overflow:hidden}.services-overview:after{content:"";background:var(--color-brand-500);opacity:.2;border-radius:50%;width:150px;height:150px;position:absolute;top:-70px;right:-58px}.services-overview>*{z-index:1;position:relative}.services-overview-copy h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.services-overview-copy p{margin:var(--space-1) 0 0;color:var(--color-text-on-dark-muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.services-overview-stats{padding-top:var(--space-3);border-top:1px solid var(--color-border-on-dark);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.services-overview-stats>div{text-align:center;border-right:1px solid var(--color-border-on-dark);min-width:0}.services-overview-stats>div:last-child{border-right:0}.services-overview-stats strong,.services-overview-stats span{display:block}.services-overview-stats strong{font-family:var(--font-numeric);font-size:var(--text-metric);font-weight:var(--weight-bold);line-height:var(--leading-title)}.services-overview-stats span{margin-top:var(--space-1);color:var(--color-text-on-dark-muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.services-checkin{position:relative}.services-checkin-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.services-checkin-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.services-checkin-head p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.services-checkin-head>strong{color:var(--color-brand-600);font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);flex:none}.services-checkin-days{margin-top:var(--space-4);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.services-checkin-days>div{align-items:center;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.services-checkin-days span{border:1px solid var(--color-border-subtle);width:34px;height:38px;color:var(--color-text-tertiary);background:var(--color-surface-page);font-family:var(--font-numeric);font-size:var(--text-micro);font-weight:var(--weight-semibold);border-radius:11px;place-items:center;display:grid}.services-checkin-days small{color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption);white-space:nowrap}.services-checkin-days .completed span{color:var(--color-state-success);border-color:color-mix(in srgb, var(--color-state-success) 22%, transparent);background:color-mix(in srgb, var(--color-state-success) 9%, var(--color-surface-card))}.services-checkin-days .current span{color:var(--color-text-on-brand);background:var(--gradient-brand);border-color:#0000}.services-checkin-button{width:100%;height:44px;margin-top:var(--space-4);color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px}.services-checkin-button:disabled{color:var(--color-text-tertiary);background:var(--color-surface-page);box-shadow:none;cursor:default}.services-task-panel{scroll-margin-top:calc(60px + env(safe-area-inset-top) + var(--space-3))}.services-tabs{padding:var(--space-1);background:var(--color-surface-page);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.services-tabs button{min-height:36px}.services-task-list{margin-top:var(--space-3);border-top:1px solid var(--color-border-faint)}.services-task-row{align-items:center;gap:var(--space-3);min-height:104px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-faint);grid-template-columns:32px minmax(0,1fr) auto;display:grid}.services-task-row:last-child{border-bottom:0}.services-task-mark{width:32px;height:32px;color:var(--color-brand-600);background:var(--color-brand-50);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--weight-semibold);border-radius:10px;place-items:center;display:grid}.services-task-mark.completed{color:var(--color-state-success);background:color-mix(in srgb, var(--color-state-success) 9%, var(--color-surface-card))}.services-task-copy{min-width:0}.services-task-copy>div:first-child{align-items:baseline;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.services-task-copy strong{min-width:0;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.services-task-copy b{color:var(--color-brand-600);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--weight-semibold);white-space:nowrap;flex:none}.services-task-copy>small{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-description);line-height:var(--leading-body);margin-top:2px;display:block;overflow:hidden}.services-task-progress{align-items:center;gap:var(--space-2);height:16px;margin-top:var(--space-2);grid-template-columns:minmax(0,1fr) 28px;display:grid}.services-task-track{background:var(--color-surface-page);border-radius:999px;height:5px;position:relative;overflow:hidden}.services-task-track i{border-radius:inherit;background:var(--gradient-brand);height:100%;position:absolute;inset:0 auto 0 0}.services-task-progress>span:last-child{color:var(--color-text-tertiary);text-align:right;font-family:var(--font-numeric);font-size:var(--text-micro);line-height:16px}.services-task-button{min-width:64px;height:32px;padding:0 var(--space-2);border:1px solid var(--color-border-brand);color:var(--color-brand-600);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);white-space:nowrap;border-radius:999px}.services-task-button:disabled{color:var(--color-text-disabled);border-color:var(--color-border-subtle);background:var(--color-surface-page);cursor:default}.services-notice{bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.community-content{gap:var(--space-3);display:grid}.community-hero{padding:var(--space-5);border:1px solid var(--color-border-brand);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px;position:relative;overflow:hidden}.community-hero:after{content:"";background:var(--color-brand-100);opacity:.75;border-radius:50%;width:160px;height:160px;position:absolute;top:-82px;right:-70px}.community-hero>*{z-index:1;position:relative}.community-hero h2{max-width:420px;font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.community-hero p{max-width:520px;margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.community-telegram-link{align-items:center;gap:var(--space-3);width:min(100%,420px);min-height:58px;margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-brand);color:var(--color-text-primary);background:var(--color-brand-50);border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;display:grid}.community-telegram-link>span:first-child{width:38px;height:38px;color:var(--color-text-on-brand);background:var(--gradient-brand);border-radius:50%;place-items:center;display:grid}.community-telegram-link svg{width:20px;height:20px}.community-telegram-link>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.community-telegram-link strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.community-telegram-link small{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);line-height:var(--leading-caption);margin-top:2px;overflow:hidden}.community-telegram-link>b{color:var(--color-brand-600);font-size:var(--text-section-title);font-weight:var(--weight-regular)}.community-updates-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.community-updates-head>button{padding:var(--space-2) 0;color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);background:0 0;border:0;flex:none}.community-updates-head>button:disabled{color:var(--color-text-disabled);cursor:default}.community-announcement-list{border-top:1px solid var(--color-border-faint);padding:0}.community-announcement-list>a{min-height:80px}.vip-page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.vip-content{width:min(calc(100% - (var(--space-4) * 2)), var(--content-functional));max-width:none}.vip-page-hero{align-items:center;gap:var(--space-4);min-height:168px;padding:var(--space-5);color:var(--color-text-on-dark);background:var(--color-surface-vip);box-shadow:var(--shadow-card);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.vip-page-hero:after{content:"";background:var(--color-brand-500);opacity:.18;border-radius:50%;width:210px;height:210px;position:absolute;top:-96px;right:-76px}.vip-page-hero>*{z-index:1;position:relative}.vip-page-hero>div:first-child>span{padding:2px var(--space-2);border:1px solid var(--color-border-on-dark);color:var(--color-text-on-dark-muted);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-control);border-radius:999px;display:inline-flex}.vip-page-hero h2{margin:var(--space-2) 0 0;font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight)}.vip-page-hero p{max-width:520px;margin:var(--space-2) 0 0;color:var(--color-text-on-dark-muted);font-size:var(--text-body);line-height:var(--leading-body)}.vip-page-hero>div:last-child{border:1px solid var(--color-border-on-dark);background:var(--color-surface-on-dark-muted);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78px;height:78px;display:flex}.vip-page-hero>div:last-child strong{font-family:var(--font-numeric);font-size:var(--text-section-title);line-height:var(--leading-title)}.vip-page-hero>div:last-child span{color:var(--color-text-on-dark-muted);font-size:var(--text-micro);line-height:var(--leading-caption)}.vip-layout,.vip-main-column{gap:var(--space-3);display:grid}.vip-layout{margin-top:var(--space-3)}.vip-section-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.vip-section-head p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.vip-plan-grid{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.vip-plan-grid>button{min-width:0;min-height:132px;padding:var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);background:var(--color-surface-card);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.vip-plan-grid>button.selected{border-color:var(--color-brand-500);background:var(--color-brand-50);box-shadow:inset 0 0 0 1px var(--color-brand-500)}.vip-plan-grid>button>span{padding:2px var(--space-2);color:var(--color-text-on-brand);background:var(--color-brand-500);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:0 13px 0 9px;position:absolute;top:0;right:0}.vip-plan-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.vip-plan-grid small{color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption);margin-top:2px}.vip-plan-grid b{font-family:var(--font-numeric);font-size:var(--text-metric);font-weight:var(--weight-bold);line-height:var(--leading-title);align-items:baseline;margin-top:auto;display:flex}.vip-plan-grid b em{font-size:var(--text-micro);font-style:normal;font-weight:var(--weight-semibold);margin-right:2px}.vip-plan-grid p{width:100%;color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-micro);line-height:var(--leading-caption);margin:2px 0 0;overflow:hidden}.vip-benefit-grid{gap:var(--space-1);margin-top:var(--space-3);display:grid}.vip-benefit-grid>div{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-faint);grid-template-columns:38px minmax(0,1fr);display:grid}.vip-benefit-grid>div:last-child{border-bottom:0}.vip-benefit-grid>div>span{width:38px;height:38px;color:var(--color-brand-600);background:var(--color-brand-50);font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-semibold);border-radius:50%;place-items:center;display:grid}.vip-benefit-grid>div>div{flex-direction:column;min-width:0;display:flex}.vip-benefit-grid strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.vip-benefit-grid small{color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body);margin-top:2px}.vip-comparison-table{margin-top:var(--space-3);border-top:1px solid var(--color-border-faint)}.vip-comparison-table>div{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border-faint);grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));min-height:48px;display:grid}.vip-comparison-table>div:last-child{border-bottom:0}.vip-comparison-table strong,.vip-comparison-table span,.vip-comparison-table b{min-width:0;font-size:var(--text-caption);line-height:var(--leading-caption);text-align:center}.vip-comparison-table strong:first-child,.vip-comparison-table span:first-child{color:var(--color-text-secondary);text-align:left}.vip-comparison-table b{color:var(--color-brand-600);font-weight:var(--weight-semibold)}.vip-faq-list{margin-top:var(--space-2)}.vip-faq-list details{border-bottom:1px solid var(--color-border-faint)}.vip-faq-list details:last-child{border-bottom:0}.vip-faq-list summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;color:var(--color-text-primary);font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);cursor:pointer;list-style:none;display:flex}.vip-faq-list summary::-webkit-details-marker{display:none}.vip-faq-list summary span{color:var(--color-text-tertiary);font-size:var(--text-section-title);font-weight:var(--weight-regular);transition:transform .18s}.vip-faq-list details[open] summary span{transform:rotate(45deg)}.vip-faq-list p{margin:0 0 var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.vip-order-panel{display:none}.vip-mobile-dock{left:var(--space-4);right:var(--space-4);bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:34;align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-floating);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(132px,.8fr);display:grid;position:fixed}.vip-mobile-dock>span{min-width:0;padding-left:var(--space-2);flex-direction:column;display:flex}.vip-mobile-dock small{color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption)}.vip-mobile-dock strong{font-family:var(--font-numeric);font-size:var(--text-list-title);line-height:var(--leading-heading)}.vip-mobile-dock button,.vip-order-panel>button{height:44px;color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px}.vip-notice{bottom:calc(88px + env(safe-area-inset-bottom))}.recharge-page{min-height:100dvh;padding-bottom:calc(112px + env(safe-area-inset-bottom));background:var(--color-surface-page)}.recharge-page-head{min-height:calc(60px + env(safe-area-inset-top));z-index:40;padding:env(safe-area-inset-top) var(--space-4) 0;border-bottom:1px solid var(--color-border-faint);background:var(--color-surface-card);grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;display:grid;position:fixed;inset:0 0 auto}.recharge-page-head>a{width:40px;height:40px;color:var(--color-text-secondary);border-radius:50%;place-items:center;display:grid}.recharge-page-head>a:active{color:var(--color-brand-600);background:var(--color-brand-50)}.recharge-page-head svg{width:22px;height:22px}.recharge-page-head h1{text-align:center;font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.recharge-content{width:min(calc(100% - (var(--space-4) * 2)), var(--content-functional));padding-top:calc(60px + env(safe-area-inset-top) + var(--space-4));margin-inline:auto}.recharge-layout{gap:var(--space-3);grid-template-areas:"balance""packages""payment""notes";display:grid}.recharge-balance,.recharge-packages-panel,.recharge-payment-panel,.recharge-notes{border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px}.recharge-balance{padding:var(--space-4);grid-area:balance;position:relative;overflow:hidden}.recharge-balance:after{content:"";background:var(--color-brand-100);opacity:.65;border-radius:50%;width:120px;height:120px;position:absolute;top:-54px;right:-44px}.recharge-balance>*{z-index:1;position:relative}.recharge-balance>span{color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);display:block}.recharge-balance>strong{align-items:baseline;gap:var(--space-2);margin-top:var(--space-1);font-family:var(--font-numeric);font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);display:flex}.recharge-balance>strong small{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:normal}.recharge-balance p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.recharge-packages-panel{padding:var(--space-4);grid-area:packages}.recharge-section-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.recharge-section-head h2,.recharge-notes h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.recharge-section-head>span{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.recharge-package-group{margin-top:var(--space-4)}.recharge-group-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.recharge-group-title strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.recharge-group-title span{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.recharge-group-title b{padding:2px var(--space-2);color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;margin-left:auto}.recharge-package-group.welcome-offer{scroll-margin-top:calc(124px + var(--space-4))}.recharge-package-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recharge-package{min-width:0;min-height:112px;padding:var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);background:var(--color-surface-card);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.recharge-package.selected{border-color:var(--color-brand-500);background:var(--color-brand-50);box-shadow:inset 0 0 0 1px var(--color-brand-500)}.recharge-package>strong{align-items:baseline;gap:var(--space-1);font-family:var(--font-numeric);font-size:var(--text-metric);font-weight:var(--weight-bold);line-height:var(--leading-title);display:flex}.recharge-package>strong small{color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-medium)}.recharge-package>span:not(.recharge-package-label,.recharge-package-bonus){margin-top:var(--space-1);color:var(--color-text-secondary);font-family:var(--font-numeric);font-size:var(--text-label);line-height:var(--leading-control)}.recharge-package>small{color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption);line-height:var(--leading-caption);margin-top:2px}.recharge-package-label,.recharge-package-bonus{padding:var(--space-1) var(--space-2);color:var(--color-text-on-brand);background:var(--color-brand-500);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:0 13px 0 10px;position:absolute;top:0;right:0}.recharge-payment-panel{padding:var(--space-4);grid-area:payment}.payment-methods{margin-top:var(--space-2)}.payment-methods>button{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) 0;border:0;border-bottom:1px solid var(--color-border-faint);color:var(--color-text-primary);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.payment-methods>button:last-child{border-bottom:0}.payment-symbol{background:var(--color-surface-page);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.payment-symbol img{object-fit:contain;width:21px;height:21px}.payment-methods button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.payment-methods strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.payment-methods small{color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body)}.payment-check{border:1px solid var(--color-border-subtle);color:#0000;background:var(--color-surface-card);border-radius:50%;place-items:center;width:20px;height:20px;transition:border-color .18s,background .18s,color .18s;display:grid}.payment-check svg{width:13px;height:13px}.payment-methods button.selected .payment-check{color:var(--color-text-on-brand);border-color:var(--color-brand-500);background:var(--color-brand-500)}.recharge-notes{padding:var(--space-4);grid-area:notes}.recharge-notes ul{margin:var(--space-3) 0 0;color:var(--color-text-secondary);padding-left:18px}.recharge-notes li{padding-left:var(--space-1);font-size:var(--text-body);line-height:var(--leading-body)}.recharge-notes li+li{margin-top:var(--space-2)}.recharge-action-dock{z-index:35;padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-faint);background:var(--color-surface-floating);position:fixed;inset:auto 0 0}.recharge-action-dock button{width:100%;height:48px;color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:14px}.recharge-action-dock button:disabled{color:var(--color-text-disabled);background:var(--color-brand-100);box-shadow:none;cursor:default}.recharge-action-dock p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);text-align:center;font-size:var(--text-micro);line-height:var(--leading-caption)}.recharge-notice{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:38;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}.invite-page{min-height:100dvh;padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom));background:var(--color-surface-page)}.invite-content{width:min(calc(100% - (var(--space-4) * 2)), var(--content-functional));padding-top:calc(60px + env(safe-area-inset-top) + var(--space-4));margin-inline:auto}.invite-hero{align-items:start;gap:var(--space-4);min-height:250px;padding:var(--space-5);color:var(--color-text-on-dark);background:var(--color-surface-vip);box-shadow:var(--shadow-card);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.invite-hero:after{content:"";background:var(--color-brand-500);opacity:.2;border-radius:50%;width:210px;height:210px;position:absolute;top:-96px;right:-64px}.invite-hero>*{z-index:1;position:relative}.invite-hero h2{font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);margin:0}.invite-hero>div:first-child>p{max-width:560px;margin:var(--space-2) 0 0;color:var(--color-text-on-dark-muted);font-size:var(--text-reading);line-height:var(--leading-body)}.invite-hero-badge{border:1px solid var(--color-border-on-dark);background:var(--color-surface-on-dark-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-width:82px;min-height:82px;display:flex}.invite-hero-badge strong{font-family:var(--font-numeric);font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.invite-hero-badge span{color:var(--color-text-on-dark-muted);font-size:var(--text-micro);line-height:var(--leading-caption)}.invite-stats{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-on-dark);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;display:grid}.invite-stats>div{text-align:center;border-right:1px solid var(--color-border-on-dark);min-width:0}.invite-stats>div:last-child{border-right:0}.invite-stats strong,.invite-stats span{display:block}.invite-stats strong{font-family:var(--font-numeric);font-size:var(--text-metric);font-weight:var(--weight-bold);line-height:var(--leading-title)}.invite-stats span{margin-top:var(--space-1);color:var(--color-text-on-dark-muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.invite-grid{gap:var(--space-3);margin-top:var(--space-3);display:grid}.invite-link-panel,.invite-progress-panel,.invite-wallet-panel,.invite-how-panel{padding:var(--space-4);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px}.invite-section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.invite-section-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.invite-section-head p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.invite-section-head>svg{width:22px;height:22px;color:var(--color-brand-500);flex:none}.invite-section-head>strong{color:var(--color-brand-600);font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);flex:none}.invite-section-head>span{width:32px;height:32px;color:var(--color-brand-600);background:var(--color-brand-50);font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid}.invite-generate-state{min-height:210px;padding-top:var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.invite-generate-state>span{width:48px;height:48px;color:var(--color-brand-600);background:var(--color-brand-50);border-radius:50%;place-items:center;display:grid}.invite-generate-state svg{width:23px;height:23px}.invite-generate-state h3{margin:var(--space-3) 0 0;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.invite-generate-state p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.invite-generate-state button{height:42px;margin-top:var(--space-4);padding:0 var(--space-5);color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px}.invite-code-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-brand-50);border-radius:12px;display:flex}.invite-code-row span{color:var(--color-text-tertiary);font-size:var(--text-label);line-height:var(--leading-control)}.invite-code-row strong{color:var(--color-brand-600);font-family:var(--font-numeric);font-size:var(--text-list-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.invite-link-value{margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-page);font-size:var(--text-caption);line-height:var(--leading-caption);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;overflow:hidden}.invite-link-actions{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.invite-link-actions button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-brand);height:42px;color:var(--color-brand-600);background:var(--color-surface-card);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);border-radius:12px;display:flex}.invite-link-actions button:last-child{color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);border:0}.invite-link-actions svg{width:18px;height:18px}.invite-progress-track{height:8px;margin-top:var(--space-4);background:var(--color-brand-100);border-radius:999px;overflow:hidden}.invite-progress-track i{border-radius:inherit;background:var(--color-brand-500);width:0;height:100%;display:block}.invite-progress-labels{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);display:flex}.invite-progress-labels span{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.invite-progress-labels strong{color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-caption)}.invite-wallet-stats{margin-top:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border-faint);border-bottom:1px solid var(--color-border-faint);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.invite-wallet-stats>div{text-align:center;border-right:1px solid var(--color-border-faint);min-width:0}.invite-wallet-stats>div:last-child{border-right:0}.invite-wallet-stats strong,.invite-wallet-stats span{display:block}.invite-wallet-stats strong{font-family:var(--font-numeric);font-size:var(--text-list-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.invite-wallet-stats span{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.invite-wallet-actions{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.invite-wallet-actions button{border:1px solid var(--color-border-subtle);height:38px;color:var(--color-text-disabled);background:var(--color-surface-page);font-size:var(--text-label);font-weight:var(--weight-medium);border-radius:11px}.invite-wallet-panel>p{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.invite-how-panel ol{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.invite-how-panel li{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.invite-how-panel li>span{width:30px;height:30px;color:var(--color-brand-600);background:var(--color-brand-50);font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid}.invite-how-panel li strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.invite-how-panel li p{color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body);margin:2px 0 0}.invite-notice{left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:38;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}.settings-panel{padding:var(--space-4) var(--space-4) var(--space-3)}.profile-section-title h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.settings-list{margin-top:var(--space-2)}.settings-list button,.settings-list>a{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) 0;text-align:left;border:0;border-bottom:1px solid var(--color-border-faint);color:var(--color-text-primary);background:0 0;display:flex}.settings-list>:last-child{border-bottom:0}.settings-list button>span,.settings-list>a>span{flex-direction:column;min-width:0;display:flex}.settings-list strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.settings-list small{margin-top:var(--space-1);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body);overflow:hidden}.settings-list b{color:var(--color-text-disabled);font-size:24px;font-weight:var(--weight-regular);line-height:1}.settings-list .profile-logout-button{color:var(--color-state-error)}.profile-logout-button small{color:var(--color-text-tertiary)}.profile-logout-button svg{flex:none;width:21px;height:21px}.profile-logout-actions button:last-child{color:var(--color-text-on-brand);background:var(--color-state-error);box-shadow:none}.create-hub-page{min-height:calc(100vh - 116px);padding:var(--space-4) 0 calc(112px + env(safe-area-inset-bottom))}.create-hub-inner{gap:var(--space-3);display:grid}.create-hub-primary{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:44px;color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:12px;display:flex}.create-hub-primary svg{width:18px;height:18px}.create-hub-panel{padding:var(--space-3);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px;overflow:hidden}.create-hub-panel-head{gap:var(--space-3);display:grid}.create-hub-panel-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.create-hub-panel-head p{color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body);margin:2px 0 0}.create-hub-summary{margin-top:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border-faint);border-bottom:1px solid var(--color-border-faint);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.create-hub-summary span{justify-content:center;align-items:baseline;gap:var(--space-1);min-width:0;color:var(--color-text-tertiary);border-right:1px solid var(--color-border-faint);font-size:var(--text-caption);line-height:var(--leading-caption);display:flex}.create-hub-summary span:last-child{border-right:0}.create-hub-summary strong{color:var(--color-text-primary);font-family:var(--font-numeric);font-size:var(--text-list-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.create-hub-filters{gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-1);background:var(--color-surface-page);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.create-hub-filters button{min-width:0;height:38px;padding:0 var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-tab);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;background:0 0;border:0;border-radius:10px}.create-hub-filters button.active{color:var(--color-brand-600);background:var(--color-brand-50);font-weight:var(--weight-semibold)}.create-role-list{margin-top:var(--space-2);display:grid}.create-role-card{align-items:center;gap:var(--space-3);min-height:96px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-faint);grid-template-columns:68px minmax(0,1fr) auto;display:grid}.create-role-card:last-child{border-bottom:0}.create-role-card>img{object-fit:cover;object-position:center top;background:var(--color-surface-media);border-radius:12px;width:68px;height:76px}.create-role-card>div{min-width:0}.create-role-card div>span{padding:2px var(--space-2);color:var(--color-text-secondary);background:var(--color-surface-page);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;display:inline-flex}.create-role-card div>span.status-已发布{color:var(--color-state-success);background:color-mix(in srgb, var(--color-state-success) 9%, var(--color-surface-card))}.create-role-card div>span.status-草稿{color:var(--color-state-warning);background:color-mix(in srgb, var(--color-state-warning) 9%, var(--color-surface-card))}.create-role-card h3{margin:var(--space-1) 0 0;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.create-role-card p{margin:var(--space-1) 0 0;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body);overflow:hidden}.create-role-card>a{min-width:58px;height:34px;padding:0 var(--space-2);border:1px solid var(--color-border-brand);color:var(--color-brand-600);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;justify-content:center;align-items:center;display:flex}.create-hub-empty{min-height:220px;padding:var(--space-5);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.create-hub-empty>span{color:var(--color-brand-200);font-size:32px;line-height:1}.create-hub-empty h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.create-hub-empty p{color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.create-hub-empty a{height:38px;margin-top:var(--space-3);padding:0 var(--space-4);color:var(--color-text-on-brand);background:var(--gradient-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);border-radius:10px;align-items:center;display:flex}.create-page{min-height:calc(100vh - 116px);padding:var(--space-4) 0 180px}.create-page-inner{gap:var(--space-3);display:grid}.create-editor-header{align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:16px;grid-template-columns:40px minmax(0,1fr) 40px;display:grid}.create-editor-close{width:40px;height:40px;color:var(--color-text-secondary);background:var(--color-surface-page);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.create-editor-close svg{width:20px;height:20px}.create-editor-header>div{text-align:center;min-width:0}.create-editor-header h1{font-size:var(--text-section-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);margin:0}.create-editor-header div>span{color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption);margin-top:2px;display:block}.create-editor-tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.create-editor-tabs button{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;height:38px;padding:0 var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;background:0 0;border:0;border-radius:10px;display:flex}.create-editor-tabs button>span{width:18px;height:18px;color:var(--color-text-tertiary);background:var(--color-surface-page);font-size:var(--text-micro);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.create-editor-tabs button.active{color:var(--color-brand-600);background:var(--color-brand-50);font-weight:var(--weight-semibold)}.create-editor-tabs button.active>span{color:var(--color-text-on-brand);background:var(--color-brand-500)}.create-import-card{align-items:center;gap:var(--space-2);min-height:68px;padding:var(--space-3);border:1px solid var(--color-border-brand);background:var(--color-brand-50);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.create-import-icon{width:36px;height:36px;color:var(--color-text-on-brand);background:var(--gradient-brand);font-size:var(--text-section-title);font-weight:var(--weight-medium);border-radius:12px;place-items:center;display:grid}.create-import-card>div{flex-direction:column;min-width:0;display:flex}.create-import-card strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.create-import-card small{margin-top:var(--space-1);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body);overflow:hidden}.create-import-card label{padding:var(--space-2);color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-caption);cursor:pointer}.create-import-card input,.avatar-upload input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.create-workspace,.create-form-column{gap:var(--space-3);min-width:0;display:grid}.create-form-card{min-width:0;padding:var(--space-4);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px}.create-section-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.create-section-head>div{align-items:center;gap:var(--space-2);display:flex}.create-section-head div>span{width:24px;height:24px;color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-micro);font-weight:var(--weight-semibold);border-radius:8px;place-items:center;line-height:1;display:grid}.create-section-head h2{font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);margin:0}.create-section-head>small{color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption)}.create-section-note{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.character-basics-grid{align-items:start;gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:96px minmax(0,1fr);display:grid}.avatar-upload{border:1px dashed var(--color-border-brand);width:96px;height:112px;color:var(--color-brand-600);background:var(--color-brand-50);cursor:pointer;border-radius:14px;place-items:center;display:grid;overflow:hidden}.avatar-upload>img{object-fit:cover;object-position:center top;width:100%;height:100%}.avatar-upload>span{text-align:center;flex-direction:column;align-items:center;display:flex}.avatar-upload b{font-size:24px;font-weight:var(--weight-regular);line-height:1}.avatar-upload strong{margin-top:var(--space-1);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.avatar-upload small{color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption);margin-top:2px}.create-fields{gap:var(--space-2);min-width:0;display:grid}.create-fields label,.create-entry label{gap:var(--space-1);min-width:0;display:grid}.create-fields label>span,.create-entry label>span,.create-textarea-field>span{color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption)}.create-fields label>span b,.create-textarea-field>span b{color:var(--color-state-error)}.create-fields input,.create-entry input,.custom-tag-field input,.create-textarea-field textarea{border:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-primary);background:var(--color-surface-card);font-size:var(--text-input);line-height:var(--leading-control);border-radius:12px;outline:0;transition:border-color .2s,box-shadow .2s}.create-fields input,.create-entry input,.custom-tag-field input{height:40px;padding:0 var(--space-3)}.create-fields input::placeholder,.create-entry input::placeholder,.custom-tag-field input::placeholder,.create-textarea-field textarea::placeholder{color:var(--color-text-disabled)}.create-fields input:focus,.create-entry input:focus,.custom-tag-field input:focus,.create-textarea-field textarea:focus{border-color:var(--color-brand-200);outline:3px solid var(--color-brand-ring);outline-offset:0}.version-field{width:92px}.create-tag-options{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.create-tag-options button{min-width:0;height:32px;padding:0 var(--space-1);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;border-radius:999px}.create-tag-options button.selected{color:var(--color-brand-600);border-color:var(--color-brand-200);background:var(--color-brand-50)}.custom-tag-field{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.custom-tag-field button{padding:0 var(--space-4);color:var(--color-text-on-brand);background:var(--color-brand-500);font-size:var(--text-label);font-weight:var(--weight-semibold);border:0;border-radius:12px}.create-textarea-field{gap:var(--space-2);margin-top:var(--space-3);display:grid}.create-textarea-field>span{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.create-textarea-field>span small{color:var(--color-text-tertiary);font-size:var(--text-micro);font-weight:var(--weight-regular);margin-left:auto}.create-textarea-field textarea{resize:vertical;min-height:132px;padding:var(--space-3);line-height:var(--leading-body)}.create-switch-list{margin-top:var(--space-3)}.create-switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border-faint);min-height:68px;display:flex}.create-switch-row:last-child{border-bottom:0}.create-switch-row>div{flex-direction:column;min-width:0;display:flex}.create-switch-row strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.create-switch-row div>span{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body)}.create-switch-row>button{background:var(--color-text-disabled);border:0;border-radius:999px;flex:none;width:42px;height:24px;padding:0;transition:background .2s;position:relative}.create-switch-row>button>span{background:var(--color-surface-card);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.create-switch-row>button.on{background:var(--color-brand-500)}.create-switch-row>button.on>span{transform:translate(18px)}.create-advanced-card{min-height:320px}.create-entry{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-faint);background:var(--color-surface-page);border-radius:14px;display:grid}.create-entry .create-textarea-field{margin-top:0}.create-secondary-action{width:100%;min-height:40px;margin-top:var(--space-3);border:1px dashed var(--color-border-brand);color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-label);font-weight:var(--weight-medium);border-radius:12px}.create-preview-column{display:none}.create-mobile-actions{left:var(--space-4);right:var(--space-4);bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:32;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-floating);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid;position:fixed}.create-mobile-actions button{height:44px;font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:12px}.create-mobile-actions button:first-child{border:1px solid var(--color-border-brand);color:var(--color-brand-600);background:var(--color-surface-card)}.create-mobile-actions button:last-child{color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);border:0}.create-mobile-actions button:last-child:disabled,.create-desktop-actions button:last-child:disabled{cursor:not-allowed;color:var(--color-text-disabled);background:var(--color-surface-page);box-shadow:none}.create-mobile-notice{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:33;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}.create-exit-backdrop{z-index:80;padding:var(--space-4);background:var(--color-overlay-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.create-exit-dialog{width:min(100%,390px);padding:var(--space-5);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-floating);text-align:center;border-radius:20px}.create-exit-dialog h2{font-size:var(--text-section-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);margin:0}.create-exit-dialog p{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.create-exit-actions{gap:var(--space-2);margin-top:var(--space-4);display:grid}.create-exit-actions button{min-height:44px;font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:12px}.create-exit-actions button:first-child{color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);border:0}.create-exit-actions button:nth-child(2){border:1px solid var(--color-border-subtle);color:var(--color-state-error);background:var(--color-surface-card)}.create-exit-actions button:last-child{color:var(--color-text-secondary);background:var(--color-surface-page);border:0}.chat-page{min-height:calc(100vh - 116px);padding:var(--space-4) 0 var(--space-7)}.chat-page-inner{gap:var(--space-3);display:grid}.chat-page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.chat-page-head h1{font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);margin:0}.chat-page-head p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.chat-workspace{gap:var(--space-4);display:grid}.conversation-panel{min-width:0;padding:var(--space-3);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px}.service-conversation{align-items:center;gap:var(--space-3);width:100%;min-height:68px;padding:var(--space-3);text-align:left;color:var(--color-text-primary);background:var(--color-brand-50);border:0;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.service-icon{width:40px;height:40px;color:var(--color-text-on-brand);background:var(--gradient-brand);font-size:var(--text-section-title);font-weight:var(--weight-semibold);border-radius:50%;place-items:center;display:grid}.service-icon svg{width:21px;height:21px}.service-conversation>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.service-conversation strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.service-conversation small{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body)}.service-conversation>b{color:var(--color-text-disabled);font-size:24px;font-weight:var(--weight-regular);line-height:1}.conversation-group-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-1) var(--space-2);display:flex}.conversation-group-head strong{font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.conversation-group-head span{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.conversation-list{gap:var(--space-1);display:grid}.conversation-row{align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:76px;padding:var(--space-2);text-align:left;color:var(--color-text-primary);background:0 0;border:0;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.conversation-avatar{flex:none;width:52px;height:52px;position:relative}.conversation-avatar img{object-fit:cover;object-position:center top;border-radius:14px;width:100%;height:100%}.conversation-copy{flex-direction:column;min-width:0;display:flex}.conversation-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.conversation-copy small{margin-top:var(--space-1);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-list-description);line-height:var(--leading-body);overflow:hidden}.conversation-meta{justify-content:center;align-self:stretch;align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.conversation-meta time{color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption);line-height:var(--leading-caption)}.conversation-empty{min-height:220px;padding:var(--space-5);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.conversation-empty>span{color:var(--color-brand-400);font-size:32px}.conversation-empty strong{margin-top:var(--space-2);font-size:var(--text-list-title);font-weight:var(--weight-semibold)}.conversation-empty p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.chat-preview-panel{display:none}.chat-notice{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:33;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}.conversation-shell,.conversation-shell.has-promo{background:var(--color-surface-card);height:100dvh;padding:0;overflow:hidden}.conversation-shell .site-header,.conversation-shell .promo-bar{display:none}.conversation-page{background:var(--color-surface-page);min-height:100dvh}.conversation-layout{width:100%;height:100dvh;display:grid}.conversation-room{background:var(--color-surface-page);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;height:100dvh;display:grid;position:relative;overflow:hidden}.conversation-background{z-index:0;pointer-events:none;background:var(--color-surface-page);position:absolute;inset:64px 0 66px;overflow:hidden}.conversation-background:before{content:"";background-image:var(--conversation-background);filter:blur(5px)saturate(.76);opacity:.64;background-position:50% 22%;background-size:cover;position:absolute;inset:-12px;transform:scale(1.025)}.conversation-background:after{content:"";background:linear-gradient(#fcf6fd9e 0%,#fcf6fdb5 52%,#fcf6fdde 100%);position:absolute;inset:0}.conversation-room-head{z-index:5;align-items:center;gap:var(--space-2);min-height:64px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-faint);background:var(--color-surface-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.conversation-head-back,.conversation-icon-button{border:1px solid var(--color-border-subtle);width:38px;height:38px;color:var(--color-text-secondary);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.conversation-head-back svg,.conversation-icon-button svg{width:21px;height:21px}.conversation-head-identity{align-items:center;gap:var(--space-2);min-width:0;display:flex}.conversation-head-identity img{object-fit:cover;object-position:center top;border:2px solid var(--color-brand-100);border-radius:50%;flex:none;width:40px;height:40px}.conversation-head-identity strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-list-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.conversation-head-actions{align-items:center;gap:var(--space-2);min-width:0;display:flex}.conversation-model-button{justify-content:center;align-items:center;gap:var(--space-1);min-width:88px;height:38px;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);background:var(--color-surface-card);box-shadow:var(--shadow-surface);font-family:var(--font-numeric);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;display:flex}.conversation-model-button svg{width:16px;height:16px;transition:transform .18s}.conversation-model-button[aria-expanded=true] svg{transform:rotate(180deg)}.conversation-icon-button.active{color:var(--color-brand-500);border-color:var(--color-border-brand);background:var(--color-brand-50)}.conversation-icon-button.active svg{fill:var(--color-brand-100)}.conversation-tool-wrap{position:relative}.conversation-tool-menu{min-width:152px;top:calc(100% + var(--space-2));z-index:12;padding:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-floating);box-shadow:var(--shadow-elevated);border-radius:14px;position:absolute;right:0}.conversation-tool-menu button{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:36px;padding:0 var(--space-2);color:var(--color-text-secondary);font-size:var(--text-label);text-align:left;background:0 0;border:0;border-radius:9px;display:flex}.conversation-tool-menu button:hover,.conversation-tool-menu button.selected{color:var(--color-brand-600);background:var(--color-brand-50)}.settings-menu{min-width:176px}.settings-menu>strong{padding:var(--space-1) var(--space-2) var(--space-2);font-size:var(--text-caption);color:var(--color-text-tertiary);display:block}.settings-menu>p{padding:var(--space-1) var(--space-2) var(--space-2);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-body);white-space:nowrap;margin:0}.settings-menu i{background:var(--color-border-subtle);border-radius:999px;width:30px;height:18px;transition:background .18s;position:relative}.settings-menu i:after{content:"";background:var(--color-surface-card);width:14px;height:14px;box-shadow:var(--shadow-surface);border-radius:50%;transition:transform .18s;position:absolute;top:2px;left:2px}.settings-menu i.active{background:var(--color-brand-500)}.settings-menu i.active:after{transform:translate(12px)}.conversation-toolbar-notice{z-index:10;padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.message-stream{z-index:1;gap:var(--space-4);min-height:0;padding:var(--space-4);overscroll-behavior:contain;flex-direction:column;display:flex;position:relative;overflow-y:auto}.message-date{padding:var(--space-1) var(--space-2);color:var(--color-text-tertiary);background:var(--color-surface-card);font-family:var(--font-numeric);font-size:var(--text-caption);line-height:var(--leading-caption);border-radius:999px;align-self:center}.message-row{align-items:end;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);max-width:88%;display:grid}.message-row>img{object-fit:cover;object-position:center top;border-radius:10px;width:32px;height:32px}.message-row>div{min-width:0}.message-row p{padding:var(--space-3);color:var(--color-text-primary);background:var(--color-surface-card);box-shadow:var(--shadow-surface);font-size:var(--text-reading);line-height:var(--leading-body);border-radius:16px 16px 16px 4px;margin:0}.message-row.user{align-self:flex-end;display:block}.message-row.user p{color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);border-radius:16px 16px 4px}.message-row.user time{text-align:right}.typing-indicator{justify-content:center;align-items:center;gap:var(--space-1);background:var(--color-surface-card);min-width:58px;height:42px;box-shadow:var(--shadow-surface);border-radius:16px 16px 16px 4px;display:flex}.typing-indicator i{background:var(--color-text-disabled);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite typing-dot}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.message-composer{align-items:end;gap:var(--space-2);padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-faint);background:var(--color-surface-floating);grid-template-columns:minmax(0,1fr) auto;display:grid}.message-composer>button{width:42px;height:42px;font-size:var(--text-section-title);color:var(--color-text-on-brand);background:var(--gradient-brand);border:0;border-radius:12px;place-items:center;padding:0;line-height:1;display:grid}.message-composer>button:disabled{color:var(--color-text-disabled);background:var(--color-surface-page);cursor:default}.message-composer svg{width:20px;height:20px}.message-composer textarea{resize:none;width:100%;min-height:42px;max-height:104px;padding:9px var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);background:var(--color-surface-card);font-size:var(--text-input);line-height:var(--leading-control);border-radius:14px;outline:0}.message-composer textarea::placeholder{color:var(--color-text-disabled)}.message-composer textarea:focus{border-color:var(--color-brand-200);outline:3px solid var(--color-brand-ring);outline-offset:0}.conversation-context{display:none}.story-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.story-page{min-height:calc(100vh - 116px);padding-bottom:var(--space-5)}.story-detail-layout{display:grid}.story-cover-card{height:420px;margin-inline:calc(var(--space-4) * -1);background:var(--color-surface-media);position:relative;overflow:hidden}.story-cover-card:before{content:"";z-index:1;height:calc(104px + env(safe-area-inset-top));pointer-events:none;background:linear-gradient(#1d142375,#1d14231f 58%,#0000);position:absolute;inset:0 0 auto}.story-cover-card>img{object-fit:cover;object-position:center top;width:100%;height:100%}.story-cover-shade{z-index:1;background:linear-gradient(transparent, var(--color-overlay-image));position:absolute;inset:44% 0 0}.story-cover-control{width:38px;height:38px;top:var(--space-3);z-index:2;border:1px solid var(--color-border-on-dark);color:var(--color-text-on-dark);background:var(--color-surface-on-dark-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-section-title);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute}.story-back{left:var(--space-4)}.story-favorite{right:var(--space-4)}.story-favorite svg{width:20px;height:20px;transition:transform .2s}.story-favorite:active svg{transform:scale(.9)}.story-favorite.active{color:var(--color-brand-500);border-color:var(--color-border-header);background:var(--color-surface-glass)}.story-cover-caption{inset:auto var(--space-4) var(--space-5);color:var(--color-text-on-dark);position:absolute}.story-cover-caption>span{color:var(--color-brand-200);font-size:var(--text-micro);font-weight:var(--weight-extrabold);line-height:var(--leading-control);letter-spacing:var(--tracking-wide)}.story-cover-caption p{margin:var(--space-1) 0 0;color:var(--color-text-on-dark-muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.story-info-card{z-index:2;margin-inline:calc(var(--space-4) * -1);padding:var(--space-5) var(--space-4);background:var(--color-surface-page);position:relative}.story-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.story-tags span{padding:2px var(--space-2);color:var(--color-brand-700);background:var(--color-brand-100);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap;border-radius:999px}.story-info-card>h1{font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);margin:0}.story-subtitle{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.story-stats{margin-top:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border-faint);border-bottom:1px solid var(--color-border-faint);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story-stats>div{text-align:center;border-right:1px solid var(--color-border-faint);min-width:0}.story-stats>div:last-child{border-right:0}.story-stats strong,.story-stats span{display:block}.story-stats strong{text-overflow:ellipsis;color:var(--color-text-primary);font-size:var(--text-metric);font-weight:var(--weight-bold);line-height:var(--leading-title);overflow:hidden}.story-stats span{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control);white-space:nowrap}.story-action-row{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story-action-row button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-subtle);height:38px;color:var(--color-text-secondary);background:var(--color-surface-card);font-size:var(--text-label);font-weight:var(--weight-medium);border-radius:12px;display:flex}.story-action-row button>span{color:var(--color-brand-500);font-size:var(--text-section-title);line-height:1}.story-creator{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4) 0 0;border-top:1px solid var(--color-border-faint);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.story-creator>img{object-fit:contain;background:var(--color-brand-50);border-radius:50%;width:36px;height:36px}.story-creator>div{flex-direction:column;min-width:0;display:flex}.story-creator strong{font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.story-creator span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption);margin-top:2px;overflow:hidden}.story-creator button{height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-brand);color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-semibold);background:0 0;border-radius:999px}.story-creator button.following{color:var(--color-text-tertiary);border-color:var(--color-border-subtle)}.story-tabs{gap:var(--space-5);margin-top:var(--space-5);border-bottom:1px solid var(--color-border-faint);display:flex}.story-tabs button{min-height:44px;color:var(--color-text-tertiary);font-size:var(--text-tab);font-weight:var(--weight-medium);line-height:var(--leading-control);background:0 0;border:0;align-items:center;padding:0;display:flex;position:relative}.story-tabs button.active{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.story-tabs button.active:after{content:"";background:var(--color-brand-500);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.story-reading{gap:var(--space-5);padding-top:var(--space-4);display:grid}.story-reading section>h2{font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);margin:0}.story-section-head{align-items:center;gap:var(--space-2);display:flex}.story-section-head>span{width:24px;height:24px;color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-micro);font-weight:var(--weight-semibold);border-radius:8px;place-items:center;line-height:1;display:grid}.story-section-head h2{font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);margin:0}.story-reading section>p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-reading);line-height:1.8}.story-reading blockquote{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-brand-200);color:var(--color-text-secondary);background:var(--color-surface-card);font-size:var(--text-reading);border-radius:0 14px 14px 0;font-style:normal;line-height:1.8}.story-content-note{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-brand);background:var(--color-brand-50);border-radius:14px;grid-template-columns:auto minmax(0,1fr);display:grid}.story-content-note>span{width:22px;height:22px;color:var(--color-text-on-brand);background:var(--color-brand-500);font-size:var(--text-micro);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid}.story-content-note p{color:var(--color-text-secondary);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.story-content-note strong{color:var(--color-text-primary);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);display:block}.story-comments-panel{padding-top:var(--space-4);position:relative}.story-comments-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.story-comments-head h2{font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title);margin:0}.story-comments-head p{color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body);margin:2px 0 0}.story-comments-head>span{min-width:28px;height:24px;padding:0 var(--space-2);color:var(--color-brand-600);background:var(--color-brand-50);font-family:var(--font-numeric);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;place-items:center;display:grid}.story-comment-composer{align-items:start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-faint);background:var(--color-surface-card);border-radius:16px;grid-template-columns:auto minmax(0,1fr);display:grid}.story-comment-composer>img{object-fit:cover;object-position:center top;border-radius:50%;width:36px;height:36px}.story-comment-composer>div{min-width:0}.story-comment-composer textarea{resize:vertical;width:100%;min-height:82px;max-height:160px;padding:var(--space-3);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);background:var(--color-surface-page);font-size:var(--text-input);line-height:var(--leading-body);border-radius:12px;outline:0;display:block}.story-comment-composer textarea::placeholder{color:var(--color-text-disabled)}.story-comment-composer textarea:focus{border-color:var(--color-brand-200);background:var(--color-surface-card);box-shadow:0 0 0 3px var(--color-brand-ring)}.story-comment-composer>div>footer{justify-content:space-between;align-items:flex-end;gap:var(--space-3);min-height:36px;margin-top:var(--space-2);display:flex}.story-comment-composer>div>footer>span{color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption);line-height:var(--leading-caption)}.story-comment-composer>div>footer>button{min-width:88px;height:36px;padding:0 var(--space-3);color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:10px}.story-comment-composer>div>footer>button:disabled{cursor:not-allowed;color:var(--color-text-disabled);background:var(--color-surface-page);box-shadow:none}.story-reply-target{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:32px;margin-bottom:var(--space-2);padding:0 var(--space-2) 0 var(--space-3);color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);border-radius:10px;display:flex}.story-reply-target button{width:28px;height:28px;color:var(--color-text-tertiary);font-size:var(--text-section-title);background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid}.story-comment-list{margin-top:var(--space-4);border-top:1px solid var(--color-border-faint)}.story-comment-item{align-items:start;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-faint);grid-template-columns:auto minmax(0,1fr);display:grid}.story-comment-item>img{object-fit:cover;object-position:center top;background:var(--color-surface-card);border-radius:50%;width:36px;height:36px}.story-comment-item>div{min-width:0}.story-comment-item header{align-items:center;gap:var(--space-2);display:flex}.story-comment-item header strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.story-comment-item header span{padding:2px var(--space-2);color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;flex:none}.story-comment-item>div>small{margin-top:var(--space-1);color:var(--color-brand-600);font-size:var(--text-caption);line-height:var(--leading-caption);display:block}.story-comment-item p{margin:var(--space-2) 0 0;overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:var(--text-reading);line-height:var(--leading-body)}.story-comment-item>div>footer{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.story-comment-item time{color:var(--color-text-tertiary);font-family:var(--font-numeric);font-size:var(--text-caption);line-height:var(--leading-caption);margin-right:auto}.story-comment-item footer button{align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-control);background:0 0;border:0;display:flex}.story-comment-item footer button:last-child{justify-content:flex-end;min-width:42px}.story-comment-item footer button svg{width:16px;height:16px}.story-comment-item footer button.liked{color:var(--color-brand-500)}.story-comment-notice{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:33;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}.story-comments-empty{padding:var(--space-7) var(--space-4);text-align:center}.story-comments-empty>span{color:var(--color-brand-400);font-size:32px}.story-comments-empty h2{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-card-title);font-weight:var(--weight-semibold)}.story-comments-empty p{color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.story-desktop-cta{display:none}.story-related-grid{gap:var(--space-2);margin-top:var(--space-3);display:grid}.story-related-inline{padding-top:var(--space-1)}.story-similar-list{gap:var(--space-2);padding-top:var(--space-4);display:grid}.story-similar-card{width:100%;height:144px}.story-similar-card .character-image{width:104px;min-width:104px}.story-related-grid>a{background:var(--color-surface-card);height:116px;box-shadow:var(--shadow-surface);border-radius:16px;grid-template-columns:92px minmax(0,1fr);display:grid;overflow:hidden}.story-related-grid img{object-fit:cover;object-position:center top;width:92px;height:100%}.story-related-grid a>div{min-width:0;padding:var(--space-3);flex-direction:column;justify-content:center;display:flex}.story-related-grid span{color:var(--color-brand-600);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.story-related-grid h3{margin:var(--space-1) 0;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.story-related-grid p{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.story-related-grid b{color:var(--color-brand-500)}.story-mobile-actions{left:var(--space-4);right:var(--space-4);bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:32;padding:var(--space-2);background:var(--color-surface-floating);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;position:fixed}.story-mobile-actions>button{width:100%;height:44px;color:var(--color-text-on-brand);background:var(--gradient-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px}.story-notice{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:33;max-width:calc(100% - 32px);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);background:var(--color-surface-dark);box-shadow:var(--shadow-card);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap;border-radius:999px;margin:0;position:fixed;transform:translate(-50%)}.story-stats strong,.profile-stats strong,.account-panel-head b,.promo-message small b{font-family:var(--font-numeric);font-variant-numeric:normal;letter-spacing:normal}.mobile-nav-scrim{z-index:29;height:calc(96px + env(safe-area-inset-bottom));pointer-events:none;background:var(--gradient-nav-scrim);position:fixed;inset:auto 0 0}.mobile-tabbar{left:var(--space-4);right:var(--space-4);bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:30;height:60px;padding:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-floating);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;grid-template-columns:repeat(4,1fr);display:grid;position:fixed}.mobile-tabbar a{color:var(--color-text-disabled);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-control);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.mobile-tab-icon{background:currentColor;width:21px;height:21px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mobile-tabbar a.active{color:var(--color-brand-500)}@media (width>=640px){.content-width,.header-inner,.promo-inner{width:min(calc(100% - (var(--space-5) * 2)), var(--content-wide))}.search-control{width:190px;display:flex}.header-search-button{display:none}.hero{background-image:url(/assets/raw-10.png);background-position:50% 38%;height:310px}.hero h1{max-width:520px}.hero-mobile-break{display:none}.hero-content{padding-top:var(--space-7)}.quick-wrap{margin-top:calc(var(--space-7) * -1)}.quick-actions{min-height:108px;padding:var(--space-3) var(--space-4)}.quick-action{text-align:left;gap:var(--space-2);flex-direction:row}.quick-action>span:last-child{align-items:flex-start}.quick-icon{width:46px;height:46px}.recommend-grid{grid-auto-flow:initial;grid-auto-columns:initial;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0;padding-inline:1px;display:grid;overflow:visible}.recommend-card{aspect-ratio:156/210;min-width:0;height:auto}.vip-banner{height:118px}.vip-copy{padding:var(--space-4) var(--space-5)}.character-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{height:172px}.character-image{width:124px;min-width:124px}.character-copy{padding:var(--space-3)}.tag-filter-options{flex-wrap:wrap;display:flex}.tag-filter-options button{padding-inline:var(--space-3)}.account-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-identity{grid-template-columns:auto minmax(0,1fr) auto}.profile-edit-button{padding-inline:var(--space-4);grid-column:auto;justify-self:start}.create-hub-page{padding-top:var(--space-5)}.create-hub-inner{gap:var(--space-4)}.create-hub-primary{width:auto;min-width:124px;padding:0 var(--space-4)}.create-hub-panel{padding:var(--space-4)}.create-hub-panel-head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.create-hub-summary{border:0;width:300px;margin-left:auto;padding:0}.create-hub-filters{width:min(100%,460px)}.create-role-card{padding-inline:var(--space-2);grid-template-columns:76px minmax(0,1fr) auto}.create-role-card>img{width:76px;height:84px}.create-page{padding-top:var(--space-5)}.create-page-inner{gap:var(--space-4)}.create-form-card{padding:var(--space-5)}.character-basics-grid{gap:var(--space-4);grid-template-columns:140px minmax(0,1fr)}.avatar-upload{width:140px;height:164px}.create-tag-options{flex-wrap:wrap;display:flex}.create-tag-options button{min-width:68px;padding-inline:var(--space-3)}.chat-page{padding-top:var(--space-5)}.chat-page-inner{gap:var(--space-4)}.conversation-panel{padding:var(--space-4)}.story-cover-card{border-radius:20px;height:460px;margin-inline:0}.story-info-card{padding:var(--space-5);margin:0}.story-related-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.story-related-grid>a{height:220px;display:block;position:relative}.story-related-grid img{width:100%;height:100%}.story-related-grid a:after{content:"";background:linear-gradient(transparent, var(--color-overlay-image));position:absolute;inset:42% 0 0}.story-related-grid a>div{z-index:1;color:var(--color-text-on-dark);position:absolute;inset:auto 0 0}.story-related-grid h3{color:var(--color-text-on-dark)}.story-related-grid p{color:var(--color-text-on-dark-muted)}}@media (width<=899px){.chat-page-head{display:none}.create-editor-shell,.create-editor-shell.has-promo{padding:0}.create-editor-shell .site-header,.create-editor-shell .promo-bar{display:none}.create-editor-shell .create-page{min-height:100dvh;padding:calc(64px + env(safe-area-inset-top) + var(--space-3)) 0 calc(84px + env(safe-area-inset-bottom))}.create-editor-shell .create-editor-header{min-height:calc(64px + env(safe-area-inset-top));z-index:40;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-3) var(--space-2);border:0;border-bottom:1px solid var(--color-border-faint);box-shadow:none;border-radius:0;position:fixed;inset:0 0 auto}.profile-subpage-shell,.profile-subpage-shell.has-promo{padding:0}.profile-subpage-shell .site-header,.profile-subpage-shell .promo-bar{display:none}.recharge-shell,.recharge-shell.has-promo{padding:0}.recharge-shell .site-header,.recharge-shell .promo-bar{display:none}.conversation-page,.conversation-layout,.conversation-room{height:100dvh;min-height:100dvh}.conversation-room{display:block}.conversation-room-head{min-height:calc(64px + env(safe-area-inset-top));z-index:40;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-3) var(--space-2);background:var(--color-surface-card);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:auto minmax(0,1fr) auto;position:fixed;inset:0 0 auto}.conversation-background{inset:calc(64px + env(safe-area-inset-top)) 0 calc(58px + env(safe-area-inset-bottom));position:fixed}.conversation-head-identity strong{max-width:60px}.conversation-head-actions{gap:var(--space-1)}.conversation-head-back,.conversation-icon-button{width:34px;height:34px;box-shadow:none}.conversation-head-back svg,.conversation-icon-button svg{width:19px;height:19px}.conversation-head-identity img{width:36px;height:36px}.conversation-model-button{min-width:74px;height:34px;padding-inline:var(--space-2);font-size:var(--text-caption)}.conversation-tool-menu{top:calc(100% + var(--space-3))}.conversation-toolbar-notice{top:calc(72px + env(safe-area-inset-top));position:fixed}.conversation-room .message-stream{padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:calc(74px + env(safe-area-inset-bottom));position:absolute;inset:0}.conversation-room .message-composer{z-index:31;min-height:calc(58px + env(safe-area-inset-bottom));background:var(--color-surface-card);position:fixed;inset:auto 0 0}.story-shell,.story-shell.has-promo{padding-top:0}.story-shell .site-header,.story-shell .promo-bar{display:none}.story-detail-layout{position:relative}.story-cover-card{height:calc(clamp(420px, 58svh, 460px) + env(safe-area-inset-top));z-index:0;border-radius:0;position:sticky;top:0}.story-cover-control{top:calc(var(--space-3) + env(safe-area-inset-top))}.story-info-card{z-index:2;margin-top:calc(var(--space-5) * -1);border-radius:22px 22px 0 0}body input,body textarea,body select{font-size:var(--text-input)}.create-fields input,.create-entry input,.custom-tag-field input{height:44px}}@media (width<=359px){.tag-filter-options{grid-template-columns:repeat(4,minmax(0,1fr))}.conversation-head-identity strong{display:none}}@media (width>=900px){:root{--text-hero:40px;--text-page-title:30px;--text-section-title:22px;--text-metric:22px;--text-primary-action:15px;--text-tab:15px;--text-list-title:15px;--text-list-description:14px;--text-input:14px;--text-card-title:15px;--text-reading:15px;--text-body:14px;--text-label:13px}html{scroll-padding-top:76px;scroll-padding-bottom:0}.app-shell{padding-top:76px;padding-bottom:var(--space-7)}.app-shell.has-promo{padding-top:124px}.app-shell.conversation-shell,.app-shell.conversation-shell.has-promo{height:100dvh;padding:0;overflow:hidden}.site-header{height:76px}.brand{width:88px}.desktop-nav{margin-left:var(--space-5);align-self:stretch;gap:var(--space-2);display:flex}.desktop-nav a{padding:0 var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);align-items:center;display:flex;position:relative}.desktop-nav a.active{color:var(--color-text-primary)}.desktop-nav a.active:after{content:"";left:var(--space-4);right:var(--space-4);background:var(--color-brand-500);border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0}.header-actions{gap:var(--space-2)}.search-dialog-layer,.announcement-drawer-layer{display:block}.search-control{width:250px}.promo-bar{height:48px;top:76px}.promo-message{flex:none}.promo-message>div{min-width:220px}.promo-cta{margin-left:auto}.hero{background-image:url(/assets/web-banner.jpg);background-position:50%;height:clamp(360px,26vw,440px)}.hero-overlay{background:linear-gradient(90deg,#1f152cd1 0%,#26163780 42%,#2712320a 74%),linear-gradient(#0000 48%,#1e112a1f)}.hero-content{flex-direction:column;justify-content:flex-start;padding-block:72px 0;display:flex}.hero-content>*{max-width:620px}.hero-kicker{margin-bottom:var(--space-2);font-size:var(--text-body);font-weight:var(--weight-semibold)}.hero h1{max-width:620px;font-size:clamp(38px,3vw,44px);line-height:1.18}.hero-copy{max-width:520px;margin-top:var(--space-3);font-size:var(--text-reading);line-height:1.65}.hero-copy br{display:none}.quick-wrap{--quick-embed-offset:calc(clamp(360px, 26vw, 440px) - 204px);--quick-embed-height:132px;margin-top:calc(var(--quick-embed-offset) * -1);margin-bottom:calc(var(--quick-embed-offset) - var(--quick-embed-height))}.quick-actions{gap:var(--space-2);width:min(560px,62%);min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0}.quick-action{justify-content:start;gap:var(--space-3);min-height:62px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-on-dark);color:var(--color-text-on-dark);background:var(--color-surface-on-dark-muted);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;grid-template-columns:40px minmax(0,1fr);display:grid}.quick-action small{color:var(--color-text-on-dark-muted)}.quick-icon{width:40px;height:40px}.page-content{padding-top:var(--space-5)}.recommend-section{margin-bottom:var(--space-5)}.recommend-grid{gap:var(--space-3);padding-top:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr))}.recommend-card{aspect-ratio:156/210;border-radius:20px;height:auto}.recommend-copy{inset:auto var(--space-4) var(--space-4)}.original-tag{top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3)}.vip-banner{height:152px;margin-bottom:var(--space-6);border-radius:20px}.vip-copy{padding:var(--space-5) var(--space-6)}.vip-copy h2{font-size:var(--text-section-title)}.vip-copy b{margin-top:var(--space-3);padding:var(--space-2) var(--space-4)}.discover-section{padding-top:0}.discover-top{flex-direction:row;align-items:flex-end}.filter-row{width:auto}.tag-filter-panel{padding:var(--space-4)}.character-grid{margin-top:var(--space-3)}.mobile-nav-scrim,.mobile-tabbar{display:none}.profile-page{min-height:calc(100vh - 76px);padding:var(--space-6) 0 var(--space-7)}.following-page{min-height:calc(100vh - 124px);padding:var(--space-6) 0 var(--space-7)}.following-page-head{width:min(calc(100% - (var(--space-5) * 2)), var(--content-reading));min-height:60px;padding:0 var(--space-4);border:1px solid var(--color-border-faint);box-shadow:var(--shadow-surface);border-radius:20px;margin-inline:auto;position:static}.following-page-content{padding-top:var(--space-4)}.following-panel{padding:var(--space-5);border-radius:20px}.search-page{padding:var(--space-6) 0 var(--space-7)}.search-page-head{width:min(calc(100% - (var(--space-5) * 2)), var(--content-functional));top:var(--space-5);border:1px solid var(--color-border-faint);box-shadow:var(--shadow-surface);border-radius:20px;margin-inline:auto;position:sticky}.search-page-content{padding-top:var(--space-4)}.search-page-form{height:42px}.search-page-form input{font-size:var(--text-input)}.search-hot-list{padding-inline:var(--space-5);border-radius:20px}.login-page{grid-template-rows:100dvh;grid-template-columns:minmax(0,1.15fr) minmax(460px,.85fr)}.login-visual{min-height:100dvh}.login-visual>img{object-position:70% center}.login-visual-shade{background:linear-gradient(90deg,#25152bd1,#25152b24 72%),linear-gradient(#0000 46%,#25152b8c)}.login-back{top:var(--space-5);left:var(--space-5)}.login-visual-copy{max-width:520px;display:block;position:absolute;bottom:clamp(64px,10vh,112px);left:clamp(48px,7vw,112px)}.login-visual-copy>span{color:var(--color-brand-200);font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:.18em;line-height:var(--leading-control)}.login-visual-copy h1{margin:var(--space-3) 0 0;font-size:clamp(34px,3.2vw,48px);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1.22}.login-visual-copy p{max-width:420px;margin:var(--space-4) 0 0;color:var(--color-text-on-dark-muted);font-size:var(--text-reading);line-height:var(--leading-body)}.login-panel{min-height:100dvh;padding:var(--space-6) clamp(40px, 5vw, 80px);background:var(--color-surface-card);border-radius:0;align-items:center;margin:0;display:grid}.login-form-wrap{width:min(100%,420px)}.login-heading{margin-top:var(--space-6)}.login-heading p{font-size:var(--text-body)}.login-tabs{margin-top:var(--space-6)}.login-input input{font-size:var(--text-input)}.login-notice{bottom:var(--space-5)}.profile-edit-content{padding-bottom:0}.profile-edit-form{gap:var(--space-4)}.profile-edit-form>.profile-edit-card:first-child{column-gap:var(--space-5);grid-template-columns:160px minmax(0,1fr);display:grid}.profile-edit-form>.profile-edit-card:first-child .profile-edit-avatar{padding:0 var(--space-5) 0 0;border-right:1px solid var(--color-border-faint);border-bottom:0;grid-row:1/3;justify-content:center}.profile-edit-form>.profile-edit-card:first-child .profile-edit-section-head{margin-top:0}.profile-edit-actions{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:flex-end;padding:0;display:flex;position:static}.profile-edit-actions button{width:180px;height:48px}.profile-edit-notice{bottom:var(--space-5)}.services-content{gap:var(--space-4)}.services-overview{min-height:148px;padding:var(--space-5);border-radius:20px;grid-template-columns:minmax(0,1fr) 300px;align-items:center}.services-overview-stats{border-top:0;padding-top:0}.services-checkin-days{gap:var(--space-2)}.services-task-panel{scroll-margin-top:calc(124px + var(--space-4))}.community-content{gap:var(--space-4)}.community-hero{padding:var(--space-6);border-radius:20px}.vip-page{min-height:calc(100vh - 124px);padding:var(--space-6) 0 var(--space-7)}.vip-page>.following-page-head{width:min(calc(100% - (var(--space-5) * 2)), var(--content-functional))}.vip-content{padding-top:var(--space-4)}.vip-page-hero{min-height:210px;padding:var(--space-6)}.vip-page-hero>div:last-child{width:94px;height:94px}.vip-layout{align-items:start;gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) 300px}.vip-main-column{gap:var(--space-4)}.vip-plan-panel,.vip-benefit-panel,.vip-comparison-panel,.vip-faq-panel{padding:var(--space-5);border-radius:20px}.vip-plan-grid{gap:var(--space-3)}.vip-plan-grid>button{min-height:142px;padding:var(--space-4)}.vip-benefit-grid{column-gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.vip-benefit-grid>div:nth-child(odd){padding-right:var(--space-5);border-right:1px solid var(--color-border-faint)}.vip-benefit-grid>div:nth-child(5),.vip-benefit-grid>div:nth-child(6){border-bottom:0}.vip-order-panel{top:calc(76px + var(--space-5));padding:var(--space-5);border-radius:20px;display:block;position:sticky}.has-promo .vip-order-panel{top:calc(124px + var(--space-5))}.vip-order-panel>span{color:var(--color-text-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-control)}.vip-order-panel h2{margin:var(--space-2) 0 0;font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.vip-order-panel>p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.vip-order-panel>div{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-faint);display:flex}.vip-order-panel>div>span{color:var(--color-text-secondary);font-size:var(--text-caption);line-height:var(--leading-caption)}.vip-order-panel>div>strong{font-family:var(--font-numeric);font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-title);align-items:baseline;display:flex}.vip-order-panel>div small{font-size:var(--text-label);margin-right:2px}.vip-order-panel>button{width:100%;margin-top:var(--space-4)}.vip-order-panel>small{margin-top:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption);display:block}.vip-mobile-dock{display:none}.vip-notice{bottom:var(--space-5)}.recharge-page{min-height:calc(100vh - 124px);padding:var(--space-6) 0 128px}.recharge-page-head{width:min(calc(100% - (var(--space-5) * 2)), var(--content-functional));min-height:60px;padding:0 var(--space-4);border:1px solid var(--color-border-faint);box-shadow:var(--shadow-surface);border-radius:20px;margin-inline:auto;position:static}.recharge-content{padding-top:var(--space-4)}.recharge-layout{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"packages balance""packages payment""packages notes"}.recharge-packages-panel,.recharge-balance,.recharge-payment-panel,.recharge-notes{padding:var(--space-5);border-radius:20px}.recharge-package-grid{gap:var(--space-3)}.recharge-action-dock{width:min(calc(100% - (var(--space-5) * 2)), var(--content-functional));left:50%;right:auto;bottom:var(--space-5);padding:var(--space-2);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-floating);border-radius:18px;transform:translate(-50%)}.recharge-action-dock p{display:none}.recharge-notice{bottom:96px}.invite-page{min-height:calc(100vh - 124px);padding:var(--space-6) 0 var(--space-7)}.invite-page>.following-page-head{width:min(calc(100% - (var(--space-5) * 2)), var(--content-functional))}.invite-content{padding-top:var(--space-4)}.invite-hero{min-height:270px;padding:var(--space-6)}.invite-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.invite-link-panel,.invite-progress-panel,.invite-wallet-panel,.invite-how-panel{padding:var(--space-5);border-radius:20px}.invite-link-panel{grid-row:span 2}.profile-layout{gap:var(--space-5);grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start}.profile-sidebar{gap:var(--space-4);top:calc(76px + var(--space-5));position:sticky}.profile-main-column{gap:var(--space-4)}.profile-summary-card,.account-panel,.profile-content-panel,.settings-panel{border-radius:20px}.profile-summary-card,.account-panel{padding:var(--space-5)}.settings-panel{padding:var(--space-4)}.profile-identity{grid-template-columns:auto minmax(0,1fr) auto}.profile-edit-button{padding-inline:var(--space-3);grid-column:auto;place-self:center end}.profile-membership{min-height:136px;padding:var(--space-4);border-radius:20px}.account-panel{padding:var(--space-4)}.account-actions{margin-top:var(--space-3);padding-top:var(--space-3)}.account-actions>button,.account-actions>a{min-height:76px}.settings-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;display:grid}.settings-list button,.settings-list>a{border-bottom:0;min-height:68px}.settings-list>:nth-child(odd){padding-right:var(--space-5);border-right:1px solid var(--color-border-faint)}.settings-list>:nth-child(2n){padding-left:var(--space-5)}.create-hub-inner{width:min(calc(100% - (var(--space-5) * 2)), var(--content-workspace))}.create-hub-panel{column-gap:var(--space-5);padding:var(--space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.create-hub-panel-head{grid-column:1/-1}.create-hub-summary{margin-top:var(--space-4);grid-area:2/2;align-self:center}.create-hub-filters{margin-top:var(--space-4);grid-area:2/1;align-self:center}.create-role-list{gap:var(--space-3);margin-top:var(--space-4);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.create-role-card{min-height:112px;padding:var(--space-3);border:1px solid var(--color-border-faint);background:var(--color-surface-card);border-radius:16px}.create-role-card:last-child{border-bottom:1px solid var(--color-border-faint)}.create-hub-empty{grid-column:1/-1}.create-page{min-height:calc(100vh - 124px);padding:var(--space-6) 0 var(--space-7)}.create-page-inner{width:min(calc(100% - (var(--space-5) * 2)), var(--content-workspace));gap:var(--space-4)}.create-editor-tabs{width:min(720px,100%)}.create-import-card{padding:var(--space-3) var(--space-4)}.create-workspace{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 320px;align-items:start}.create-preview-column{top:calc(76px + var(--space-5));gap:var(--space-3);display:grid;position:sticky}.has-promo .create-preview-column{top:calc(124px + var(--space-5))}.create-progress-card,.create-preview-card{padding:var(--space-4);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:18px}.create-progress-card>div:first-child{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.create-progress-card div>span{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.create-progress-card strong{font-size:var(--text-card-title);font-weight:var(--weight-bold)}.create-progress-track{height:6px;margin-top:var(--space-3);background:var(--color-brand-50);border-radius:999px;overflow:hidden}.create-progress-track>span{border-radius:inherit;background:var(--gradient-brand);height:100%;transition:width .25s;display:block}.create-progress-card p{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-micro);line-height:var(--leading-caption)}.create-preview-card>span{color:var(--color-brand-600);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:var(--leading-control)}.create-preview-image{height:220px;margin-top:var(--space-3);color:var(--color-text-tertiary);background:var(--color-surface-page);font-size:var(--text-label);border-radius:14px;place-items:center;display:grid;overflow:hidden}.create-preview-image img{object-fit:cover;object-position:center top;width:100%;height:100%}.create-preview-card h2{margin:var(--space-3) 0 var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow:hidden}.create-preview-card p{min-height:38px;color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.create-preview-card>div:last-child{gap:var(--space-1);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.create-preview-card>div:last-child span{padding:2px var(--space-2);color:var(--color-brand-700);background:var(--color-brand-100);font-size:var(--text-micro);line-height:var(--leading-control);border-radius:999px}.create-desktop-actions{gap:var(--space-2);grid-template-columns:.8fr 1.2fr;display:grid}.create-desktop-actions button{height:48px;font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:12px}.create-desktop-actions button:first-child{border:1px solid var(--color-border-brand);color:var(--color-brand-600);background:var(--color-surface-card)}.create-desktop-actions button:last-child{color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);border:0}.create-desktop-actions button:last-child:disabled{opacity:1;border:1px solid var(--color-border-subtle);color:var(--color-text-disabled);background:var(--color-surface-page);box-shadow:none}.create-notice{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);background:var(--color-brand-50);font-size:var(--text-caption);line-height:var(--leading-caption);border-radius:12px;margin:0}.create-mobile-actions,.create-mobile-notice{display:none}.chat-page{min-height:calc(100vh - 124px);padding:var(--space-6) 0 var(--space-7)}.chat-workspace{gap:var(--space-5);grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:stretch}.conversation-panel{padding:var(--space-4);border-radius:20px}.conversation-row.selected{background:var(--color-brand-50);position:relative}.conversation-row.selected:before{content:"";background:var(--color-brand-500);border-radius:0 999px 999px 0;width:3px;height:32px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.conversation-row.selected .conversation-avatar img{box-shadow:0 0 0 2px var(--color-surface-card), 0 0 0 3px var(--color-brand-400)}.chat-preview-panel{border:1px solid var(--color-border-faint);background:var(--color-surface-card);min-width:0;box-shadow:var(--shadow-surface);border-radius:20px;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);display:grid;overflow:hidden}.chat-preview-visual{background:var(--color-surface-media);min-height:560px;position:relative;overflow:hidden}.chat-preview-visual>img{object-fit:cover;object-position:center top;width:100%;height:100%}.chat-preview-visual>div{background:linear-gradient(transparent, var(--color-overlay-image));position:absolute;inset:42% 0 0}.chat-preview-content{min-width:0;padding:var(--space-6);flex-direction:column;justify-content:center;display:flex}.chat-preview-status{padding:var(--space-1) var(--space-2);color:var(--color-brand-600);background:var(--color-brand-50);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-control);border-radius:999px;align-self:flex-start}.chat-preview-content h2{margin:var(--space-3) 0 0;font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.chat-preview-content>p{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.chat-preview-bubble{margin-top:var(--space-5);padding:var(--space-4);color:var(--color-text-secondary);background:var(--color-surface-page);font-size:var(--text-reading);line-height:var(--leading-body);border-radius:16px 16px 16px 4px}.chat-preview-action{height:48px;margin-top:var(--space-5);color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px;justify-content:center;align-items:center;display:flex}.chat-notice{bottom:var(--space-5)}.conversation-page{min-height:100dvh;padding:var(--space-5) 0}.conversation-layout{height:min(720px, calc(100dvh - (var(--space-5) * 2)));gap:var(--space-5);grid-template-columns:minmax(0,1fr) 300px}.conversation-room{border:1px solid var(--color-border-faint);height:100%;box-shadow:var(--shadow-surface);border-radius:20px}.conversation-room-head{border-radius:20px 20px 0 0}.message-stream{padding:var(--space-5)}.message-composer{padding:var(--space-3) var(--space-5);border-radius:0 0 20px 20px}.conversation-context{padding:var(--space-4);border:1px solid var(--color-border-faint);background:var(--color-surface-card);box-shadow:var(--shadow-surface);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.conversation-context>img{object-fit:cover;object-position:center top;border-radius:16px;width:100%;height:280px}.conversation-context>span{margin-top:var(--space-4);color:var(--color-brand-600);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:var(--leading-control)}.conversation-context h2{margin:var(--space-1) 0 0;font-size:var(--text-section-title);font-weight:var(--weight-bold);line-height:var(--leading-title)}.conversation-context p{margin:var(--space-2) 0 0;color:var(--color-text-tertiary);font-size:var(--text-body);line-height:var(--leading-body)}.story-shell{padding-bottom:var(--space-7)}.story-page{min-height:calc(100vh - 124px);padding:var(--space-6) 0 var(--space-7)}.story-detail-layout{gap:var(--space-5);grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);align-items:start}.story-cover-card{height:min(680px,100vh - 172px);min-height:560px;top:calc(76px + var(--space-5));box-shadow:var(--shadow-card);border-radius:22px;margin:0;position:sticky}.has-promo .story-cover-card{top:calc(124px + var(--space-5))}.story-cover-caption{inset:auto var(--space-5) var(--space-5)}.story-info-card{padding:var(--space-4) 0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0}.story-info-card>h1{margin-top:var(--space-3)}.story-subtitle{font-size:var(--text-reading)}.story-stats{margin-top:var(--space-5);padding-block:var(--space-4)}.story-action-row{margin-top:var(--space-4)}.story-action-row button{height:42px}.story-creator{margin-top:var(--space-5)}.story-reading{gap:var(--space-6)}.story-desktop-cta{width:100%;height:48px;margin-top:var(--space-5);color:var(--color-text-on-brand);background:var(--gradient-brand);box-shadow:var(--shadow-brand);font-size:var(--text-primary-action);font-weight:var(--weight-semibold);line-height:var(--leading-control);border:0;border-radius:12px;display:block}.story-similar-list{gap:var(--space-3)}.story-similar-card{height:150px}.story-similar-card .character-image{width:112px;min-width:112px}.story-mobile-actions,.story-notice{display:none}}@media (width>=900px) and (width<=1099px){.search-control{display:none}.header-search-button{display:grid}.desktop-nav{margin-left:var(--space-3)}.desktop-nav a{padding-inline:var(--space-3)}.create-workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 280px}.chat-workspace{gap:var(--space-4);grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.quick-actions{width:min(540px,68%)}}@media (width>=1180px){.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.character-card{height:176px}.character-image{width:124px;min-width:124px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.typing-indicator i{animation:none!important}}