:root{--red: #e8322b;--yellow: #ffd21f;--cyan: #22c3e6;--green: #3bd16f;--purple: #7b3cf0;--blurple: #5865f2;--ink: #0b0b12;--card: #ffffff;--card-2: #f3f3f8;--text: #14141c;--muted: #5a5a6a;--radius: 16px;--shadow: 0 5px 0 var(--ink);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--card: #1b1b28;--card-2: #262636;--text: #f3f3f8;--muted: #a6a6b8;color-scheme:dark}}:root[data-theme=dark]{--card: #1b1b28;--card-2: #262636;--text: #f3f3f8;--muted: #a6a6b8;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;min-height:100dvh;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600;color:var(--text);background:radial-gradient(circle at 15% 20%,#3bd16f 0,transparent 35%),radial-gradient(circle at 85% 15%,#22c3e6 0,transparent 40%),radial-gradient(circle at 70% 85%,#7b3cf0 0,transparent 45%),linear-gradient(135deg,#1aa6c9,#5b2bd6);background-attachment:fixed;-webkit-tap-highlight-color:transparent}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em}.logo,.brand,h2,.stat-value,.tag,.btn,.row-title{font-family:Lilita One,Impact,sans-serif;font-weight:400}.logo{margin:0;color:#fff;text-align:center;line-height:.9;font-size:clamp(56px,18vw,110px);transform:skew(-8deg) rotate(-3deg);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink),0 10px 18px rgba(0,0,0,.35)}.logo small{display:block;font-size:.42em;color:var(--yellow)}.tag{display:inline-block;margin:18px auto 22px;padding:4px 16px;font-size:20px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:10px;transform:skew(-8deg);box-shadow:0 4px 0 var(--ink)}.tag-red{background:var(--red);color:#fff}.center-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center}.sign-in{width:100%;max-width:440px;text-align:center}.lead{font-weight:800;font-size:17px;margin:0 0 18px}.warn{margin:0;font-weight:800;color:var(--red)}.avatar-big{width:64px;height:64px;border-radius:50%;border:3px solid var(--ink);margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 22px;font-size:22px;color:#fff;text-decoration:none;background:var(--red);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);transform:skew(-6deg);cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:active{transform:skew(-6deg) translateY(3px);box-shadow:0 2px 0 var(--ink)}.btn-discord{background:var(--blurple);width:100%}.btn-small{min-height:40px;font-size:17px;padding:6px 14px}.app{max-width:960px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 0 10px}.brand{color:#fff;font-size:26px;white-space:nowrap;transform:skew(-8deg);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.brand small{color:var(--yellow);font-size:.7em}.who{display:flex;align-items:center;gap:8px;min-width:0;color:#fff;font-weight:800;font-size:14px}.who img{width:32px;height:32px;border-radius:50%;border:2px solid var(--ink);flex:none}.who-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30vw}.who a{opacity:.9;white-space:nowrap;padding:8px 0}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:3px solid var(--ink)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border-radius:12px;font-weight:900;font-size:13px;text-decoration:none;color:var(--muted)}.tab span{font-size:20px}.tab-active{color:var(--ink);background:var(--yellow);border:2px solid var(--ink)}@media (min-width: 720px){.app{padding-bottom:40px}.tabs{position:static;display:flex;gap:10px;padding:0;margin:6px 0 18px;background:none;border:none}.tab{flex-direction:row;gap:8px;padding:0 18px;min-height:44px;font-size:16px;color:#fff;background:#0b0b1240;border:2px solid transparent}.tab span{font-size:18px}.tab-active{color:var(--ink);background:var(--yellow);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.who-name{max-width:220px}}.content{padding-top:6px}.card{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}.section-title h2{margin:0;color:#fff;font-size:28px;transform:skew(-8deg);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.content>.section-title:first-child{margin-top:4px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 720px){.stats{grid-template-columns:repeat(4,1fr);gap:14px}}.stat{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.stat-value{font-size:clamp(32px,9vw,44px);line-height:1;color:var(--red);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.stat-label{margin-top:4px;font-weight:900;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.checks{list-style:none;margin:0;padding:0}.check{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label pill" "detail pill";align-items:center;column-gap:12px;padding:10px 0;border-bottom:2px dashed var(--card-2)}.check:last-child{border-bottom:none}.check-label{grid-area:label;font-weight:900}.check-detail{grid-area:detail;font-size:14px;color:var(--muted)}.check .pill{grid-area:pill}.list{display:grid;gap:10px}.row-card,.attempt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;background:var(--card);border:3px solid var(--ink);border-radius:14px;padding:12px 14px;box-shadow:0 4px 0 var(--ink)}.row-main{display:flex;flex-direction:column;flex:1 1 200px;min-width:0}.row-title{font-size:20px;line-height:1.15;overflow-wrap:anywhere}.row-sub{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.row-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.muted{color:var(--muted);font-family:Nunito,sans-serif;font-size:14px}.pill{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border:2px solid var(--ink);border-radius:999px;font-weight:900;font-size:13px;white-space:nowrap;color:var(--ink);background:var(--card-2)}.pill-green{background:var(--green)}.pill-red{background:var(--red);color:#fff}.pill-yellow{background:var(--yellow)}.pill-cyan{background:var(--cyan)}.pill-purple{background:var(--purple);color:#fff}.search{width:100%;min-height:52px;padding:12px 16px;margin-bottom:12px;font:inherit;font-size:16px;color:var(--text);background:var(--card);border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink)}.search:focus{outline:3px solid var(--yellow);outline-offset:2px}.player{padding:0;overflow:hidden}.player-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;min-height:64px;padding:12px 14px;font:inherit;color:inherit;text-align:left;background:none;border:none;cursor:pointer}.dot{width:12px;height:12px;flex:none;border-radius:50%;border:2px solid var(--ink);background:var(--card-2)}.dot-on{background:var(--green)}.details{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;margin:0;padding:12px 14px 16px;border-top:2px dashed var(--card-2);font-size:15px}.details dt{font-weight:900;color:var(--muted)}.details dd{margin:0;min-width:0;overflow-wrap:anywhere}@media (max-width: 380px){.details{grid-template-columns:1fr;gap:2px}.details dd{margin-bottom:8px}}.copy{display:inline-flex;align-items:center;gap:6px;max-width:100%}.copy code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;border-radius:8px;background:var(--card-2)}.copy-btn{flex:none;min-height:36px;padding:4px 12px;font:inherit;font-weight:900;font-size:13px;color:var(--ink);background:var(--cyan);border:2px solid var(--ink);border-radius:10px;cursor:pointer}.empty{margin:12px 0;color:#fff;font-weight:900;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.25)}.hint{margin:-2px 0 12px;color:#fff;font-weight:800;font-size:14px;text-shadow:0 1px 0 rgba(0,0,0,.3)}.footnote{margin:18px 0 0;color:#fff;opacity:.9;font-weight:800;font-size:13px;text-align:center}.error-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.error-card p{margin:0;font-weight:800;color:var(--red)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.wl-form form{display:grid;gap:14px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg-btn{min-height:48px;font:inherit;font-weight:900;font-size:16px;color:var(--text);background:var(--card-2);border:3px solid var(--ink);border-radius:12px;cursor:pointer}.seg-on{background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 var(--ink)}.field{display:grid;gap:6px;font-weight:900;font-size:14px}.field input{min-height:50px;padding:10px 14px;font:inherit;font-size:16px;font-weight:700;color:var(--text);background:var(--card-2);border:3px solid var(--ink);border-radius:12px;width:100%}.field input:focus{outline:3px solid var(--yellow);outline-offset:2px}.check-row{display:flex;align-items:center;gap:10px;font-weight:800;min-height:44px;cursor:pointer}.check-row input{width:22px;height:22px;accent-color:var(--purple);flex:none}.btn-add{width:100%;background:var(--green);color:var(--ink)}.btn:disabled{opacity:.6;cursor:default}.form-ok{margin:0;font-weight:900;color:var(--green)}.form-err{margin:0;font-weight:900;color:var(--red)}.wl-form+.list,.wl-form+.empty,.wl-form+.error-card{margin-top:14px}.x-btn{width:40px;height:40px;flex:none;font:inherit;font-size:18px;font-weight:900;color:#fff;background:var(--red);border:2px solid var(--ink);border-radius:10px;cursor:pointer}.x-btn:disabled{opacity:.5}.link-btn{justify-self:start;padding:4px 0;min-height:36px;font:inherit;font-weight:800;font-size:14px;color:var(--purple);background:none;border:none;text-decoration:underline;cursor:pointer;text-align:left}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .link-btn{color:var(--cyan)}}