.auth{place-items:center;min-height:100vh;padding:48px 20px;display:grid}.auth-card{gap:22px;width:100%;max-width:460px;display:grid}.auth-card.wide{max-width:620px}.auth-card .brand{justify-self:start;margin:0;font-size:26px}.auth-card h1{font-size:clamp(28px,4vw,38px)}.auth-card .lead{margin-top:-8px;font-size:16px}.auth-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:14px;display:flex}.auth-foot a{color:var(--ink-2)}.fields{gap:14px;display:grid}.fields.two{grid-template-columns:1fr 1fr}@media (width<=560px){.fields.two{grid-template-columns:1fr}}.field{gap:6px;display:grid}.field>span{font:11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.field small{color:var(--muted);font-size:12.5px;line-height:1.45}.field input,.field select{font:inherit;color:var(--ink);background:var(--ground);border:1px solid var(--hair);border-radius:0;width:100%;padding:11px 12px;font-size:15px}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:0}.check{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.check input{accent-color:var(--accent);margin-top:3px}.msg{border:1px solid var(--hair);background:var(--panel);padding:12px 14px;font-size:14.5px}.msg.err{border-color:var(--crit);color:var(--crit)}.msg.ok{border-color:var(--ok);color:var(--ok)}button.btn{font-family:var(--sans)}.linkbtn{font:inherit;color:var(--link);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--hair);background:var(--panel);flex-direction:column;gap:28px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.side .brand{margin:0 0 0 6px;font-size:22px}.side nav{gap:2px;display:grid}.side nav h4{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 8px 6px}.side nav a,.side nav span.off{color:var(--ink-2);justify-content:space-between;align-items:center;padding:8px 10px;font-size:14.5px;text-decoration:none;display:flex}.side nav a:hover{background:var(--panel-2);color:var(--ink)}.side nav a.on{background:var(--panel-2);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}.side nav span.off{color:var(--muted)}.side nav em{font:10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--hair);padding:0 5px;font-style:normal}.side .who{border-top:1px solid var(--hair);gap:4px;margin-top:auto;padding:12px 8px 0;font-size:13.5px;display:grid}.side .who strong{color:var(--ink);font-weight:500}.side .who span{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.main{width:100%;max-width:1180px;padding:40px clamp(20px,4vw,56px) 80px}.main>header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:32px;display:flex}.main h1{font-size:clamp(28px,3.4vw,42px)}.main .lead{margin-top:8px;font-size:16px}.stack{gap:20px;display:grid}.cards{border:1px solid var(--hair);background:var(--panel);grid-template-columns:repeat(4,1fr);display:grid}.cards>div{border-right:1px solid var(--hair);padding:18px 20px}.cards>div:last-child{border-right:0}.cards strong{letter-spacing:-.03em;margin-top:4px;font-size:34px;font-weight:500;display:block}@media (width<=900px){.cards{grid-template-columns:repeat(2,1fr)}.cards>div:nth-child(2){border-right:0}.cards>div:nth-child(-n+2){border-bottom:1px solid var(--hair)}}.todo-list{border:1px solid var(--hair);background:var(--panel);margin:0;padding:0;list-style:none}.todo-list li{border-bottom:1px solid var(--hair-2);align-items:center;gap:12px;padding:13px 16px;font-size:15px;display:flex}.todo-list li:last-child{border-bottom:0}.todo-list i{border:1px solid var(--muted);flex:none;width:16px;height:16px}.todo-list li.done i{background:var(--ok);border-color:var(--ok)}.todo-list li.done span{color:var(--muted);text-decoration:line-through}.todo-list a{margin-left:auto;font-size:14px}.box{border:1px solid var(--hair);background:var(--panel);gap:16px;padding:clamp(18px,2.4vw,28px);display:grid}.box h2{letter-spacing:-.02em;font-size:20px}.tbl-wrap{border:1px solid var(--hair);background:var(--panel);overflow-x:auto}.tbl-wrap table{border-collapse:collapse;width:100%;font-size:14.5px}.tbl-wrap th{text-align:left;font:11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hair);padding:12px 16px;font-weight:400}.tbl-wrap td{border-bottom:1px solid var(--hair-2);vertical-align:middle;padding:12px 16px}.tbl-wrap tr:last-child td{border-bottom:0}.pill{font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid;padding:1px 7px;display:inline-block}.pill.warn{color:var(--crit)}.codes{font:15px var(--mono);background:var(--panel-2);grid-template-columns:repeat(2,1fr);gap:8px 24px;padding:18px;display:grid}.qr{border:1px solid var(--hair);background:#fff;width:180px;height:180px;padding:10px}.secret{font:14px var(--mono);word-break:break-all;background:var(--panel-2);padding:8px 10px}@media (width<=860px){.shell{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--hair);height:auto;position:static}.side nav{grid-template-columns:repeat(2,1fr)}.side nav h4{grid-column:1/-1}.side .who{margin-top:0}}.interval{border:1px solid var(--hair);background:var(--panel);justify-self:start;display:inline-flex}.interval a{color:var(--ink-2);align-items:center;gap:8px;padding:8px 16px;font-size:14px;text-decoration:none;display:flex}.interval a.on{background:var(--ink);color:var(--ground)}.interval em{font:10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-style:normal}.plans{border:1px solid var(--hair);background:var(--panel);grid-template-columns:repeat(3,1fr);display:grid}.plan{border-right:1px solid var(--hair);flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.plan:last-child{border-right:0}.plan.hl{box-shadow:inset 0 3px 0 var(--accent)}.plan.mine{background:var(--panel-2)}.plan h2{font-size:22px}.plan .price{color:var(--ink)}.plan .price strong{letter-spacing:-.03em;font-size:30px;font-weight:500}.plan ul{color:var(--ink-2);flex:1;align-content:start;gap:6px;margin:0;padding-left:18px;font-size:14.5px;display:grid}.plan ul li{margin:0}@media (width<=980px){.plans{grid-template-columns:1fr}.plan{border-right:0;border-bottom:1px solid var(--hair)}}