@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--accent:#07f;--accent-grad:linear-gradient(to top in oklch, #0865ef, #3fa5ff);--accent-grad-hover:linear-gradient(to top in oklch, #1154d9, #3fa5ff);--accent-deep:#0865ef;--accent-soft:#eff8ff;--danger:#dc2626;--danger-soft:#fef2f2;--warn:#b45309;--warn-soft:#fffbeb;--muted:#737373;--faint:#a1a1a1;--line:#0000001a;--soft:#f5f5f5;--soft-2:#e5e5e5;--soft-3:#d4d4d4;--band:#f4f4f5;--shadow-sm:0 1px 8px #0000000d;--shadow-md:0 2px 16px #0000001a;--shadow-lg:0 3px 24px #00000026;--shadow-button:0 1px 1px #0000001a, 0 4px 8px -6px #000000b3;--dim:inset 0 0 0 999px #0000000d;--veil:#fffffff7;--veil-blur:blur(1px);--nav:88px;--viewport-height:100dvh}@media (width>=900px){:root{--nav:72px}}@media (display-mode:standalone){:root{--viewport-height:calc(100dvh + min(env(safe-area-inset-top), max(0px, calc(100vh - 100dvh))))}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}@media (width<=899px){*{scrollbar-width:none}::-webkit-scrollbar{display:none}}[hidden]{display:none!important}:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}body{color:#000;-webkit-text-size-adjust:none;-webkit-touch-callout:none;background:#fff;margin:0;font-family:Poppins,Verdana,sans-serif}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0}input,textarea,select{color:inherit;font:inherit}::placeholder{opacity:1;color:var(--faint)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}img{-webkit-user-drag:none}dialog:focus-visible{outline:none}dialog::backdrop{background:#00000080}#view{transition:opacity .3s}#view[aria-busy=true]{opacity:.3}.icon{flex:none;width:24px;height:24px}.btn{background:var(--soft);height:44px;color:inherit;letter-spacing:.025em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .1s;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--soft-2)}}.btn:active{background:var(--soft-3);transform:scale(.95)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{box-shadow:var(--shadow-button);background:var(--accent-grad);color:#fff}@media (hover:hover){.btn.primary:hover{background:var(--accent-grad-hover)}}.btn.primary:active{background:var(--accent-deep)}.btn.primary:disabled{opacity:1;box-shadow:none;background:var(--soft);color:var(--faint)}.btn.lg{height:56px;padding:0 28px;font-size:18px}.btn.sm{height:36px;padding:0 14px;font-size:14px}.btn .icon{width:20px;height:20px}.icon-btn{width:40px;height:40px;color:inherit;border-radius:50%;flex:none;place-items:center;display:grid}@media (hover:hover){.icon-btn:hover{background:#7373731a}}.icon-btn:active{background:#73737333;transform:scale(.9)}.icon-btn.lg{width:52px;height:52px}.link{color:var(--accent);padding:8px 4px;font-size:15px;font-weight:500;text-decoration:none}@media (hover:hover){.link:hover{text-decoration:underline}}.muted{color:var(--muted)}.text-btn{height:36px;color:inherit;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.text-btn .icon{width:18px;height:18px}@media (hover:hover){.text-btn:hover{background:#7373731a}}.text-btn:active{background:#73737333;transform:scale(.95)}.text-btn:disabled{cursor:default;color:var(--faint);background:0 0;transform:none}a.text-btn{color:var(--accent)}.working{color:#0000;background:linear-gradient(90deg,#000 45%,#b5b5b5 50%,#000 55%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.spin{border:2.5px solid;border-right-color:#0000;border-radius:50%;flex:none;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{rotate:1turn}}.form{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.form:disabled{opacity:.5}.fld{gap:8px;min-width:0;display:grid}.flbl{justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.flbl small{color:var(--muted);font-size:13px;font-weight:400}.fbox{cursor:text;box-shadow:var(--shadow-sm);border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:13px 16px;transition:border-color .15s,box-shadow .15s,background .6s;display:block}.fbox:focus-within{box-shadow:0 0 0 1px var(--accent);border-color:var(--accent)}.fbox:has([aria-invalid=true]){box-shadow:0 0 0 1px var(--danger);border-color:var(--danger)}.fbox:has(:disabled){cursor:default;box-shadow:none;background:var(--soft)}.fbox :is(input,textarea,select){background:0 0;border:0;outline:0;width:100%;margin:0;padding:0;font-size:16px;line-height:24px;display:block}.fbox :disabled{color:var(--muted);-webkit-text-fill-color:var(--muted)}.fbox textarea{field-sizing:content;resize:none;min-height:72px}.f-msg{color:var(--danger);text-wrap:pretty;margin:-2px 4px 0;font-size:13px;font-weight:500;line-height:1.45}.f-msg:empty{display:none}.f-msg :is(a,.link){color:inherit;font-size:inherit;text-underline-offset:2px;padding:0;text-decoration:underline}.f-hint{color:var(--muted);text-wrap:pretty;margin:-2px 4px 0;font-size:13px;line-height:1.45}.f-msg:not(:empty)+.f-hint{display:none}.check{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;font-size:14px;line-height:1.45;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.check:has([aria-invalid=true]){box-shadow:0 0 0 1px var(--danger);border-color:var(--danger)}.fl{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;min-height:16px;font-size:11px;font-weight:600;line-height:16px;display:flex}.fl small{color:var(--muted);letter-spacing:0;text-transform:none;font-size:11px;font-weight:500}.fl .text-btn{letter-spacing:0;text-transform:none;height:24px;margin:-4px -8px -4px 0;padding:0 8px;font-size:12px}.fl .text-btn .icon{width:14px;height:14px}.page-h{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 0;display:flex}.page-h h1{font-size:24px;line-height:1.2}.page-h p{color:var(--muted);margin-top:2px;font-size:14px}@media (width>=900px){.page-h{min-height:88px;padding:20px 0 12px}.page-h h1{font-size:28px}}.fan{align-items:center;display:flex}.fan .post{box-shadow:0 0 0 2px #fff, var(--shadow-md);border-radius:8px;width:28cqw;transition:rotate .2s,translate .2s,scale .2s}.fan .post:first-child{translate:35% 4%;rotate:-10deg}.fan .post:nth-child(2){z-index:1}.fan .post:nth-child(3){translate:-35% 4%;rotate:10deg}.g-h{color:var(--muted);margin:28px 4px 10px;font-size:13px;font-weight:600}.tier-chip{vertical-align:2px;background:var(--accent-soft);height:22px;color:var(--accent);letter-spacing:.02em;border-radius:99px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.secure{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.secure .icon{width:14px;height:14px}.group{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.it{width:100%;min-height:60px;color:inherit;text-align:left;align-items:center;gap:14px;padding:10px 14px;text-decoration:none;display:flex}.it+.it{border-top:1px solid var(--line)}@media (hover:hover){.it:is(button,a):hover{background:#00000008}}.it:is(button,a):active{background:#0000000f}.it>:is(.icon,img,svg){flex:none;width:24px;height:24px}.it>.off{opacity:.3;filter:grayscale()}.it .chev{width:18px;height:18px;color:var(--faint)}.it.danger{color:var(--danger)}.it .btn{flex:none;height:32px;padding:0 14px;font-size:13px}.rt{flex:1;min-width:0;line-height:1.3}.rt b{font-size:15px;font-weight:500;display:block}.rt small{color:var(--muted);text-overflow:ellipsis;margin-top:2px;font-size:13px;display:block;overflow:hidden}.radio{border:2px solid var(--soft-3);border-radius:50%;flex:none;width:20px;height:20px}[aria-checked=true]>.radio{border:6px solid var(--accent)}.dot{background:var(--danger);border-radius:50%;flex:none;width:8px;height:8px}.dot.blue{background:var(--accent)}.btn.danger{color:#ef4444}.btn.danger-fill{box-shadow:var(--shadow-button);background:var(--danger);color:#fff}@media (hover:hover){.btn.danger-fill:hover{background:#b91c1c}}.toast{opacity:0;inset:auto auto calc(84px + env(safe-area-inset-bottom)) 50%;pointer-events:none;color:#fff;background:#000;border:0;border-radius:99px;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:11px 18px;font-size:14px;font-weight:500;transition:all .2s;position:fixed;transform:translate(-50%,12px)}.toast.on{opacity:1;transform:translate(-50%)}@starting-style{.toast.on{opacity:0;transform:translate(-50%,12px)}}@scope(.shell){:scope{min-height:var(--viewport-height);flex-direction:column;display:flex}main{outline:none;flex-direction:column;flex:1;display:flex}.banner{z-index:30;background:var(--danger);padding:calc(env(safe-area-inset-top) + 16px) 16px 16px;color:#fff;text-align:center;justify-items:center;gap:16px;font-size:18px;font-weight:500;display:grid;position:sticky;top:0}.offline{z-index:30;color:#fff;background:#000;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto;padding:8px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;inset:12px 12px auto}.offline .icon{width:18px;height:18px}.banner-row{align-items:center;gap:12px;display:flex}.nav{z-index:20;-webkit-backdrop-filter:var(--veil-blur);backdrop-filter:var(--veil-blur);border-top:1px solid var(--line);background:var(--veil);padding-bottom:env(safe-area-inset-bottom);transition:translate .3s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0}.brand{display:none}.nav-item{color:#000;flex:1;place-items:center;height:56px;transition:transform .1s;display:grid;position:relative}.nav-item:active{transform:scale(.95)}.nav-item[aria-current=page]{color:var(--accent)}@media (hover:hover){.nav-item:hover{background:var(--accent-soft);color:var(--accent)}}:scope.app main{padding-bottom:calc(56px + env(safe-area-inset-bottom))}:scope[data-keyboard] .nav{translate:0 100%}:scope[data-keyboard] main{padding-bottom:0}@media (width>=900px){.nav{border-top:0;border-right:1px solid var(--line);width:var(--nav);flex-direction:column;align-items:center;gap:24px;padding:24px 0 16px;top:0;right:auto}.brand{width:36px;height:36px;margin-bottom:4px;display:block}.brand svg{width:100%;height:100%}.nav-item{flex:none;width:48px;height:48px}.nav-item .icon{width:26px;height:26px}@media (hover:hover){.nav-item:hover{background:0 0}}.nav-item:last-child{margin-top:auto}:scope.app main{padding:0 0 0 var(--nav)}}}@scope(.system){:scope{min-height:var(--viewport-height);text-align:center;flex:1;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.big{color:var(--soft-2);letter-spacing:-.04em;font-size:120px;font-weight:700;line-height:1}.ico{background:var(--soft);border-radius:24px;place-items:center;width:72px;height:72px;margin-bottom:8px;display:grid}.ico .icon{width:32px;height:32px;color:var(--muted)}h1{font-size:24px}p:not(.big){max-width:340px;color:var(--muted);text-wrap:pretty;font-size:15px}.btn{margin-top:12px}}
