:root{--bg:#0e0f13;--bg-2:#15171d;--card:#1b1e26;--card-2:#232733;--line:#2c3140;--text:#eef0f5;--muted:#9aa1b2;--accent:#ff3d6e;--accent-2:#ff7a59;--accent-soft:#ff3d6e24;--ok:#3ccf8e;--ok-soft:#3ccf8e24;--warn:#ffb547;--warn-soft:#ffb54724;--bad:#ff5c5c;--radius:14px;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f6f9;--bg-2:#eceef3;--card:#fff;--card-2:#f3f4f8;--line:#dde0e8;--text:#171a21;--muted:#5d6475;--accent:#e8285a;--accent-2:#f2603f;--accent-soft:#e8285a1a;--ok:#13985d;--ok-soft:#13985d1a;--warn:#b9740a;--warn-soft:#b9740a1f;--bad:#d33434;--shadow:0 8px 24px #14182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.2}h1{font-size:1.7rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .8em}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;font-size:1.05rem;font-weight:800;text-decoration:none;display:flex}.brand img{width:28px;height:28px}.brand span{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.nav{flex:1;gap:4px;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;text-decoration:none}.nav a:hover{color:var(--text);background:var(--card)}.nav a.active{color:var(--text);background:var(--card-2)}.userchip{align-items:center;gap:8px;display:flex}.page{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head p{color:var(--muted);margin:0}.grid{gap:14px;display:grid}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}@media (width<=820px){.two-col{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card.link{text-decoration:none;transition:transform .12s,border-color .12s;display:block}.card.link:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));transform:translateY(-2px)}.card+.card{margin-top:14px}.grid>.card+.card{margin-top:0}.muted{color:var(--muted)}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.small{font-size:.85rem}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.stack>*+*{margin-top:12px}.spacer{flex:1}button,.btn{font:inherit;border:1px solid var(--line);background:var(--card-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.btn:hover{border-color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.primary:hover{filter:brightness(1.08);border-color:#0000}.danger{color:var(--bad)}.ghost{background:0 0}.discord{color:#fff;background:#5865f2;border-color:#0000;padding:12px 20px;font-size:1rem}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{width:auto;accent-color:var(--accent)}textarea{resize:vertical;min-height:80px}label.field{display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.fields{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.tabs{background:var(--bg-2);border-radius:12px;flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;padding:6px 12px}.tabs button.on{background:var(--card-2);color:var(--text)}.tag{background:var(--card-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.tag.accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.tag.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.tag.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.tags{flex-wrap:wrap;gap:6px;display:flex}.avatar{background:var(--card-2);object-fit:cover;width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar.lg{width:48px;height:48px;font-size:1.1rem}.slot-day{margin-bottom:12px}.slot-day h4{text-transform:capitalize;color:var(--muted);align-items:center;gap:8px;margin:0 0 6px;font-size:.85rem;display:flex}.slot-day h4 button{padding:1px 8px;font-size:.75rem;font-weight:500}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg-2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:5px 10px;font-size:.85rem;font-weight:600}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.chip .count{opacity:.8;margin-left:4px;font-size:.72rem}.match{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;display:grid}@media (width<=600px){.match{grid-template-columns:auto 1fr}.match .ring{grid-column:1/-1;justify-self:start}}.ring{--p:0;--c:var(--accent);background:conic-gradient(var(--c) calc(var(--p) * 1%), var(--card-2) 0);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.ring span{background:var(--card);border-radius:50%;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.bars{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;margin-top:8px;font-size:.82rem;display:grid}.bar{background:var(--card-2);border-radius:3px;height:6px;overflow:hidden}.bar>i{background:var(--accent);border-radius:3px;height:100%;display:block}.bar.na>i{background:0 0}.checklist{border:1px solid var(--line);border-radius:10px;max-height:520px;overflow:auto}.checklist .item{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 12px;display:flex}.checklist .item .name{flex:1}.checklist .item button{padding:3px 8px}.checklist label{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.checklist label:last-child{border-bottom:none}.checklist label:hover{background:var(--card-2)}.checklist label .name{flex:1}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}th{color:var(--muted);font-size:.8rem;font-weight:600}.table-wrap{overflow-x:auto}.notice{background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.notice.warn{background:var(--warn-soft);border-color:#0000}.notice.error{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad);border-color:#0000}.notice.ok{background:var(--ok-soft);border-color:#0000}.toast{z-index:50;background:var(--card-2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.error{color:var(--bad)}.sticky-save{justify-content:flex-end;margin-top:16px;display:flex;position:sticky;bottom:16px}.sticky-save .card{box-shadow:var(--shadow);align-items:center;gap:10px;padding:10px 12px;display:flex}.hero{text-align:center;place-items:center;min-height:calc(100vh - 60px);padding:40px 20px;display:grid}.hero h1{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:900}.hero h1 span{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:520px;margin:0 auto 28px;font-size:1.1rem}.checker{background:repeating-conic-gradient(var(--text) 0 25%, transparent 0 50%) 0 0 / 10px 10px;opacity:.8;border-radius:3px;width:160px;height:10px;margin:0 auto 24px}.empty{text-align:center;color:var(--muted);padding:40px 20px}
