:root{--accent: #3182ce;--accent-600: #2b6cb0;--accent-700: #2c5282;--accent-050: #ebf3fb;--accent-100: #d7e8f7;--bg: #eef2f8;--surface: #ffffff;--surface-2: #f1f5f9;--glass: rgba(255,255,255,.62);--glass-2: rgba(255,255,255,.75);--glass-line: rgba(255,255,255,.75);--text: #1a202c;--text-2: #2d3748;--muted: #718096;--line: #e6eaf0;--line-2: #dfe4ec;--danger: #e53e3e;--success: #38a169;--warn: #b7791f;--radius: 18px;--radius-sm: 12px;--shadow-sm: 0 1px 2px rgba(16,24,40,.05);--shadow: 0 1px 2px rgba(16,24,40,.04), 0 10px 24px rgba(16,24,40,.06);--shadow-lg: 0 24px 60px rgba(16,24,40,.16);--glass-shadow: 0 8px 32px rgba(27,55,95,.12), inset 0 1px 0 rgba(255,255,255,.6);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:radial-gradient(60% 50% at 12% 8%,rgba(49,130,206,.14),transparent 60%),radial-gradient(55% 45% at 92% 12%,rgba(99,179,237,.14),transparent 60%),radial-gradient(70% 60% at 50% 108%,rgba(49,130,206,.1),transparent 60%),var(--bg);background-attachment:fixed}a{color:var(--accent);text-decoration:none}.app-shell{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:transparent;box-shadow:1px 0 #ffffff80,-1px 0 #ffffff80;padding-top:var(--safe-top)}.page{flex:1;padding:16px 16px 96px;display:flex;flex-direction:column}.center-fill{margin:auto;width:100%}.page h1{font-size:25px;font-weight:800;letter-spacing:-.02em;margin:8px 0 4px;color:var(--text)}.page .sub{color:var(--muted);font-size:14px;margin-bottom:18px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}.card{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-line);border-radius:var(--radius);padding:18px;box-shadow:var(--glass-shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:100%;padding:14px 18px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#3b8fda,var(--accent));box-shadow:0 1px 2px #3182ce40,0 10px 22px #3182ce47;transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px) scale(.995)}.btn.secondary{background:var(--glass-2);color:var(--text-2);border:1px solid var(--glass-line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn.secondary:hover{background:#fff}.btn.danger{background:linear-gradient(180deg,#ef5b5b,var(--danger));color:#fff;box-shadow:0 10px 22px #e53e3e3d}.btn:disabled{opacity:.5;cursor:default}.input{width:100%;padding:13px 15px;border-radius:var(--radius-sm);background:#ffffffb3;border:1px solid var(--line-2);color:var(--text);font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.input::placeholder{color:#a0aec0}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-050);background:#fff}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:42px;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='%233182ce' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}label.field{display:block;margin-bottom:14px}label.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.pill.on{color:var(--accent);background:var(--accent-050);border-color:var(--accent-100)}.pill.gold{color:var(--accent-700);background:var(--accent-050);border-color:var(--accent-100)}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;position:sticky;top:0;z-index:20;background:#ffffffb3;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid var(--glass-line)}.topbar .logo{width:30px;height:30px;border-radius:9px;object-fit:contain}.topbar b{font-size:16px;color:var(--text)}.footer{text-align:center;font-size:12px;color:var(--muted);padding:18px 16px calc(18px + var(--safe-bottom))}.footer a{color:var(--accent);font-weight:600}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:520px;margin:0 auto;display:flex;justify-content:space-around;background:#ffffffb8;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--glass-line);padding:8px 8px calc(8px + var(--safe-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;padding:6px 12px;border-radius:12px;transition:color .15s}.tabbar a.active{color:var(--accent)}.tabbar a .ic{font-size:20px}.center-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:24px calc(24px + env(safe-area-inset-right,0px)) calc(24px + var(--safe-bottom)) calc(24px + env(safe-area-inset-left,0px))}.center-screen>*{width:100%;max-width:400px;margin-left:auto;margin-right:auto}.auth-panel{border-radius:24px;padding:24px;background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}.brand-badge{width:76px;height:76px;border-radius:22px;margin:0 auto 16px;background:linear-gradient(180deg,#3b8fda,var(--accent-700));display:grid;place-items:center;font-size:34px;color:#fff;box-shadow:0 14px 36px #3182ce61,inset 0 1px #fff6}.get-app{margin-top:16px}.get-app-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);cursor:pointer;background:var(--glass-2);border:1px solid var(--glass-line);color:var(--text-2);font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.get-app-body{display:grid;gap:8px;margin-top:8px}.get-app-row{width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--glass-line);color:var(--text);text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.get-app-row b{display:block;font-size:14px}.get-app-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.get-app-row>span:nth-child(2){flex:1}.get-app-ic{font-size:22px;width:26px;text-align:center}.get-app-cta{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}.get-app-hint{font-size:12px;color:var(--muted);text-align:center;padding:2px 4px}.skeleton{background:linear-gradient(90deg,#ffffff80 25%,#ffffffd9 37%,#ffffff80 63%);background-size:400% 100%;animation:sk 1.2s ease infinite;border-radius:12px;border:1px solid var(--glass-line)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(90px + var(--safe-bottom));background:var(--glass-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-line);color:var(--text);padding:12px 18px;border-radius:12px;z-index:60;box-shadow:var(--shadow-lg)}.chip{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:8px 14px;border-radius:999px;white-space:nowrap;background:var(--glass-2);border:1px solid var(--glass-line);color:var(--muted);font-size:13px;font-weight:600;transition:all .14s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip:active{transform:scale(.97)}textarea.input{resize:vertical;font-family:inherit;line-height:1.4}.checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.checkbox-row{cursor:pointer;font-size:14px;color:var(--text-2)}#reader img[alt="Info icon"],#reader__dashboard_section_csr span{display:none!important}#reader video{object-fit:cover!important;border-radius:20px}