:root{--bg: #EEF3F8;--bg-2: #E2ECF4;--surface: #FFFFFF;--surface-2: #F1F6FB;--navy: #0E2A47;--navy-2: #1B4068;--accent: #11A7A2;--accent-hover: #0C8B87;--accent-ink: #FFFFFF;--accent-soft: #D7F0EE;--gold: #D99A1C;--gold-ink: #7A5410;--gold-soft: #FBEFCF;--sea-1: #123E63;--sea-2: #0E2A47;--hero-ink: #EAF4F6;--hero-ink-2: #AFD4D8;--heading: #0E2A47;--text: #22384B;--text-2: #5E7385;--text-3: #93A7B6;--line: #E3EBF2;--line-2: #CEDBE7;--ok: #1AA06E;--ok-soft: #DCF3E9;--warn: #D68A1E;--warn-soft: #FBEFD6;--err: #DE5750;--err-soft: #FBE5E3;--shadow-sm: 0 1px 2px rgba(14,42,71,.06);--shadow: 0 14px 34px rgba(14,42,71,.1);--shadow-lg: 0 28px 64px rgba(14,42,71,.18);--r: 18px;--r-sm: 12px;--r-lg: 26px;--r-pill: 999px;--wrap: 1160px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Sora", var(--font);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0A1A2B;--bg-2: #0E2238;--surface: #112941;--surface-2: #163252;--navy: #DCEBF5;--navy-2: #A9C6DD;--accent: #2BC2BD;--accent-hover: #53D2CE;--accent-ink: #042A29;--accent-soft: #10433F;--gold: #F0C24E;--gold-ink: #2A1E06;--gold-soft: #3A2E12;--sea-1: #12395C;--sea-2: #0A1F34;--hero-ink: #EAF4F6;--hero-ink-2: #9FC6CC;--heading: #EAF3FA;--text: #D5E3EF;--text-2: #92A8BA;--text-3: #647c8f;--line: #1C3550;--line-2: #294a6b;--ok: #35C68C;--ok-soft: #10342A;--warn: #E8B45A;--warn-soft: #352B16;--err: #F07A72;--err-soft: #3A1E1E;--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow: 0 14px 34px rgba(0,0,0,.55);--shadow-lg: 0 28px 64px rgba(0,0,0,.65);color-scheme:dark}}:root[data-theme=dark]{--bg: #0A1A2B;--bg-2: #0E2238;--surface: #112941;--surface-2: #163252;--navy: #DCEBF5;--navy-2: #A9C6DD;--accent: #2BC2BD;--accent-hover: #53D2CE;--accent-ink: #042A29;--accent-soft: #10433F;--gold: #F0C24E;--gold-ink: #2A1E06;--gold-soft: #3A2E12;--sea-1: #12395C;--sea-2: #0A1F34;--hero-ink: #EAF4F6;--hero-ink-2: #9FC6CC;--heading: #EAF3FA;--text: #D5E3EF;--text-2: #92A8BA;--text-3: #647c8f;--line: #1C3550;--line-2: #294a6b;--ok: #35C68C;--ok-soft: #10342A;--warn: #E8B45A;--warn-soft: #352B16;--err: #F07A72;--err-soft: #3A1E1E;--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow: 0 14px 34px rgba(0,0,0,.55);--shadow-lg: 0 28px 64px rgba(0,0,0,.65);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-size:15px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,h4{font-family:var(--font-display);color:var(--heading);letter-spacing:-.02em;line-height:1.14;text-wrap:balance;font-weight:800;margin:0}.tnum,.mono{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}.muted{color:var(--text-2)}.sm{font-size:13px}.xs{font-size:12px}::selection{background:var(--accent-soft);color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font);font-weight:600;font-size:14px;border:1px solid transparent;border-radius:var(--r-pill);padding:11px 19px;cursor:pointer;transition:.16s;white-space:nowrap;line-height:1;background:var(--surface-2);color:var(--text)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 20px #11a7a24d}.btn-primary:hover{background:var(--accent-hover)}.btn-navy{background:var(--navy);color:#fff}:root[data-theme=dark] .btn-navy,:root:not([data-theme=light]) .btn-navy{color:var(--sea-2)}.btn-gold{background:var(--gold);color:#3a2a06;box-shadow:0 8px 20px #d99a1c47}.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.btn-soft{background:var(--accent-soft);color:var(--accent-hover)}.btn-danger{background:var(--err-soft);color:var(--err)}.btn.sm{padding:7px 13px;font-size:13px}.btn.lg{padding:14px 26px;font-size:15.5px}.btn.block{width:100%}.btn.icon{padding:9px;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.field{display:flex;flex-direction:column;gap:6px}.field>label,.lbl{font-size:12.5px;font-weight:600;color:var(--text-2)}input,select,textarea{font-family:var(--font);font-size:14.5px;color:var(--text);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:11px 13px;width:100%;transition:.15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-3)}textarea{resize:vertical;min-height:76px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2393A7B6' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}.in-row{display:flex;gap:8px}.in-row>*{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.pad{padding:18px}.pad-lg{padding:24px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);letter-spacing:.01em}.badge.accent{background:var(--accent-soft);color:var(--accent-hover)}.badge.navy{background:color-mix(in srgb,var(--navy) 12%,transparent);color:var(--navy)}.badge.gold{background:var(--gold-soft);color:var(--gold-ink)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.err{background:var(--err-soft);color:var(--err)}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:.15s}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.spin{width:30px;height:30px;border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.pos{color:var(--ok)}.neg{color:var(--err)}hr.sep{border:none;border-top:1px solid var(--line);margin:16px 0}.empty{text-align:center;padding:44px 20px;color:var(--text-2)}.empty .e{font-size:40px;margin-bottom:8px;display:block}.empty b{display:block;color:var(--heading);font-size:16px;margin-bottom:4px}.row{display:flex;align-items:center;gap:10px}.wrap-gap{display:flex;flex-wrap:wrap;gap:8px}.grow{flex:1;min-width:0}.lp{--pad: clamp(18px, 4vw, 40px)}.lp-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:14px var(--pad);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(12px)}.lp-nav .grow{flex:1}.brand{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.brand .logo{width:34px;height:34px;flex:0 0 auto}.brand .bn{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--heading)}.brand .bn b{color:var(--accent)}.lp-hero{position:relative;overflow:hidden;margin:10px var(--pad) 0;border-radius:var(--r-lg);padding:clamp(32px,6vw,72px) clamp(22px,5vw,60px);color:var(--hero-ink);background:radial-gradient(120% 120% at 85% 0%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 55%),linear-gradient(160deg,var(--sea-1),var(--sea-2))}.lp-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 15% 100%,rgba(217,154,28,.18),transparent 70%);pointer-events:none}.lp-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-ink-2);background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:6px 12px;border-radius:var(--r-pill)}.lp-hero h1{color:#fff;font-size:clamp(32px,6vw,60px);margin:18px 0 10px;max-width:16ch}.lp-hero .slogan{font-family:var(--font-display);font-weight:700;font-size:clamp(16px,2.4vw,22px);color:var(--gold);margin-bottom:8px}.lp-hero p{color:var(--hero-ink-2);font-size:16.5px;max-width:52ch;margin:0 0 26px}.lp-hero .cta{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.lp-sec{padding:clamp(40px,7vw,80px) var(--pad);max-width:var(--wrap);margin:0 auto}.lp-sec h2{font-size:clamp(24px,4vw,36px);text-align:center}.lp-sec .lead{text-align:center;color:var(--text-2);max-width:56ch;margin:12px auto 0;font-size:16px}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.lp-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-sm)}.lp-step .n{width:40px;height:40px;border-radius:13px;background:var(--accent-soft);color:var(--accent-hover);font-family:var(--font-display);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.lp-step h3{font-size:17px;margin-bottom:6px}.lp-step p{color:var(--text-2);font-size:14px;margin:0}.lp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.lp-feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}.lp-feat .fi{font-size:24px}.lp-feat b{display:block;color:var(--heading);margin:8px 0 4px;font-size:15px}.lp-feat span{color:var(--text-2);font-size:13.5px}.lp-foot{text-align:center;padding:40px var(--pad) 60px;color:var(--text-3);font-size:13px}@media (max-width: 760px){.lp-steps,.lp-feats{grid-template-columns:1fr}}#app-root,.app{min-height:100vh}.shell{display:grid;grid-template-columns:1fr;min-height:100vh}.sidebar{display:none}.app-main{width:100%;max-width:980px;margin:0 auto;padding:18px clamp(14px,3vw,24px) 120px}.app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:12px clamp(14px,3vw,20px);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);padding-top:calc(12px + env(safe-area-inset-top,0px))}.app-topbar .tb-ava{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:15px;overflow:hidden}.app-topbar .bell{position:relative;background:var(--surface);border:1px solid var(--line);width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm)}.app-topbar .bell .dot{position:absolute;top:7px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--err);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.iconbtn{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text-2);box-shadow:var(--shadow-sm)}.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page-h h1{font-size:clamp(21px,3vw,27px)}.page-h .sub{color:var(--text-2);font-size:14px;margin-top:3px}.botnav{display:flex;position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;width:min(480px,calc(100% - 22px));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:24px;padding:8px;box-shadow:var(--shadow-lg);justify-content:space-around}.botnav button{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;font:inherit;font-size:10px;font-weight:700;color:var(--text-3);cursor:pointer;padding:6px 4px;border-radius:15px;flex:1;position:relative;transition:.15s}.botnav button.on{color:var(--accent-hover);background:var(--accent-soft)}.botnav .bn-ic{font-size:20px}.botnav button .nd{position:absolute;top:2px;right:calc(50% - 20px);min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--err);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}@media (min-width: 900px){.shell{grid-template-columns:248px 1fr}.sidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:var(--surface)}.sidebar .sb-brand{padding:4px 8px 18px}.sidebar .sb-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;font-weight:600;font-size:14.5px;color:var(--text-2);cursor:pointer;border:none;background:none;text-align:left;width:100%;transition:.14s}.sidebar .sb-link .si{font-size:18px;width:22px;text-align:center}.sidebar .sb-link:hover{background:var(--surface-2);color:var(--heading)}.sidebar .sb-link.on{background:var(--accent-soft);color:var(--accent-hover)}.sidebar .sb-link .nd{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--err);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.sidebar .sb-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:10px}.app-topbar,.botnav{display:none}.app-main{padding:28px clamp(18px,3vw,40px) 60px;max-width:920px}}.home-hero{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:clamp(20px,4vw,28px);color:var(--hero-ink);background:radial-gradient(120% 120% at 90% 0%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 56%),linear-gradient(155deg,var(--sea-1),var(--sea-2));box-shadow:0 20px 44px #0e2a4742;margin-bottom:18px}.home-hero:after{content:"";position:absolute;top:-30%;left:-8%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(217,154,28,.22),transparent 68%);pointer-events:none}.home-hero .hh-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.home-hero .hh-comp{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--hero-ink-2)}.home-hero h1{color:#fff;font-size:clamp(22px,4.2vw,30px);margin:4px 0 2px}.home-hero .hh-state{position:relative;z-index:1;margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-hero .hh-count{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;font-size:20px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);padding:7px 14px;border-radius:14px}.home-hero .hh-cta{position:relative;z-index:1;margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.home-hero .btn-answer{background:var(--gold);color:#3a2a06;box-shadow:0 10px 26px #d99a1c66;font-weight:700}.home-hero .btn-answer:hover{filter:brightness(1.05)}.home-hero .btn-ghostw{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.2)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;box-shadow:var(--shadow-sm)}.tile .tl{font-size:12px;color:var(--text-2);font-weight:600}.tile .tv{font-size:22px;font-weight:800;font-family:var(--font-display);color:var(--heading);margin-top:3px;letter-spacing:-.01em}.tile.gold .tv{color:var(--gold-ink)}.tile.ok .tv{color:var(--ok)}.tile.accent .tv{color:var(--accent-hover)}.sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}.sec-h h2{font-size:17px}.link{color:var(--accent-hover);font-weight:600;font-size:13.5px;cursor:pointer}.st{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:var(--r-pill)}.st-upcoming{background:var(--surface-2);color:var(--text-2)}.st-available{background:var(--accent-soft);color:var(--accent-hover)}.st-answered{background:var(--ok-soft);color:var(--ok)}.st-missed{background:var(--err-soft);color:var(--err)}.st-closed{background:color-mix(in srgb,var(--navy) 12%,transparent);color:var(--navy)}.st-none{background:var(--surface-2);color:var(--text-3)}.st-void{background:var(--warn-soft);color:var(--warn)}.quiz-wrap{max-width:640px;margin:0 auto}.quiz-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(18px,4vw,28px)}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.quiz-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--text-2)}.quiz-count{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent-hover);background:var(--accent-soft);padding:5px 11px;border-radius:var(--r-pill);font-size:13px}.quiz-count.warn{color:var(--err);background:var(--err-soft)}.quiz-q{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,3.4vw,23px);color:var(--heading);line-height:1.3;margin:6px 0 4px}.quiz-img{border-radius:var(--r);margin:14px 0;max-height:260px;width:100%;object-fit:cover;border:1px solid var(--line)}.choices{display:flex;flex-direction:column;gap:10px;margin-top:18px}.choice{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:var(--r);border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;transition:.14s;font-size:15px;color:var(--text);text-align:left;width:100%;font-family:inherit}.choice:hover{border-color:var(--accent);background:var(--accent-soft)}.choice .ck{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--text-2);font-family:var(--font-display);transition:.14s}.choice.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.choice.sel .ck{background:var(--accent);border-color:var(--accent);color:#fff}.choice.correct{border-color:var(--ok);background:var(--ok-soft)}.choice.correct .ck{background:var(--ok);border-color:var(--ok);color:#fff}.choice.wrong{border-color:var(--err);background:var(--err-soft)}.choice.wrong .ck{background:var(--err);border-color:var(--err);color:#fff}.choice:disabled{cursor:default}.choice.sel{animation:pop .2s ease}@keyframes pop{0%{transform:scale(.98)}60%{transform:scale(1.01)}to{transform:scale(1)}}.quiz-warn{margin-top:16px;font-size:13px;color:var(--text-2);background:var(--surface-2);border:1px dashed var(--line-2);border-radius:var(--r-sm);padding:11px 14px}.receipt{margin-top:16px;background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);border-radius:var(--r);padding:16px}.receipt .rt{font-weight:800;color:var(--ok);font-family:var(--font-display);display:flex;align-items:center;gap:7px}.receipt .rr{font-size:12.5px;color:var(--text-2);margin-top:6px}.receipt .rr b{color:var(--heading);font-variant-numeric:tabular-nums}.explain{margin-top:14px;background:var(--surface-2);border-radius:var(--r);padding:15px}.explain b{color:var(--heading)}.explain p{margin:6px 0 0;color:var(--text-2);font-size:14px}.qdots{display:flex;gap:6px;justify-content:center;margin-top:16px}.qdots span{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.qdots span.on{background:var(--accent);width:22px;border-radius:999px}.qdots span.done{background:var(--ok)}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:end;margin:8px 0 20px}.pod{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 10px 14px;text-align:center;box-shadow:var(--shadow-sm)}.pod .medal{font-size:26px}.pod .pava{width:52px;height:52px;border-radius:50%;margin:6px auto 8px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:20px;overflow:hidden;border:3px solid var(--surface);box-shadow:var(--shadow-sm)}.pod .pnm{font-weight:700;font-size:13.5px;color:var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod .ppt{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--accent-hover);margin-top:2px}.pod.p1{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-soft),var(--surface) 60%);transform:translateY(-6px)}.pod.p1 .medal{font-size:32px}.pod.p1 .pava{width:60px;height:60px;border-color:var(--gold)}.pod.p1 .ppt{color:var(--gold-ink)}.pod .rk{position:absolute;top:8px;left:10px;font-family:var(--font-display);font-weight:800;font-size:12px;color:var(--text-3)}.lb-list{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;box-shadow:var(--shadow-sm)}.lb-row .lr-rk{width:28px;text-align:center;font-family:var(--font-display);font-weight:800;color:var(--text-2);font-variant-numeric:tabular-nums}.lb-row .lr-ava{width:38px;height:38px;border-radius:50%;background:var(--surface-2);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-display);flex:0 0 auto;overflow:hidden}.lb-row .lr-nm{flex:1;min-width:0;font-weight:600;color:var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .lr-pt{font-family:var(--font-display);font-weight:800;color:var(--accent-hover);font-variant-numeric:tabular-nums}.lb-row .lr-mv{font-size:11px;font-weight:700}.lr-mv.up{color:var(--ok)}.lr-mv.down{color:var(--err)}.lr-mv.same{color:var(--text-3)}.lb-row.me{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.lb-row.gold .lr-rk{color:var(--gold-ink)}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal .dow{text-align:center;font-size:11px;font-weight:700;color:var(--text-3);padding:4px 0}.cal-day{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;position:relative;transition:.14s;padding:2px}.cal-day:hover{border-color:var(--line-2)}.cal-day.empty{background:transparent;border:none;cursor:default}.cal-day .dn{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--heading)}.cal-day .dd{width:7px;height:7px;border-radius:50%}.cal-day.today{outline:2px solid var(--accent);outline-offset:-2px}.cal-day.available{background:var(--accent-soft);border-color:var(--accent)}.cal-day.answered .dd{background:var(--ok)}.cal-day.answered{background:var(--ok-soft)}.cal-day.missed .dd{background:var(--err)}.cal-day.missed{background:var(--err-soft)}.cal-day.upcoming .dd{background:var(--text-3)}.cal-day.closed .dd{background:var(--navy)}.cal-day.void{opacity:.55}.cal-day.void .dd{background:var(--warn)}.cal-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px;font-size:12px;color:var(--text-2)}.cal-legend span{display:inline-flex;align-items:center;gap:6px}.cal-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.nt-row{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;box-shadow:var(--shadow-sm);cursor:pointer}.nt-row.unread{border-left:3px solid var(--accent)}.nt-row .ni{font-size:20px;flex:0 0 auto}.nt-row .nb b{color:var(--heading);font-size:14px}.nt-row .nb p{margin:3px 0 0;color:var(--text-2);font-size:13px}.nt-row .nt-time{font-size:11px;color:var(--text-3);margin-top:4px}.prof-head{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-sm)}.prof-ava{width:66px;height:66px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:26px;overflow:hidden;flex:0 0 auto}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.bdg{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 8px;box-shadow:var(--shadow-sm)}.bdg.locked{opacity:.45}.bdg .bi{font-size:26px}.bdg b{display:block;font-size:12px;color:var(--heading);margin-top:6px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:clamp(24px,5vw,36px)}.auth-card .brand{justify-content:center;margin-bottom:8px}.auth-tabs{display:flex;gap:4px;background:var(--surface-2);border-radius:var(--r-pill);padding:4px;margin:18px 0 20px}.auth-tabs button{flex:1;background:none;border:none;font:inherit;font-weight:700;font-size:14px;color:var(--text-2);padding:9px;border-radius:var(--r-pill);cursor:pointer}.auth-tabs button.on{background:var(--surface);color:var(--accent-hover);box-shadow:var(--shadow-sm)}.auth-card .form-grid{display:flex;flex-direction:column;gap:13px}.chkrow{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--text-2)}.chkrow input{width:auto;margin-top:2px}.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--surface)}table.tbl th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);font-weight:700;padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}table.tbl td{padding:11px 13px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}table.tbl tr:last-child td{border-bottom:none}table.tbl td.num,table.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.adm-qrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-sm)}.adm-qrow .qd{font-family:var(--font-display);font-weight:800;text-align:center;min-width:46px}.adm-qrow .qd small{display:block;font-size:10px;color:var(--text-3);font-weight:600}.adm-qrow .qx{flex:1;min-width:0}.adm-qrow .qx b{color:var(--heading);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-qrow .qx span{font-size:12px;color:var(--text-2)}.modal-bg{position:fixed;inset:0;z-index:100;background:#0e2a476b;backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 640px){.modal-bg{align-items:center;padding:20px}}.modal{width:100%;max-width:540px;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg);padding:22px;max-height:92vh;overflow-y:auto}@media (min-width: 640px){.modal{border-radius:var(--r-lg)}}.modal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-h h3{font-size:18px}.modal-h .x{background:var(--surface-2);border:none;width:32px;height:32px;border-radius:10px;cursor:pointer;color:var(--text-2);font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1 / -1}@media (max-width: 520px){.form-grid{grid-template-columns:1fr}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:200;background:var(--navy);color:#fff;padding:12px 20px;border-radius:var(--r-pill);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);max-width:90%}.toast.err{background:var(--err)}@media (min-width: 900px){.toast{bottom:24px}}.help{font-size:12.5px;color:var(--text-2)}.help-c{text-align:center}.divider{text-align:center;color:var(--text-3);font-size:12px;margin:14px 0;position:relative}.brand{gap:0}.brand .logo{height:26px;width:auto;display:block}.brand .bn{display:none}.sb-brand .logo{height:30px}.lg-dark{display:none}:root[data-theme=dark] .lg-light{display:none}:root[data-theme=dark] .lg-dark{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .lg-light{display:none}:root:not([data-theme=light]) .lg-dark{display:block}}