:root{--bg-base: #F2F2F7;--bg-surface: #FFFFFF;--bg-surface-2: #FFFFFF;--bg-grouped: #F2F2F7;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-strong: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .55);--blur-sm: 20px;--blur-md: 30px;--blur-lg: 40px;--bg-overlay: rgba(0, 0, 0, .4);--accent: #007AFF;--accent-hover: #0A84FF;--accent-press: #0062CC;--accent-subtle: rgba(0, 122, 255, .1);--accent-subtle-strong: rgba(0, 122, 255, .16);--accent-contrast: #FFFFFF;--text-primary: #1C1C1E;--text-secondary: #8E8E93;--text-tertiary: #C7C7CC;--text-quaternary: #E5E5EA;--text-on-accent: #FFFFFF;--text-on-dark: #F2F2F7;--separator: rgba(60, 60, 67, .12);--separator-strong: rgba(60, 60, 67, .29);--separator-opaque: #D1D1D6;--success: #34C759;--warning: #FF9500;--danger: #FF3B30;--info: #007AFF;--success-subtle: rgba(52, 199, 89, .14);--warning-subtle: rgba(255, 149, 0, .14);--danger-subtle: rgba(255, 59, 48, .12);--fin-pos: #E54848;--fin-neg: #2DA44E;--fin-pos-bg: rgba(229, 72, 72, .1);--fin-neg-bg: rgba(45, 164, 78, .1);--fin-pos-strong: #C0322F;--fin-neg-strong: #1F7A3A;--elevation-1: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .06);--elevation-2: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--elevation-3: 0 12px 28px rgba(0, 0, 0, .12), 0 4px 10px rgba(0, 0, 0, .08);--focus-ring: 0 0 0 3px rgba(0, 122, 255, .35);--r-8: 8px;--r-10: 10px;--r-14: 14px;--r-20: 20px;--r-28: 28px;--r-36: 36px;--r-pill: 999px;--r-circle: 50%;--s-4: 4px;--s-8: 8px;--s-12: 12px;--s-16: 16px;--s-20: 20px;--s-24: 24px;--s-32: 32px;--s-40: 40px;--s-48: 48px;--s-56: 56px;--s-64: 64px;--s-72: 72px;--s-80: 80px;--s-88: 88px;--s-96: 96px;--font: -apple-system, "SF Pro Text", "PingFang SC", "Noto Sans SC", Inter, system-ui, sans-serif;--fs-34: 34px;--fs-28: 28px;--fs-22: 22px;--fs-20: 20px;--fs-17: 17px;--fs-16: 16px;--fs-15: 15px;--fs-14: 14px;--fs-13: 13px;--fs-12: 12px;--fs-11: 11px;--fw-regular: 400;--fw-medium: 600;--fw-bold: 700;--t-fast: .15s;--t-base: .25s;--t-slow: .4s;--ease: cubic-bezier(.4, 0, .2, 1);--num: tabular-nums;--card-cover-radius: 8px;--card-cover-aspect: 4 / 3;--tag-pill-bg: rgba(0, 122, 255, .1);--tag-pill-text: #007AFF;--price-color: #E54848;--price-size: 22px;--price-unit: 14px;--points-color: #FF9500;--points-badge-bg: linear-gradient(135deg, #FFB340, #FF9500);--points-subtle: rgba(255, 149, 0, .12);--banner-height: 180px;--session-card-bg: #F2F2F7;--session-selected-border: 2px solid #007AFF;--tab-bar-height: 64px;--tab-active: #007AFF;--tab-inactive: #8E8E93;--brand-dark: #1C1C1E}:root[data-theme=dark]{--bg-base: #000000;--bg-surface: #1C1C1E;--bg-surface-2: #2C2C2E;--glass-bg: rgba(28, 28, 30, .72);--glass-bg-strong: rgba(44, 44, 46, .82);--glass-border: rgba(255, 255, 255, .08);--blur-sm: 20px;--blur-md: 30px;--blur-lg: 40px;--bg-overlay: rgba(0, 0, 0, .55);--accent: #0A84FF;--accent-hover: #409CFF;--accent-press: #0062CC;--accent-subtle: rgba(10, 132, 255, .18);--accent-subtle-strong: rgba(10, 132, 255, .26);--text-primary: #F2F2F7;--text-secondary: #8E8E93;--text-tertiary: #636366;--text-quaternary: #48484A;--separator: rgba(84, 84, 88, .36);--separator-strong: rgba(84, 84, 88, .6);--success: #30D158;--warning: #FFD60A;--danger: #FF453A;--success-subtle: rgba(48, 209, 88, .18);--warning-subtle: rgba(255, 214, 10, .18);--danger-subtle: rgba(255, 69, 58, .18);--fin-pos: #FF6961;--fin-neg: #4CC38A;--fin-pos-bg: rgba(255, 105, 97, .16);--fin-neg-bg: rgba(76, 195, 138, .16);--fin-pos-strong: #FF6961;--fin-neg-strong: #4CC38A;--elevation-1: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .5);--elevation-2: 0 4px 12px rgba(0, 0, 0, .55), 0 2px 4px rgba(0, 0, 0, .45);--elevation-3: 0 12px 28px rgba(0, 0, 0, .65), 0 4px 10px rgba(0, 0, 0, .55);--focus-ring: 0 0 0 3px rgba(10, 132, 255, .55);--session-card-bg: #2C2C2E;--points-color: #FFD60A;--points-badge-bg: linear-gradient(135deg, #FFD60A, #FF9F0A);--points-subtle: rgba(255, 214, 10, .16);--brand-dark: #000000}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}button{font-family:inherit}.fs-34{font-size:var(--fs-34)}.fs-28{font-size:var(--fs-28)}.fs-22{font-size:var(--fs-22)}.fs-20{font-size:var(--fs-20)}.fs-17{font-size:var(--fs-17)}.fs-16{font-size:var(--fs-16)}.fs-15{font-size:var(--fs-15)}.fs-14{font-size:var(--fs-14)}.fs-13{font-size:var(--fs-13)}.fs-12{font-size:var(--fs-12)}.fs-11{font-size:var(--fs-11)}.fw-400{font-weight:var(--fw-regular)}.fw-600{font-weight:var(--fw-medium)}.fw-700{font-weight:var(--fw-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.num{font-variant-numeric:tabular-nums}.ls-tight{letter-spacing:-.02em}.ls-snug{letter-spacing:-.01em}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(180%);backdrop-filter:blur(var(--blur-sm)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--elevation-2);border-radius:var(--r-20)}.card{background:var(--bg-surface);border-radius:var(--r-20);box-shadow:var(--elevation-1);border:.5px solid var(--separator)}.card-2{box-shadow:var(--elevation-2)}.card-3{box-shadow:var(--elevation-3)}.inset{background:var(--bg-base);border-radius:var(--r-14)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-8);font-weight:var(--fw-medium);font-size:var(--fs-17);line-height:1;border:none;border-radius:var(--r-pill);padding:0 var(--s-24);min-height:50px;min-width:120px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-base) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease),opacity var(--t-base) var(--ease);-webkit-tap-highlight-color:transparent;position:relative}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn .ico{width:20px;height:20px}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--elevation-1)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press);transform:scale(.975)}.btn-secondary{background:var(--accent-subtle);color:var(--accent)}.btn-secondary:hover{background:var(--accent-subtle-strong)}.btn-secondary:active{transform:scale(.975)}.btn-ghost{background:transparent;color:var(--text-primary);box-shadow:none}.btn-ghost:hover{background:var(--separator)}.btn-ghost:active{transform:scale(.975)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--elevation-1)}.btn-danger:hover{filter:brightness(1.05)}.btn-danger:active{transform:scale(.975)}.btn-block{width:100%}.btn-sm{min-height:36px;min-width:0;padding:0 var(--s-16);font-size:var(--fs-14)}.btn-lg{min-height:56px;font-size:var(--fs-17)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.2)}.btn.is-loading{color:transparent!important;pointer-events:none}.btn.is-loading .ico{opacity:0}.btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary.is-loading:after,.btn-ghost.is-loading:after{border-color:#007aff4d;border-top-color:var(--accent)}.btn.is-error{background:var(--danger);color:#fff}.btn.is-success{background:var(--success);color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.seg{display:inline-flex;padding:2px;gap:2px;background:var(--bg-base);border-radius:var(--r-pill);box-shadow:inset 0 0 0 .5px var(--separator)}.seg button{border:none;background:transparent;cursor:pointer;font-weight:var(--fw-medium);font-size:var(--fs-13);color:var(--text-secondary);padding:var(--s-8) var(--s-16);border-radius:var(--r-pill);transition:all var(--t-base) var(--ease);white-space:nowrap}.seg button.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--elevation-1)}.seg button:active{transform:scale(.96)}.badge{display:inline-flex;align-items:center;gap:var(--s-4);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:3px var(--s-8);border-radius:var(--r-pill);line-height:1.4}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-blue{background:var(--accent-subtle);color:var(--accent)}.badge-green{background:var(--success-subtle);color:var(--success)}.badge-amber{background:var(--warning-subtle);color:var(--warning)}.badge-red{background:var(--danger-subtle);color:var(--danger)}.badge-gray{background:var(--separator);color:var(--text-secondary)}.badge-fin-pos{background:var(--fin-pos-bg);color:var(--fin-pos-strong)}.badge-fin-neg{background:var(--fin-neg-bg);color:var(--fin-neg-strong)}.fin-pos{color:var(--fin-pos)}.fin-neg{color:var(--fin-neg)}.fin-pos.sm,.fin-neg.sm{font-size:var(--fs-13)}.fin-figure{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em}.arrow{font-size:.78em;margin-left:2px}.ratio{height:10px;border-radius:var(--r-pill);background:var(--bg-base);overflow:hidden;box-shadow:inset 0 0 0 .5px var(--separator)}.ratio-fill{height:100%;border-radius:var(--r-pill);transition:width var(--t-slow) var(--ease)}.ratio-fill.pos{background:var(--fin-pos)}.ratio-fill.neg{background:var(--fin-neg)}.ratio-fill.blue{background:var(--accent)}.ratio-fill.gray{background:var(--text-tertiary)}.field{display:flex;flex-direction:column;gap:var(--s-8)}.field-label{font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--text-secondary)}.input,.select,.textarea{width:100%;font-family:inherit;font-size:var(--fs-17);color:var(--text-primary);background:var(--bg-surface);border:.5px solid var(--separator);border-radius:var(--r-14);padding:var(--s-12) var(--s-16);min-height:48px;transition:box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}.textarea{min-height:88px;resize:none;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.input:disabled,.select:disabled{background:var(--bg-base);color:var(--text-tertiary)}.input.has-error,.select.has-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-subtle)}.field-error{font-size:var(--fs-12);color:var(--danger);display:none;align-items:center;gap:var(--s-4)}.field-error.show{display:flex}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-12) center;padding-right:var(--s-40)}.device{width:375px;height:812px;flex:0 0 auto;background:#0b0b0c;border-radius:54px;padding:12px;box-shadow:0 0 0 2px #2a2a2c,0 30px 60px #00000059;position:relative}.device-screen{width:351px;height:788px;border-radius:44px;overflow:hidden;background:var(--bg-base);position:relative;display:flex;flex-direction:column}.device-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:154px;height:28px;background:#0b0b0c;border-radius:0 0 18px 18px;z-index:60}.device-screen>.statusbar{position:absolute;top:0;left:0;right:0;height:50px;z-index:55;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-24);font-size:var(--fs-15);font-weight:var(--fw-bold);color:var(--text-primary);pointer-events:none}.statusbar .sb-right{display:flex;align-items:center;gap:var(--s-8)}.statusbar .sb-right .ico{width:18px;height:18px}.app-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:96px}.app-scroll::-webkit-scrollbar{width:0}.app-header{padding:var(--s-8) var(--s-20) var(--s-12);display:flex;align-items:center;gap:var(--s-12)}.app-header .icon-btn{width:36px;height:36px;border-radius:var(--r-circle);display:inline-flex;align-items:center;justify-content:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:.5px solid var(--glass-border);cursor:pointer}.app-header .icon-btn .ico{width:20px;height:20px;color:var(--text-primary)}.app-title{font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:-.01em}.page-pad{padding:0 var(--s-20)}.stack{display:flex;flex-direction:column}.tabbar{position:absolute;bottom:12px;left:12px;right:12px;height:76px;z-index:70;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border:.5px solid var(--glass-border);border-radius:var(--r-28);box-shadow:var(--elevation-3);display:flex;align-items:center;padding:0 var(--s-8)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--text-secondary);padding:var(--s-8) 0;border-radius:var(--r-14);transition:color var(--t-base) var(--ease)}.tabbar a .ico{width:24px;height:24px}.tabbar a span{font-size:var(--fs-11);font-weight:var(--fw-medium)}.tabbar a.active{color:var(--accent)}.tabbar a:active{transform:scale(.94)}.web-shell{display:flex;min-height:100vh;background:var(--bg-base)}.web-sidebar{width:248px;flex:0 0 auto;position:sticky;top:0;height:100vh;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(180%);backdrop-filter:blur(var(--blur-md)) saturate(180%);border-right:.5px solid var(--separator);padding:var(--s-24) var(--s-16);display:flex;flex-direction:column;gap:var(--s-8)}.web-brand{display:flex;align-items:center;gap:var(--s-12);padding:var(--s-8) var(--s-12) var(--s-20)}.web-brand .logo{width:36px;height:36px;border-radius:var(--r-10);background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:var(--elevation-1)}.web-brand .logo .ico{width:20px;height:20px;color:#fff}.web-brand .name{font-size:var(--fs-17);font-weight:var(--fw-bold);letter-spacing:-.01em}.web-brand .sub{font-size:var(--fs-11);color:var(--text-secondary)}.web-nav{display:flex;flex-direction:column;gap:2px}.web-nav a{display:flex;align-items:center;gap:var(--s-12);text-decoration:none;color:var(--text-secondary);padding:var(--s-12) var(--s-12);border-radius:var(--r-14);font-size:var(--fs-15);font-weight:var(--fw-medium);transition:all var(--t-base) var(--ease)}.web-nav a .ico{width:20px;height:20px}.web-nav a:hover{background:var(--separator);color:var(--text-primary)}.web-nav a.active{background:var(--accent-subtle);color:var(--accent)}.web-nav a:active{transform:scale(.98)}.web-nav .nav-group-label{font-size:var(--fs-11);font-weight:var(--fw-medium);color:var(--text-tertiary);padding:var(--s-16) var(--s-12) var(--s-4);text-transform:uppercase;letter-spacing:.04em}.web-side-foot{margin-top:auto;display:flex;align-items:center;gap:var(--s-12);padding:var(--s-12);border-radius:var(--r-14);background:var(--separator)}.web-main{flex:1;min-width:0;display:flex;flex-direction:column}.web-topbar{height:64px;position:sticky;top:0;z-index:40;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(180%);backdrop-filter:blur(var(--blur-md)) saturate(180%);border-bottom:.5px solid var(--separator);display:flex;align-items:center;gap:var(--s-16);padding:0 var(--s-32)}.web-topbar h1{font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:-.01em}.web-topbar .spacer{flex:1}.web-content{padding:var(--s-32);display:flex;flex-direction:column;gap:var(--s-24)}.theme-toggle{display:inline-flex;align-items:center;gap:var(--s-8);cursor:pointer;background:var(--separator);border-radius:var(--r-pill);padding:4px}.theme-toggle button{width:32px;height:32px;border:none;background:transparent;border-radius:var(--r-circle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--t-base) var(--ease)}.theme-toggle button .ico{width:16px;height:16px}.theme-toggle button.active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--elevation-1)}.grid{display:grid;gap:var(--s-20)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:var(--s-20);display:flex;flex-direction:column;gap:var(--s-12)}.stat-card .stat-head{display:flex;align-items:center;justify-content:space-between}.stat-card .stat-label{font-size:var(--fs-13);color:var(--text-secondary);font-weight:var(--fw-medium)}.stat-card .stat-ico{width:32px;height:32px;border-radius:var(--r-10);display:inline-flex;align-items:center;justify-content:center}.stat-card .stat-ico .ico{width:18px;height:18px}.ico-blue{background:var(--accent-subtle);color:var(--accent)}.ico-fin-pos{background:var(--fin-pos-bg);color:var(--fin-pos-strong)}.ico-fin-neg{background:var(--fin-neg-bg);color:var(--fin-neg-strong)}.ico-green{background:var(--success-subtle);color:var(--success)}.ico-amber{background:var(--warning-subtle);color:var(--warning)}.ico-red{background:var(--danger-subtle);color:var(--danger)}.ico-gray{background:var(--separator);color:var(--text-secondary)}.stat-card .stat-value{font-size:var(--fs-28);font-weight:var(--fw-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-card .stat-foot{font-size:var(--fs-12);color:var(--text-secondary);display:flex;align-items:center;gap:var(--s-4)}.table-wrap{border-radius:var(--r-20);overflow:hidden;box-shadow:var(--elevation-1);border:.5px solid var(--separator);background:var(--bg-surface)}table.dt{width:100%;border-collapse:collapse;font-size:var(--fs-14)}table.dt thead th{text-align:left;font-weight:var(--fw-medium);color:var(--text-secondary);font-size:var(--fs-12);padding:var(--s-12) var(--s-16);background:var(--bg-base);border-bottom:.5px solid var(--separator);white-space:nowrap;position:sticky;top:0}table.dt tbody td{padding:var(--s-12) var(--s-16);border-bottom:.5px solid var(--separator);color:var(--text-primary);white-space:nowrap}table.dt tbody tr{transition:background var(--t-fast) var(--ease)}table.dt tbody tr:hover{background:var(--accent-subtle)}table.dt tbody tr:last-child td{border-bottom:none}table.dt .num{font-variant-numeric:tabular-nums}.cell-strong{font-weight:var(--fw-medium)}.avatar-sm{width:30px;height:30px;border-radius:var(--r-circle);background:var(--accent-subtle);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-13);flex:0 0 auto}.cell-user{display:flex;align-items:center;gap:var(--s-12)}.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-12);padding:var(--s-16);border-radius:var(--r-20);background:var(--bg-surface);box-shadow:var(--elevation-1);border:.5px solid var(--separator)}.filterbar .input{width:auto;min-width:200px}.filterbar .search{position:relative}.filterbar .search .ico{position:absolute;left:var(--s-12);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary)}.filterbar .search .input{padding-left:var(--s-40)}.filterbar .spacer{flex:1}.donut-wrap{display:flex;align-items:center;gap:var(--s-24)}.donut{transform:rotate(-90deg)}.donut text{transform:rotate(90deg);transform-origin:center}.legend{display:flex;flex-direction:column;gap:var(--s-12)}.legend-item{display:flex;align-items:center;gap:var(--s-8);font-size:var(--fs-13)}.legend-item .sw{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.legend-item .lval{margin-left:auto;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s-12);padding:var(--s-48) var(--s-24);color:var(--text-secondary)}.empty-state .es-ico,.error-state .es-ico{width:56px;height:56px;border-radius:var(--r-circle);display:flex;align-items:center;justify-content:center;background:var(--separator)}.empty-state .es-ico .ico,.error-state .es-ico .ico{width:28px;height:28px;color:var(--text-tertiary)}.error-state .es-ico{background:var(--danger-subtle)}.error-state .es-ico .ico{color:var(--danger)}.empty-state .es-title,.error-state .es-title{font-size:var(--fs-17);font-weight:var(--fw-bold);color:var(--text-primary)}.empty-state .es-desc,.error-state .es-desc{font-size:var(--fs-14);max-width:280px;line-height:1.5}.toast-zone{position:fixed;left:50%;bottom:120px;transform:translate(-50%);z-index:999;display:flex;flex-direction:column;gap:var(--s-8);align-items:center;pointer-events:none}.toast{background:#1c1c1eeb;color:#fff;padding:var(--s-12) var(--s-20);border-radius:var(--r-14);font-size:var(--fs-14);font-weight:var(--fw-medium);box-shadow:var(--elevation-3);display:flex;align-items:center;gap:var(--s-8);animation:toast-in var(--t-base) var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast .ico{width:18px;height:18px}.toast.success .ico{color:var(--success)}.toast.error .ico{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--separator) 25%,var(--bg-base) 50%,var(--separator) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-8)}@keyframes shimmer{to{background-position:-200% 0}}.demo-bar{display:flex;flex-wrap:wrap;gap:var(--s-8);padding:var(--s-12) var(--s-20)}.demo-bar .chip{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--separator);border-radius:var(--r-pill);padding:6px var(--s-12);cursor:pointer;border:none;transition:all var(--t-base) var(--ease)}.demo-bar .chip:hover{background:var(--accent-subtle);color:var(--accent)}.demo-bar .chip:active{transform:scale(.95)}.demo-note{font-size:var(--fs-12);color:var(--text-tertiary);padding:0 var(--s-20) var(--s-12);line-height:1.5}.hr{height:.5px;background:var(--separator);border:none;margin:var(--s-4) 0}.row{display:flex;align-items:center;gap:var(--s-12)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12)}.mt-8{margin-top:var(--s-8)}.mt-12{margin-top:var(--s-12)}.mt-16{margin-top:var(--s-16)}.mt-20{margin-top:var(--s-20)}.mt-24{margin-top:var(--s-24)}.mb-8{margin-bottom:var(--s-8)}.mb-12{margin-bottom:var(--s-12)}.mb-16{margin-bottom:var(--s-16)}.mb-20{margin-bottom:var(--s-20)}.mb-24{margin-bottom:var(--s-24)}.gap-8{gap:var(--s-8)}.gap-12{gap:var(--s-12)}.gap-16{gap:var(--s-16)}.gap-20{gap:var(--s-20)}.center{text-align:center}.right{text-align:right}.cat-tabs{display:flex;gap:var(--s-8);overflow-x:auto;padding:var(--s-4) var(--s-20) var(--s-12);-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex:0 0 auto;border:none;cursor:pointer;font-family:inherit;font-size:var(--fs-13);font-weight:var(--fw-medium);padding:var(--s-8) var(--s-16);border-radius:var(--r-pill);background:var(--bg-base);color:var(--text-primary);white-space:nowrap;transition:all var(--t-base) var(--ease)}.cat-tab:hover{background:var(--separator)}.cat-tab.active{background:var(--accent);color:#fff}.cat-tab:active{transform:scale(.96)}.type-pill{position:absolute;top:var(--s-8);left:var(--s-8);z-index:4;font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:.04em;padding:3px var(--s-8);border-radius:var(--r-pill);background:#007affd1;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.price{color:var(--price-color);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;font-size:var(--price-size);letter-spacing:-.01em}.price .cur{font-size:var(--price-unit);font-weight:var(--fw-regular);margin-right:1px}.price-sm{font-size:var(--fs-17)}.points-badge{display:inline-flex;align-items:center;gap:4px;background:var(--points-badge-bg);color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-13);padding:3px var(--s-12);border-radius:var(--r-pill);box-shadow:var(--elevation-1)}.points-badge .ico{width:14px;height:14px}.points-text{color:var(--points-color);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.banner-card{position:relative;width:100%;height:var(--banner-height);border-radius:var(--r-14);overflow:hidden;box-shadow:var(--elevation-2);flex:0 0 auto}.banner-bg{position:absolute;top:0;right:0;bottom:0;left:0}.banner-card .bc-cap{position:absolute;left:var(--s-20);bottom:var(--s-24);right:var(--s-20);color:#fff;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.35)}.banner-card .bc-cap .bc-t{font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:-.01em}.banner-card .bc-cap .bc-s{font-size:var(--fs-13);opacity:.92;margin-top:2px}.banner-dots{position:absolute;bottom:var(--s-12);left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3}.banner-dots i{width:6px;height:6px;border-radius:50%;background:#ffffff73;transition:all var(--t-base) var(--ease)}.banner-dots i.active{background:#fff;width:16px;border-radius:var(--r-pill)}.cover{position:relative;width:100%;border-radius:var(--card-cover-radius);overflow:hidden;background:var(--bg-base)}.cover-grad{position:absolute;top:0;right:0;bottom:0;left:0}.brand-banner{position:relative;margin:var(--s-4) var(--s-20) var(--s-12);height:132px;border-radius:var(--r-14);overflow:hidden;background:var(--brand-dark);box-shadow:var(--elevation-2);display:flex;flex-direction:column;justify-content:center;padding:0 var(--s-24);color:var(--text-on-dark)}.brand-banner .bb-en{font-size:var(--fs-28);font-weight:var(--fw-bold);letter-spacing:.02em}.brand-banner .bb-cn{font-size:var(--fs-15);opacity:.85;margin-top:4px}.brand-banner .bb-dots{position:absolute;bottom:var(--s-12);right:var(--s-20);display:flex;gap:6px}.brand-banner .bb-dots i{width:6px;height:6px;border-radius:50%;background:#fff6}.brand-banner .bb-dots i.active{background:#fff;width:16px;border-radius:var(--r-pill)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-12)}.quick-item{display:flex;flex-direction:column;align-items:center;gap:var(--s-8);padding:var(--s-16) var(--s-8);background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);cursor:pointer;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.quick-item:hover{box-shadow:var(--elevation-2)}.quick-item:active{transform:scale(.97)}.quick-item .qi-ico{width:44px;height:44px;border-radius:var(--r-12);background:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center}.quick-item .qi-ico .ico{width:22px;height:22px}.quick-item .qi-label{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--text-primary);text-align:center}.ws-card{background:var(--bg-surface);border-radius:var(--r-14);overflow:hidden;box-shadow:var(--elevation-1);cursor:pointer;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.ws-card:hover{box-shadow:var(--elevation-2)}.ws-card:active{transform:scale(.98)}.ws-cover{position:relative;width:100%;aspect-ratio:4 / 3}.ws-cover .cover-grad{border-radius:0}.ws-body{padding:var(--s-12)}.ws-title{font-size:var(--fs-15);font-weight:var(--fw-bold);letter-spacing:-.01em}.ws-sub{font-size:var(--fs-11);color:var(--text-secondary);margin-top:2px;text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--s-8)}.act-card{display:flex;gap:var(--s-12);padding:var(--s-12);background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);cursor:pointer;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.act-card:hover{box-shadow:var(--elevation-2)}.act-card:active{transform:scale(.99)}.act-cover{position:relative;width:96px;height:96px;flex:0 0 auto;border-radius:var(--r-10);overflow:hidden}.act-cover .rec{position:absolute;top:0;left:0;background:var(--danger);color:#fff;font-size:var(--fs-11);font-weight:var(--fw-bold);padding:2px var(--s-8);border-bottom-right-radius:var(--r-8);z-index:3}.act-main{flex:1;min-width:0;display:flex;flex-direction:column}.act-name{font-size:var(--fs-15);font-weight:var(--fw-bold);letter-spacing:-.01em}.act-desc{font-size:var(--fs-12);color:var(--text-secondary);margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.act-add{width:36px;height:36px;flex:0 0 auto;border-radius:var(--r-circle);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;align-self:center}.act-add .ico{width:20px;height:20px}.h-scroll{display:flex;gap:var(--s-12);overflow-x:auto;padding:0 var(--s-20) var(--s-4);-webkit-overflow-scrolling:touch;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.h-card{flex:0 0 auto;width:168px;background:var(--bg-surface);border-radius:var(--r-14);overflow:hidden;box-shadow:var(--elevation-1);cursor:pointer;transition:transform var(--t-base) var(--ease)}.h-card:active{transform:scale(.98)}.h-cover{position:relative;width:100%;aspect-ratio:4 / 3}.h-body{padding:var(--s-12)}.h-title{font-size:var(--fs-14);font-weight:var(--fw-bold);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-head{display:flex;align-items:center;gap:var(--s-8);padding:var(--s-4) var(--s-20) var(--s-12)}.section-head .vbar{width:3px;height:16px;border-radius:var(--r-pill);background:var(--accent)}.section-head .st{font-size:var(--fs-17);font-weight:var(--fw-bold);letter-spacing:-.01em}.section-head .more{margin-left:auto;font-size:var(--fs-13);color:var(--text-secondary);display:inline-flex;align-items:center;gap:2px}.section-head .more .ico{width:16px;height:16px}.detail-sep{display:flex;align-items:center;gap:var(--s-12);margin:var(--s-24) 0;color:var(--text-secondary);font-size:var(--fs-13);font-weight:var(--fw-medium)}.detail-sep:before,.detail-sep:after{content:"";flex:1;height:.5px;background:var(--separator)}.session-card{border:2px solid transparent;background:var(--session-card-bg);border-radius:var(--r-14);padding:var(--s-12) var(--s-16);cursor:pointer;transition:all var(--t-base) var(--ease)}.session-card:hover{background:var(--separator)}.session-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.session-card:active{transform:scale(.99)}.session-card .sc-date{font-size:var(--fs-15);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.session-card .sc-sub{font-size:var(--fs-12);color:var(--text-secondary);margin-top:2px}.session-card .sc-check{float:right;color:var(--accent);opacity:0;transition:opacity var(--t-base) var(--ease)}.session-card.selected .sc-check{opacity:1}.stepper{display:inline-flex;align-items:center;gap:var(--s-16)}.stepper button{width:36px;height:36px;border-radius:var(--r-circle);border:.5px solid var(--separator);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all var(--t-fast) var(--ease)}.stepper button:hover{background:var(--separator)}.stepper button:active{transform:scale(.92)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper .sv{font-size:var(--fs-17);font-weight:var(--fw-bold);min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.bottom-cta{position:absolute;bottom:12px;left:12px;right:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border:.5px solid var(--glass-border);border-radius:var(--r-28);box-shadow:var(--elevation-3);padding:var(--s-8);display:flex;align-items:center;gap:var(--s-12);z-index:70}.bottom-cta .cta-price{padding-left:var(--s-16)}.bottom-cta .cta-price .cl{font-size:var(--fs-11);color:var(--text-secondary)}.bottom-cta .cta-price .cp{font-size:var(--fs-20)}.me-row{display:flex;align-items:center;gap:var(--s-16);padding:var(--s-16) var(--s-20);background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);cursor:pointer;transition:transform var(--t-base) var(--ease)}.me-row:hover{box-shadow:var(--elevation-2)}.me-row:active{transform:scale(.99)}.me-row+.me-row{margin-top:var(--s-12)}.me-row .mr-ico{width:40px;height:40px;border-radius:var(--r-12);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.me-row .mr-ico .ico{width:22px;height:22px}.me-row .mr-label{flex:1;font-size:var(--fs-16);font-weight:var(--fw-medium)}.me-row .mr-trail{display:flex;align-items:center;gap:var(--s-8);color:var(--text-secondary)}.me-row .mr-trail .ico{width:18px;height:18px}.toggle{position:relative;width:51px;height:31px;border-radius:var(--r-pill);background:var(--separator);cursor:pointer;flex:0 0 auto;transition:background var(--t-base) var(--ease);border:none;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:var(--elevation-1);transition:transform var(--t-base) var(--ease)}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(20px)}.toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:90;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease)}.drawer-mask.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:460px;max-width:92vw;background:var(--bg-surface);z-index:95;box-shadow:var(--elevation-3);transform:translate(100%);transition:transform var(--t-base) var(--ease);display:flex;flex-direction:column}.drawer.show{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-20) var(--s-24);border-bottom:.5px solid var(--separator)}.drawer-head h3{font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:-.01em}.drawer-body{flex:1;overflow-y:auto;padding:var(--s-24);display:flex;flex-direction:column;gap:var(--s-20)}.drawer-foot{padding:var(--s-16) var(--s-24);border-top:.5px solid var(--separator);display:flex;gap:var(--s-12)}.icon-btn-lg{width:36px;height:36px;border-radius:var(--r-circle);border:none;background:var(--separator);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn-lg:active{transform:scale(.94)}.icon-btn-lg .ico{width:20px;height:20px}.block-title{font-size:var(--fs-17);font-weight:var(--fw-bold);letter-spacing:-.01em}.op-link{color:var(--accent);font-weight:var(--fw-medium);font-size:var(--fs-13);cursor:pointer;text-decoration:none;background:none;border:none;font-family:inherit;padding:0}.op-link:hover{text-decoration:underline}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-8);border:1.5px dashed var(--separator-strong);border-radius:var(--r-14);padding:var(--s-32);color:var(--text-secondary);cursor:pointer;transition:all var(--t-base) var(--ease);text-align:center}.upload-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.upload-zone .uz-ico{width:40px;height:40px;border-radius:var(--r-circle);background:var(--separator);display:flex;align-items:center;justify-content:center}.upload-zone .uz-ico .ico{width:22px;height:22px}.sess-edit-row{display:flex;align-items:center;gap:var(--s-12)}.sess-edit-row .input{flex:1}.drag-handle{color:var(--text-tertiary);cursor:grab;display:inline-flex;align-items:center}.drag-handle:active{cursor:grabbing}.drag-handle .ico{width:18px;height:18px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-16)}@media (max-width: 1200px){.media-grid{grid-template-columns:repeat(3,1fr)}}.media-item{background:var(--bg-surface);border-radius:var(--r-14);overflow:hidden;box-shadow:var(--elevation-1)}.media-thumb{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.media-thumb .mt-play{position:absolute;width:40px;height:40px;border-radius:var(--r-circle);background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center}.media-thumb .mt-play .ico{width:20px;height:20px}.media-meta{padding:var(--s-12)}.media-meta .mm-name{font-size:var(--fs-13);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta .mm-sub{font-size:var(--fs-11);color:var(--text-secondary);margin-top:2px}.detail-row{display:none}.detail-row.show{display:table-row}.detail-panel{background:var(--bg-base)}.detail-panel .dp-in{padding:var(--s-20);display:flex;flex-direction:column;gap:var(--s-16)}.note-box{background:var(--bg-surface);border-radius:var(--r-14);padding:var(--s-16)}.pt-type{font-size:var(--fs-12);font-weight:var(--fw-medium);padding:2px var(--s-8);border-radius:var(--r-pill)}.pt-type.payment{background:var(--points-subtle);color:var(--points-color)}.pt-type.redemption{background:var(--fin-neg-bg);color:var(--fin-neg-strong)}.pt-type.contribution{background:var(--success-subtle);color:var(--success)}.pt-type.referral{background:var(--accent-subtle);color:var(--accent)}.pt-type.adjustment{background:var(--separator);color:var(--text-secondary)}.sec-head{display:flex;align-items:center;gap:var(--s-12);margin:var(--s-8) 0 var(--s-16)}.sec-head .bar{width:4px;height:24px;border-radius:var(--r-pill);background:var(--accent);flex:0 0 auto}.sec-head h2{font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:-.01em}.sec-head .meta{font-size:var(--fs-13);color:var(--text-secondary);margin-left:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}#root,html,body{height:100%}.app-shell{height:100%;width:100%;max-width:440px;margin:0 auto;position:relative;background:var(--bg-base);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 600px){body{background:#0b0b0c}.app-shell{height:90vh;max-height:880px;margin-top:5vh;border-radius:44px;box-shadow:0 30px 60px #00000073;border:.5px solid rgba(255,255,255,.08)}}.view{flex:1;min-height:0;display:flex;flex-direction:column}.view-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.view-scroll::-webkit-scrollbar{width:0}.app-statusbar{height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-24);font-size:var(--fs-15);font-weight:var(--fw-bold);color:var(--text-primary);z-index:55;position:relative}.app-statusbar .sb-right{display:flex;align-items:center;gap:var(--s-8)}.app-statusbar .ico{width:18px;height:18px}@media (max-width: 599px){.app-statusbar{display:none}}.pad{padding:0 var(--s-20)}.pad-16{padding:var(--s-16)}.pad-20{padding:var(--s-20)}.h-hero{padding:var(--s-8) var(--s-20) var(--s-12)}.h-hero h1{font-size:var(--fs-28);font-weight:var(--fw-bold);letter-spacing:-.02em}.h-hero .sub{font-size:var(--fs-13);color:var(--text-secondary);margin-top:2px}.grad-1{background:#1c1c1e}.grad-2{background:#007aff}.grad-3{background:#ff9500}.grad-4{background:#34c759}.grad-5{background:#0a84ff}.grad-6{background:#2da44e}.precourse{flex:1;display:flex;flex-direction:column;position:relative}.pc-progress{display:flex;gap:var(--s-8);padding:var(--s-16) var(--s-20) var(--s-8)}.pc-dot{flex:1;height:4px;border-radius:var(--r-pill);background:var(--separator);transition:background var(--t-base) var(--ease)}.pc-dot.done,.pc-dot.active{background:var(--accent)}.pc-step{flex:1;display:flex;flex-direction:column;gap:var(--s-16);padding:var(--s-20);overflow-y:auto}.pc-q{font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:1.3}.pc-hint{font-size:var(--fs-14);color:var(--text-secondary);margin-top:var(--s-4);line-height:1.5}.pc-counter{position:absolute;top:var(--s-16);right:var(--s-20);font-size:var(--fs-12);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.pc-foot{flex:0 0 auto;padding:var(--s-12) var(--s-20) var(--s-24);display:flex;gap:var(--s-12)}.choice-grid{display:flex;flex-wrap:wrap;gap:var(--s-12)}.choice-chip{border:1px solid var(--separator);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--r-pill);padding:var(--s-12) var(--s-20);font-size:var(--fs-15);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--t-base) var(--ease);-webkit-tap-highlight-color:transparent}.choice-chip.selected{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.choice-chip:active{transform:scale(.96)}.pc-textarea{width:100%;min-height:140px;font-family:inherit;font-size:var(--fs-17);color:var(--text-primary);background:var(--bg-surface);border:.5px solid var(--separator);border-radius:var(--r-14);padding:var(--s-16);resize:none;line-height:1.6}.pc-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.summary-card{background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);padding:var(--s-16);display:flex;flex-direction:column;gap:var(--s-12)}.summary-row{display:flex;gap:var(--s-12);font-size:var(--fs-14)}.summary-row .sl{color:var(--text-secondary);flex:0 0 88px}.summary-row .sv{flex:1;color:var(--text-primary);font-weight:var(--fw-medium)}.pay-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-16);padding:var(--s-32);text-align:center}.pay-result .pr-ico{width:72px;height:72px;border-radius:var(--r-circle);display:flex;align-items:center;justify-content:center}.pay-result .pr-ico.ok{background:var(--success-subtle);color:var(--success)}.pay-result .pr-ico.fail{background:var(--danger-subtle);color:var(--danger)}.pay-result .pr-ico .ico{width:36px;height:36px}.pay-result h2{font-size:var(--fs-22);font-weight:var(--fw-bold)}.pay-result .pr-desc{font-size:var(--fs-14);color:var(--text-secondary);line-height:1.5}.badge-tags{display:flex;flex-wrap:wrap;gap:var(--s-8)}.grad-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-12);font-weight:var(--fw-bold);padding:3px var(--s-12);border-radius:var(--r-pill)}.grad-md{background:#007aff1f;color:var(--accent)}.grad-at{background:#34c75924;color:var(--success)}.grad-bl{background:#ff950024;color:var(--warning)}.route-note{background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);padding:var(--s-16);display:flex;flex-direction:column;gap:var(--s-8)}.route-note .rn-row{display:flex;align-items:center;gap:var(--s-12);font-size:var(--fs-13);color:var(--text-secondary)}.route-note .rn-row .ico{width:16px;height:16px;color:var(--text-tertiary)}.loading-screen{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.mock-login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-16);padding:var(--s-32)}.mock-login .ml-avatar{width:72px;height:72px;border-radius:var(--r-circle);background:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center}.mock-login .ml-avatar .ico{width:36px;height:36px}.feed-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-base)}.feed-view::-webkit-scrollbar{width:0}.feed-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-12);padding:var(--s-12) var(--s-20);background:var(--bg-surface);border-bottom:.5px solid var(--separator)}.feed-brand{display:flex;align-items:center;gap:8px;font-weight:var(--fw-bold);font-size:var(--fs-17);white-space:nowrap}.fb-logo{width:30px;height:30px;border-radius:9px;background:var(--accent);display:flex;align-items:center;justify-content:center}.feed-search{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 var(--s-12);background:var(--bg-base);border-radius:var(--r-pill);color:var(--text-tertiary);font-size:var(--fs-13)}.waterfall{column-count:2;column-gap:12px;padding:12px 16px 0}.feed-card{break-inside:avoid;margin-bottom:12px;background:var(--bg-surface);border-radius:var(--r-14);overflow:hidden;box-shadow:var(--elevation-1);cursor:pointer}.feed-card:active{transform:scale(.985)}.fc-cover{position:relative;aspect-ratio:var(--card-cover-aspect)}.fc-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:44px;height:44px;border-radius:var(--r-circle);background:#00000052;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fc-dur{position:absolute;right:8px;bottom:8px;background:#00000080;color:#fff;font-size:var(--fs-11);padding:1px 6px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.fc-body{padding:10px 12px 12px}.fc-title{font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fc-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.fc-author{display:flex;align-items:center;gap:6px;min-width:0}.fc-av{width:18px;height:18px;border-radius:var(--r-circle);background:var(--accent-subtle);color:var(--accent);font-size:11px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.fc-name{font-size:var(--fs-12);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-like{display:flex;align-items:center;gap:3px;font-size:var(--fs-12);color:var(--text-secondary);flex:0 0 auto}.fc-like .ico{color:var(--text-tertiary)}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:90;display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--t-base) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.post-sheet{width:100%;max-width:440px;height:88%;background:var(--bg-surface);border-radius:var(--r-20) var(--r-20) 0 0;display:flex;flex-direction:column;overflow:hidden;animation:sheet-up var(--t-slow) var(--ease)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ps-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--s-12) var(--s-16);border-bottom:.5px solid var(--separator)}.ps-avatar{width:36px;height:36px;border-radius:var(--r-circle);background:var(--accent);color:#fff;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center}.ps-author{font-size:var(--fs-15);font-weight:var(--fw-bold)}.ps-date{font-size:var(--fs-12);color:var(--text-tertiary)}.ps-scroll{flex:1;overflow-y:auto;padding:var(--s-16)}.ps-scroll::-webkit-scrollbar{width:0}.ps-cover{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-14);overflow:hidden}.ps-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;border-radius:var(--r-circle);background:#00000057;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ps-title{font-size:var(--fs-20);font-weight:var(--fw-bold);margin:var(--s-16) 0 var(--s-8);line-height:1.4}.ps-body{font-size:var(--fs-15);line-height:1.7;color:var(--text-primary)}.ps-cm-head{margin:var(--s-20) 0 var(--s-12);font-size:var(--fs-13);font-weight:var(--fw-bold);color:var(--text-secondary)}.ps-cm{display:flex;gap:10px;padding:var(--s-8) 0}.cm-avatar{width:32px;height:32px;border-radius:var(--r-circle);background:var(--accent-subtle);color:var(--accent);font-size:13px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.cm-main{flex:1}.cm-name{font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--text-secondary)}.cm-text{font-size:var(--fs-15);line-height:1.5;margin-top:2px;color:var(--text-primary)}.cm-meta{font-size:var(--fs-12);color:var(--text-tertiary);margin-top:4px}.ps-bar{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-12);padding:var(--s-12) var(--s-16) calc(var(--s-16) + env(safe-area-inset-bottom));border-top:.5px solid var(--separator)}.ps-like{display:flex;align-items:center;gap:5px;font-size:var(--fs-13);color:var(--text-secondary);background:var(--bg-base);border:none;border-radius:var(--r-pill);padding:8px 12px;font-variant-numeric:tabular-nums}.ps-like.on{font-weight:var(--fw-bold)}.ps-input{flex:1}.ps-input input{width:100%;height:38px;border:none;background:var(--bg-base);border-radius:var(--r-pill);padding:0 var(--s-16);font-size:var(--fs-14)}.ps-input input:focus{outline:none}.ps-send{border:none;background:var(--accent);color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-14);padding:9px 16px;border-radius:var(--r-pill)}.ps-send:active{background:var(--accent-press)}.icon-btn{width:36px;height:36px;border-radius:var(--r-circle);border:none;background:var(--glass-bg);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.icon-btn:active{transform:scale(.94)}.icon-btn .ico{width:20px;height:20px}.icon-btn.sm{width:30px;height:30px}.icon-btn.sm .ico{width:16px;height:16px}.cal{background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);padding:var(--s-12)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-8)}.cal-title{font-size:var(--fs-15);font-weight:var(--fw-bold)}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.cal-wd{text-align:center;font-size:var(--fs-11);color:var(--text-tertiary)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-cell{aspect-ratio:1;border:none;background:transparent;border-radius:var(--r-8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--fs-13);color:var(--text-primary);cursor:pointer;position:relative}.cal-cell.empty{cursor:default}.cal-cell.marked{background:var(--accent-subtle);color:var(--accent);font-weight:var(--fw-bold)}.cal-cell.sel{background:var(--accent);color:#fff}.cal-cell.sel .cal-dot{background:#fff}.cal-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.cal-reset{text-align:center;font-size:var(--fs-12);color:var(--accent);margin-top:var(--s-8);cursor:pointer}.shift-card{background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);padding:var(--s-16)}.sh-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12)}.sh-title{font-size:var(--fs-17);font-weight:var(--fw-bold);line-height:1.35}.sh-badge{flex:0 0 auto;font-size:var(--fs-11);font-weight:var(--fw-bold);padding:3px 10px;border-radius:var(--r-pill)}.sh-badge.open{background:var(--accent-subtle);color:var(--accent)}.sh-badge.done{background:var(--success-subtle);color:var(--success)}.sh-badge.full{background:var(--danger-subtle);color:var(--danger)}.sh-desc{font-size:var(--fs-13);color:var(--text-secondary);line-height:1.5;margin:var(--s-8) 0}.sh-info{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--fs-12);color:var(--text-secondary)}.sh-info .row{display:flex;align-items:center}.sh-info .ico{color:var(--text-tertiary)}.sh-btn{margin-top:var(--s-12);width:100%;height:42px;border:none;border-radius:var(--r-14);background:var(--accent);color:#fff;font-size:var(--fs-15);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.sh-btn:active{background:var(--accent-press)}.sh-btn.done{background:var(--success-subtle);color:var(--success)}.sh-btn.disabled{background:var(--separator);color:var(--text-tertiary);cursor:not-allowed}.shop-card{background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);overflow:hidden;cursor:pointer}.shop-card:active{transform:scale(.99)}.shop-cover{position:relative;aspect-ratio:16 / 10}.shop-body{padding:var(--s-12) var(--s-16) var(--s-16)}.shop-title{font-size:var(--fs-17);font-weight:var(--fw-bold);line-height:1.35}.shop-host{font-size:var(--fs-12);color:var(--text-secondary);margin-top:2px;letter-spacing:.02em}.shop-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:var(--s-8);font-size:var(--fs-12);color:var(--text-secondary)}.shop-meta .row{display:flex;align-items:center}.shop-meta .ico{color:var(--text-tertiary)}.shop-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:var(--s-12)}.shop-price{display:flex;align-items:baseline;color:var(--price-color);font-weight:var(--fw-bold)}.shop-price .cur{font-size:var(--fs-14)}.shop-price .pn{font-size:var(--price-size);line-height:1;font-variant-numeric:tabular-nums}.shop-price .qm{font-size:var(--fs-12);margin-left:2px;font-weight:var(--fw-medium)}.shop-origin{font-size:var(--fs-12);color:var(--text-tertiary);text-decoration:line-through;margin-left:6px;font-weight:var(--fw-regular)}.shop-people{display:flex;align-items:center;gap:4px;font-size:var(--fs-12);color:var(--text-secondary)}.shop-people .ico{color:var(--text-tertiary)}.shop-cta{margin-top:var(--s-12);height:40px;border-radius:var(--r-14);background:var(--accent-subtle);color:var(--accent);font-size:var(--fs-15);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;gap:4px}.act2-card{background:var(--bg-surface);border-radius:var(--r-14);box-shadow:var(--elevation-1);overflow:hidden;cursor:pointer}.act2-card:active{transform:scale(.99)}.act2-cover{position:relative;aspect-ratio:16 / 9}.act2-cover .rec.pay{left:auto;right:0;background:var(--accent)}.act2-body{padding:var(--s-12) var(--s-16) var(--s-16)}.act2-tags{display:flex;gap:6px;flex-wrap:wrap}.act2-title{font-size:var(--fs-17);font-weight:var(--fw-bold);line-height:1.35;margin:var(--s-8) 0 4px}.act2-desc{font-size:var(--fs-13);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.act2-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:var(--s-8);font-size:var(--fs-12);color:var(--text-secondary)}.act2-meta .row{display:flex;align-items:center}.act2-meta .ico{color:var(--text-tertiary)}.act2-foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s-12)}.act2-go{display:flex;align-items:center;gap:2px;font-size:var(--fs-14);font-weight:var(--fw-bold);color:var(--accent)}.workshop-detail-v2{min-height:100%;background:var(--bg-base)}.wd-hero{position:relative;height:280px;overflow:hidden}.wd-hero-img{width:100%;height:100%;object-fit:cover}.wd-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000008c);display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.wd-hero-tag{display:inline-block;padding:4px 10px;border-radius:20px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;width:fit-content;margin-bottom:8px}.wd-hero-title{color:#fff;font-size:24px;font-weight:700;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.35)}.wd-hero-sub{color:#ffffffe6;font-size:13px;margin-top:4px}.wd-stats{justify-content:center;text-align:center}.wd-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.wd-stat-n{font-size:22px;font-weight:700;color:var(--accent)}.wd-stat-l{font-size:11px;color:var(--text-secondary)}.wd-desc{font-size:14px;line-height:1.8;color:var(--text-primary)}.wd-desc p{margin-bottom:12px}.wd-price-row{align-items:baseline;flex-wrap:wrap}.wd-session-card{background:var(--bg-surface);border-radius:var(--r-16);border:2px solid transparent;padding:16px;box-shadow:var(--elevation-1);cursor:pointer;transition:all .2s}.wd-session-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.wd-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s}.wd-check.checked{background:var(--accent);border-color:var(--accent);color:#fff}.wd-daily{background:#00000008;border-radius:var(--r-10);padding:10px 12px}.wd-day-row{font-size:13px;padding:4px 0}.wd-day-date{color:var(--text-primary);font-weight:500}.wd-day-time{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.wd-combo-card{background:var(--bg-surface);border-radius:var(--r-16);box-shadow:var(--elevation-1);padding:16px;cursor:pointer}.wd-q-card{background:var(--bg-surface);border-radius:var(--r-16);padding:18px 16px;box-shadow:var(--elevation-1);border-left:3px solid transparent;transition:border-color .2s}.wd-q-card.filled{border-left-color:var(--success)}.wd-q-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.wd-q-req{color:var(--danger);margin-right:2px}.wd-q-input{margin-top:4px;width:100%}.wd-q-multi{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wd-q-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:24px;border:1.5px solid var(--border);font-size:13px;color:var(--text-secondary);background:#fff;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.wd-q-chip.selected{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent);font-weight:500}.wd-summary{background:var(--bg-surface);border-radius:var(--r-16);padding:16px;box-shadow:var(--elevation-1)}.wd-sum-row{padding:6px 0;font-size:14px}.wd-sum-sep{height:1px;background:var(--border);margin:8px 0}.wd-steps-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0;position:sticky;bottom:60px;z-index:10;background:linear-gradient(transparent,var(--bg-base) 30%)}.wd-si-dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:all .2s}.wd-si-dot.active{width:18px;border-radius:4px;background:var(--accent)}.wd-si-text{font-size:11px;color:var(--text-tertiary);margin-left:4px}.input-with-icon{position:relative}.input-with-icon .input{padding-left:40px!important}.input-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);width:18px;height:18px}.social-link-card{background:var(--bg-surface);border-radius:var(--r-16);padding:16px;text-align:center;box-shadow:var(--elevation-1);cursor:pointer;transition:transform .15s}.social-link-card:active{transform:scale(.97)}.slc-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto}.home-intro-card{background:var(--bg-surface);border-radius:var(--r-16);padding:16px;box-shadow:var(--elevation-1)}.chat-bubble{max-width:85%;padding:12px 16px;border-radius:var(--r-16);font-size:var(--fs-14);line-height:1.6;word-break:break-word}.chat-bubble.bot{align-self:flex-start;background:var(--bg-surface);color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--elevation-1)}.chat-bubble.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-options{display:flex;flex-direction:column;gap:8px;margin-top:4px}.chat-option-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--r-14);background:#fff;cursor:pointer;transition:all .15s ease;text-align:left;-webkit-tap-highlight-color:transparent}.chat-option-btn:active{transform:scale(.98)}.chat-option-btn.selected{border-color:var(--accent);background:var(--accent-subtle)}.chat-option-btn .co-label{font-size:var(--fs-15);font-weight:600;color:var(--text-primary);flex:1}.chat-option-btn.selected .co-label{color:var(--accent)}.chat-option-btn .co-sub{font-size:var(--fs-11);color:var(--text-tertiary);margin-top:2px;width:100%}.chat-option-btn .co-check{color:var(--accent);flex-shrink:0}.chat-confirm-card{background:var(--bg-base);border:1.5px solid var(--separator);border-radius:var(--r-14);padding:14px 16px;font-size:var(--fs-13)}.session-time-detail{background:var(--bg-surface);border-radius:var(--r-10);padding:10px 12px;margin-top:8px}.typing-dots{display:inline-flex;gap:4px;padding:8px 0}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary);animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:1}}.detail-hero-image img{display:block}.article-body{margin-top:8px;font-size:15px;line-height:1.85;color:var(--text-primary)}.article-body p{margin:0 0 14px;text-align:justify}.article-body img{display:block;width:100%;height:auto;margin:8px 0 16px;border-radius:var(--r-12, 12px);background:var(--gray-100)}