:root{--bg: #0a0b08;--surface: #16180f;--surface-2: #1b1e15;--border: #262922;--accent: #b6f23d;--accent-dim: #8fc22f;--text: #fafaf5;--muted: #a7ac9c;--danger: #e5644e;--warning: #f5c451;--radius: 14px;--radius-sm: 8px;--radius-lg: 22px;--radius-xs: 4px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--t-press: 90ms;--t-fast: .13s;--t-med: .18s;--ease: cubic-bezier(.2,.7,.2,1);--mono: "JetBrains Mono", ui-monospace, monospace;--ui: "Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.accent{color:var(--accent)}.wrap{max-width:1040px;margin:0 auto;padding:var(--sp-6)}.center-page{min-height:100%;display:grid;place-items:center;padding:var(--sp-6)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6) var(--sp-7)}.row{display:flex;align-items:center;gap:var(--sp-3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.col{display:flex;flex-direction:column}@media (max-width: 760px){.row,.between{flex-wrap:wrap}}.grid{display:grid;gap:var(--sp-4)}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 760px){.g2,.g3,.g4{grid-template-columns:1fr}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.stack>*+*{margin-top:var(--sp-5)}.field-msg{margin-top:-10px}h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}h2{font-size:20px;font-weight:700;margin:0 0 8px}.label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.big-num{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#0a0b08;border:none;font-weight:700;padding:13px 22px;border-radius:var(--radius-sm);font-size:15px;min-height:44px;transition:filter .15s ease,transform .05s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline-color:var(--text);outline-offset:3px}.btn.block{width:100%}.btn.sm{padding:8px 14px;font-size:13px;min-height:44px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:block}.field .label{margin-bottom:8px;display:block}.input,select.input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;font-size:15px;outline:none}.input:focus{border-color:var(--accent)}.input.mono{font-family:var(--mono)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);color:var(--muted)}.pill.live{color:var(--accent);border-color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}@media (max-width: 560px){th,td{padding:10px 8px}table{font-size:13.5px}}.dev-banner{background:#b6f23d1a;border:1px dashed var(--accent);color:var(--accent);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6)}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}@media (max-width: 760px){.plan-grid{grid-template-columns:1fr}}.card,.tile{box-shadow:0 1px #ffffff08 inset,0 6px 20px #00000047}.plan:not(.featured){box-shadow:0 1px #ffffff08 inset,0 6px 20px #00000047}.layout{display:grid;grid-template-columns:248px 1fr;min-height:100dvh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-6) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);position:sticky;top:0;height:100dvh}.sidebar .brand,.navdrawer .brand{padding:8px 8px 20px}.side-link{display:flex;align-items:center;gap:10px;padding:12px;min-height:44px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;font-size:14px;transition:background-color var(--t-fast) ease,color var(--t-fast) ease}.side-link:hover{background:var(--surface-2);color:var(--text)}.side-link.active{background:#b6f23d1f;color:var(--accent)}.side-link .ic{width:18px;height:18px;flex:0 0 18px}.sidebar .spacer,.navdrawer .spacer{flex:1}.sidebar .who,.navdrawer .who{padding:8px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);margin-top:8px;word-break:break-all}.content{padding:var(--sp-8);max-width:1100px}.topbar,.drawer-scrim,.navdrawer{display:none}@media (max-width: 860px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{display:none}.content{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.topbar{display:flex;align-items:center;gap:var(--sp-3);position:sticky;top:0;z-index:60;padding:10px var(--sp-4);padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar .burger{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);position:relative;transition:border-color var(--t-fast) ease}.topbar .burger:hover{border-color:var(--accent)}.topbar .burger .tb-dot{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:999px;background:var(--accent);border:2px solid var(--surface)}.topbar .tb-brand{display:flex;align-items:center;gap:8px}.topbar .bell{width:auto;margin-left:auto;flex:0 0 auto}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#08090699;opacity:0;pointer-events:none;transition:opacity var(--t-med) ease}.drawer-scrim.open{opacity:1;pointer-events:auto}.navdrawer{display:flex;flex-direction:column;gap:var(--sp-1);position:fixed;top:0;bottom:0;left:0;z-index:100;width:min(84vw,320px);height:100dvh;background:var(--surface);border-right:1px solid var(--border);padding:max(var(--sp-6),env(safe-area-inset-top)) var(--sp-4) var(--sp-5);transform:translate(-100%);transition:transform var(--t-med) var(--ease);overflow-y:auto}.navdrawer.open{transform:none;box-shadow:0 24px 70px #0009}.notif-panel{left:auto;right:0;width:min(340px,calc(100vw - 32px))}}@media (prefers-reduced-motion: reduce){.navdrawer,.drawer-scrim{transition:none}}.voucher-row{display:grid;grid-template-columns:1fr 120px 120px auto;gap:8px;align-items:end}@media (max-width: 700px){.voucher-row{grid-template-columns:1fr}}.dow-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;background:var(--bg);transition:border-color var(--t-fast) ease,color var(--t-fast) ease}.dow-toggle:hover{border-color:var(--accent);color:var(--text)}.dow-toggle.on{background:var(--accent);color:#0a0b08;border-color:var(--accent)}@keyframes clk-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes clk-fade{0%{opacity:0}to{opacity:1}}@keyframes clk-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes clk-scan{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}.input:focus{box-shadow:0 0 0 3px #b6f23d1f}.btn{transition:filter .15s ease,transform .06s ease,box-shadow .15s ease}.btn:hover{box-shadow:0 6px 22px #b6f23d2e}.card,.plan{transition:border-color .18s ease,transform .18s ease}.reveal{opacity:0;transform:translateY(12px)}.reveal.in{opacity:1;transform:none;transition:opacity .42s var(--ease),transform .42s var(--ease)}.reveal.in{transition-delay:calc(var(--i, 0) * 55ms)}.q-row{animation:clk-rise .4s var(--ease) both;animation-delay:calc(var(--i, 0) * 55ms)}.q-row.leaving{animation:q-leave .34s var(--ease) forwards;pointer-events:none;overflow:hidden}@keyframes q-leave{0%{opacity:1;transform:none;max-height:200px}to{opacity:0;transform:translate(10px);max-height:0;padding-top:0;padding-bottom:0;margin:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#0809069e;padding:20px;animation:clk-fade .18s var(--ease) both}.modal-card{width:460px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-7);box-shadow:0 24px 70px #0000008c,0 1px #ffffff0a inset;animation:modal-pop .26s var(--ease) both}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal-card h2{margin-bottom:6px}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,360px)}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;color:var(--text);box-shadow:0 14px 40px #00000073;animation:toast-in .3s var(--ease) both}.toast.leaving{animation:toast-out .26s var(--ease) forwards}.toast.ok{border-left-color:var(--accent)}.toast.err{border-left-color:var(--danger)}.toast.info{border-left-color:var(--warning)}.toast .t-x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;margin-left:auto}.toast .t-x:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)}}.skel{background:var(--surface-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);animation:skel-sweep 1.3s ease-in-out infinite}.skel-row{height:64px}.skel-line{height:12px;border-radius:999px}@keyframes skel-sweep{to{transform:translate(100%)}}.side-link{justify-content:space-between}.side-link .nav-badge{background:var(--accent);color:#0a0b08;border-radius:999px;min-width:20px;height:20px;padding:0 7px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.side-link.active .nav-badge{background:var(--accent);color:#0a0b08}.auth-split{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh}.auth-visual{position:relative;overflow:hidden;background:#0a0b08;background-image:linear-gradient(180deg,#0a0b0826,#0a0b088c 60%,#0a0b08eb),url(/auth-hero.png);background-size:cover;background-position:center;animation:clk-fade .6s ease both}.auth-visual .tag{position:absolute;left:44px;right:44px;bottom:44px;animation:clk-fade-up .55s .15s ease both}.auth-visual .tag h2{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.12;margin:0}.auth-form{display:grid;place-items:center;padding:48px 36px}.auth-card{width:448px;max-width:100%;animation:clk-fade .4s ease both}.auth-card .stack>*+*{margin-top:var(--sp-6)}.auth-card h1{margin-bottom:14px}.auth-card>*{animation:clk-fade-up .42s ease both}.auth-card>*:nth-child(1){animation-delay:.04s}.auth-card>*:nth-child(2){animation-delay:.09s}.auth-card>*:nth-child(3){animation-delay:.14s}.auth-card>*:nth-child(4){animation-delay:.19s}.auth-card>*:nth-child(5){animation-delay:.24s}.step-enter{animation:clk-fade-up .35s ease both}.auth-foot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);text-align:center;margin-top:var(--sp-4);padding-top:var(--sp-7);border-top:1px solid var(--border);font-size:13.5px;color:var(--muted)}.auth-foot a{color:var(--accent);font-weight:600}.auth-foot a:hover{text-decoration:underline}.auth-foot .sub{color:var(--muted)}@media (max-width: 860px){.auth-split{grid-template-columns:1fr}.auth-visual{display:none}}@media (max-width: 480px){.auth-form{padding:32px 20px max(32px,env(safe-area-inset-bottom))}}.code-input{letter-spacing:14px;text-indent:14px;font-size:27px;font-weight:700;text-align:center;padding-top:16px;padding-bottom:16px}@media (max-width: 480px){.code-input{letter-spacing:10px;text-indent:10px;font-size:23px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.auth-card,.auth-card>*,.auth-visual,.auth-visual .tag,.wbtn,.step-enter{animation:none!important}.reveal{opacity:1;transform:none}.reveal.in{transition:none;transition-delay:0s}.q-row,.toast,.modal-card,.modal-overlay,.q-row.leaving{animation:none!important}.skel:after{animation:none!important;display:none}}.bell{position:relative;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:11px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:border-color var(--t-fast) ease}.bell:hover{border-color:var(--accent)}.bell .badge{background:var(--danger);color:#1a0f0c;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px;font-weight:700;padding:0 6px}.notif-panel{position:absolute;top:calc(100% + 8px);left:0;width:340px;max-height:460px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;z-index:80;box-shadow:0 18px 50px #00000080}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:var(--radius-sm);background:var(--bg)}.notif-item .dot{width:8px;height:8px;border-radius:999px;margin-top:5px;flex:0 0 8px}.notif-item .x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;min-width:30px;min-height:30px;display:grid;place-items:center;border-radius:var(--radius-sm)}.notif-item .x:hover{background:var(--surface-2);color:var(--text)}.code-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);box-shadow:0 1px #ffffff08 inset,0 6px 20px #00000047}.code-card.lead{border-color:#b6f23d66}.code-hero{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;letter-spacing:6px;color:var(--accent);line-height:1.1;word-break:break-all}@media (max-width: 480px){.code-hero{font-size:27px;letter-spacing:4px}}.code-pill{display:inline-flex;align-items:center;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:2px;color:var(--accent);background:#b6f23d1a;border:1px solid rgba(182,242,61,.35);border-radius:var(--radius-sm);padding:4px 12px;font-size:17px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border)}.chip.ok{color:var(--accent);border-color:#b6f23d66}.chip.warn{color:var(--warning);border-color:#f5c45166}.chip.bad{color:var(--danger);border-color:#e5644e66}.chip.muted{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}@media (max-width: 860px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6)}.tile .n{font-family:var(--mono);font-size:30px;font-weight:700}.tile.crit{border-color:#e5644e73}.tile.crit .n{color:var(--danger)}.tile.warn .n{color:var(--warning)}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-dow{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:center;padding:4px 0;font-weight:600}.cal-cell{min-height:100px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;font-size:12px}.cal-cell.dim{opacity:.35}.cal-cell .d{font-family:var(--mono);color:var(--muted);font-size:12px;margin-bottom:4px}.cal-cell .ev{display:flex;align-items:center;gap:5px;margin-top:3px}.cal-cell .sw{width:8px;height:8px;border-radius:2px;flex:0 0 8px}.cal-week{display:grid;grid-template-columns:130px repeat(7,1fr);gap:8px;align-items:stretch}.cal-week .wc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:46px;display:grid;place-items:center;font-size:12px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:14px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .sw{width:10px;height:10px;border-radius:3px;display:inline-block}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.seg button{background:transparent;color:var(--muted);border:none;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:color var(--t-fast) ease}.seg button:not(.on):hover{color:var(--text)}.seg button.on{background:var(--accent);color:#0a0b08}.iconbtn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);width:44px;height:44px;cursor:pointer;font-size:16px;transition:border-color var(--t-fast) ease}.iconbtn:hover{border-color:var(--accent)}.wshell{min-height:100dvh;display:flex;flex-direction:column;padding:20px;max-width:560px;margin:0 auto}.wtop{display:flex;align-items:center;justify-content:space-between}.wbody{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.wname{font-size:28px;font-weight:800;letter-spacing:-.5px}.wtime{font-family:var(--mono);font-size:56px;font-weight:700;letter-spacing:-2px}.wdate{color:var(--muted);margin-bottom:18px}.wbtn{width:min(72vw,300px);height:min(72vw,300px);border-radius:999px;border:none;cursor:pointer;font-family:var(--ui);font-weight:800;font-size:26px;display:grid;place-items:center;gap:8px;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;animation:wbreathe 4.5s ease-in-out infinite}.wbtn:active{transform:scale(.97)}.wbtn.in{background:var(--accent);color:#0a0b08;box-shadow:0 0 #b6f23d80}.wbtn.out{background:transparent;color:var(--accent);border:3px solid var(--accent);animation:none}.wbtn.done{background:var(--surface);color:var(--muted);border:2px solid var(--border);animation:none;cursor:default}.wbtn .ic{font-size:56px;line-height:1}@keyframes wbreathe{0%,to{box-shadow:0 0 #b6f23d59}50%{box-shadow:0 0 0 14px #b6f23d00}}.wstatus{font-size:17px;color:var(--text);margin-top:22px;min-height:24px}.wpick{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}@media (max-width: 420px){.wpick{grid-template-columns:1fr}}.wcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .15s,transform .08s}.wcard:hover{border-color:var(--accent)}.wcard:active{transform:scale(.98)}.wcard .av{width:64px;height:64px;border-radius:999px;background:#b6f23d24;color:var(--accent);display:grid;place-items:center;font-size:28px;font-weight:800;margin:0 auto 12px}.wcard .nm{font-size:20px;font-weight:700}.langsel{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:10px 16px;font-size:16px;font-family:inherit}