@font-face{font-family:Barlow Condensed;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#050f0b;--ink:#eef6f0;--mut:#a9c7b7;--acc:#3be38a;--lime:#b5f04b;--grad:linear-gradient(90deg, #22d37a, #b5f04b);--glass:#ffffff0e;--glass-2:#ffffff17;--line:#ffffff1f;--hi:#ffffff38;--r:22px;--display:"Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:170px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.muted{color:var(--mut)}.small{font-size:13px}.blobs{z-index:0;pointer-events:none;background:radial-gradient(1200px 700px at 10% -10%,#0f3a28 0%,#0000 60%),linear-gradient(160deg,#0b281c 0%,#06140f 50%,#030a07 100%);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);opacity:.55;border-radius:50%;animation:22s ease-in-out infinite alternate drift;position:absolute}.b1{background:#1fbf6c;width:560px;height:560px;top:-160px;right:-120px}.b2{opacity:.28;background:#9fe24a;width:480px;height:480px;animation-delay:-8s;bottom:-200px;left:-140px}.b3{opacity:.35;background:#0f7a46;width:380px;height:380px;animation-delay:-14s;top:40%;left:45%}@keyframes drift{to{transform:translate(60px,40px)scale(1.12)}}.grain{opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.glass{border:1px solid var(--line);border-top-color:var(--hi);-webkit-backdrop-filter:blur(22px)saturate(160%);border-radius:var(--r);background:linear-gradient(145deg,#ffffff17,#ffffff09);box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff14}.chip{letter-spacing:3px;text-transform:uppercase;color:#07140f;background:#eef6f0eb;border-radius:99px;padding:7px 16px;font-size:12px;font-weight:700;display:inline-block}.gate{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.gate-card{z-index:1;flex-direction:column;align-items:flex-start;gap:18px;width:min(440px,100%);padding:40px 36px;display:flex;position:relative}.gate-title{font-family:var(--display);text-transform:uppercase;font-size:64px;font-weight:800;line-height:.92}.gate-form{flex-direction:column;gap:12px;width:100%;display:flex}.gate-form input,.search,.note-form input{border:1px solid var(--line);background:#00000040;border-radius:14px;outline:none;width:100%;padding:14px 16px;transition:border .2s,background .2s}.gate-form input:focus,.search:focus,.note-form input:focus{border-color:var(--acc);background:#00000059}.err{color:#ff9a8f;font-size:14px}.btn-primary{background:var(--grad);color:#06140d;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 8px 24px #22d37a4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #22d37a66}.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.app{position:relative}main{z-index:1;max-width:1280px;margin:0 auto;padding:120px 28px 80px;position:relative}.topbar{z-index:10;border-radius:99px;justify-content:space-between;align-items:center;gap:16px;width:min(1240px,100% - 28px);padding:10px 12px 10px 22px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.brand{font-family:var(--display);letter-spacing:.5px;white-space:nowrap;font-size:26px;font-weight:800}.nav-stages{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.nav-stages a{color:var(--mut);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:flex;position:relative}.nav-stages a:hover{color:var(--ink);background:var(--glass)}.nav-stages a.on{color:var(--ink);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line)}.nav-num{font-family:var(--display);color:var(--acc);font-size:16px;font-weight:800}.nav-mini{background:#ffffff1a;border-radius:9px;width:34px;height:4px;overflow:hidden}.nav-mini span{background:var(--grad);height:100%;transition:width .6s;display:block}.me{background:var(--glass);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.me-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}.avatar{--h:140;color:#06140d;background:linear-gradient(135deg, hsl(var(--h) 75% 62%), hsl(calc(var(--h) + 30) 80% 70%));border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.avatar.sm{width:26px;height:26px;font-size:11px}.hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;margin-bottom:28px;display:grid}.hero h1{font-family:var(--display);text-transform:uppercase;margin:18px 0;font-size:clamp(64px,9vw,128px);font-weight:800;line-height:.9}.lead{color:#d3e6da;max-width:600px;font-size:19px;line-height:1.55}.stats{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.stat{border-radius:18px;flex-direction:column;gap:2px;min-width:112px;padding:16px 20px;display:flex}.stat b{font-family:var(--display);font-size:44px;line-height:1}.stat span{color:var(--mut);font-size:13px}.stat.accent b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-ring{aspect-ratio:1;border-radius:40px;justify-self:end;place-items:center;width:100%;max-width:380px;padding:40px;display:grid;position:relative}.ring{filter:drop-shadow(0 0 30px #22d37a59);width:100%;height:auto}.ring-label{flex-direction:column;align-items:center;display:flex;position:absolute}.ring-label b{font-family:var(--display);font-size:84px;line-height:1}.ring-label span{color:var(--mut);font-size:14px}.flow{grid-template-columns:repeat(4,1fr);gap:14px;margin:44px 0;display:grid}.flow-step{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;padding:22px;transition:transform .2s,border-color .2s;display:grid;position:relative}.flow-step:hover{border-color:#3be38a80;transform:translateY(-3px)}.flow-num{font-family:var(--display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;grid-row:span 2;font-size:52px;font-weight:800;line-height:1}.flow-name{font-family:var(--display);text-transform:uppercase;font-size:28px;font-weight:800;line-height:1}.flow-tag{color:var(--mut);letter-spacing:1.5px;text-transform:uppercase;font-size:12px}.flow-count{color:var(--acc);background:#3be38a1f;border-radius:99px;grid-area:1/3/span 2;padding:6px 10px;font-size:14px;font-weight:700}.flow-arrow{color:var(--acc);z-index:2;font-size:18px;position:absolute;top:50%;right:-14px;transform:translate(50%,-50%)}.section-title{font-family:var(--display);text-transform:uppercase;margin-bottom:16px;font-size:40px;font-weight:800}.rules-strip{margin-bottom:44px}.rules-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.rule{flex-direction:column;gap:8px;padding:22px;display:flex}.rule-n{font-family:var(--display);color:var(--acc);font-size:20px;font-weight:800}.rule h3{font-family:var(--display);text-transform:uppercase;font-size:26px;font-weight:800;line-height:1}.rule p{color:var(--mut);font-size:14px;line-height:1.5}.toolbar{z-index:5;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding:10px;display:flex;position:sticky;top:84px}.filters{flex-wrap:wrap;gap:4px;display:flex}.filters button{color:var(--mut);border-radius:12px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.filters button:hover{color:var(--ink)}.filters button.on{background:var(--grad);color:#06140d}.search{max-width:280px;padding:10px 14px}.layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.stage{margin-bottom:56px}.stage-head{align-items:flex-start;gap:22px;margin-bottom:20px;display:flex}.stage-num{font-family:var(--display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:110px;font-weight:800;line-height:.8}.stage-info{flex-direction:column;flex:1;gap:8px;display:flex}.stage-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stage h2{font-family:var(--display);text-transform:uppercase;font-size:54px;font-weight:800;line-height:.9}.tag{letter-spacing:2px;text-transform:uppercase;color:var(--lime);background:#3be38a24;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:700}.tag.gold{color:#f1d873;background:#e8c5472e}.bar{background:#ffffff14;border-radius:99px;height:10px;margin-top:6px;position:relative;overflow:hidden}.bar span{background:var(--grad);border-radius:99px;transition:width .7s cubic-bezier(.2,.8,.2,1),left .7s;position:absolute;top:0;bottom:0;left:0}.bar span.doing{background:repeating-linear-gradient(45deg,#b5f04b73 0 6px,#b5f04b33 6px 12px);border-radius:0}.bar-legend{color:var(--mut);font-size:13px}.bar-legend b{color:var(--ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:14px;display:grid}.empty{padding:20px 0}.task{border-radius:20px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,border-color .25s,box-shadow .25s;display:flex}.task:hover{transform:translateY(-2px)}.task.is-doing{border-color:#b5f04b73;box-shadow:0 10px 40px #00000059,0 0 0 1px #b5f04b26,0 0 30px #b5f04b14}.task.is-done{background:linear-gradient(145deg,#22d37a21,#22d37a0a);border-color:#3be38a59}.task.is-open{border-color:#3be38a73}.task-top{align-items:flex-start;gap:12px;display:flex}.check{color:#0000;border:2px solid #ffffff4d;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-top:1px;transition:all .25s cubic-bezier(.2,.8,.2,1);display:grid}.check:hover{border-color:var(--acc)}.check.on{background:var(--grad);color:#06140d;border-color:#0000;transform:scale(1.06);box-shadow:0 0 18px #22d37a80}.task-main{text-align:left;flex:1;min-width:0}.task h3{background-image:linear-gradient(var(--acc), var(--acc));background-position:0 55%;background-repeat:no-repeat;background-size:0% 2px;font-size:17px;font-weight:700;line-height:1.3;transition:background-size .4s,color .3s;display:inline;position:relative}.is-done h3{color:var(--mut);background-size:100% 2px}.task-sub{color:var(--mut);margin-top:4px;font-size:13px}.expand{color:var(--mut);border-radius:10px;flex:none;align-items:center;gap:6px;padding:4px;display:flex}.expand:hover{color:var(--ink);background:var(--glass)}.expand svg{transition:transform .25s}.expand .rot{transform:rotate(180deg)}.badge{background:var(--acc);color:#06140d;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.task-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-left:42px;display:flex}.seg{border:1px solid var(--line);background:#00000040;border-radius:11px;padding:3px;display:flex}.seg button{white-space:nowrap;color:var(--mut);border-radius:8px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .2s}.seg button:hover{color:var(--ink)}.seg button.on.todo{color:var(--ink);background:#ffffff24}.seg button.on.doing{color:#06140d;background:#b5f04be6}.seg button.on.done{background:var(--grad);color:#06140d}.who{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:130px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.who .avatar{width:24px;height:24px;font-size:10px}.take{white-space:nowrap;color:var(--acc);border:1px dashed #3be38a80;border-radius:9px;padding:5px 10px;font-size:13px;font-weight:600}.take:hover{background:#3be38a1a}.task-body{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:14px;animation:.25s fadein;display:flex}@keyframes fadein{0%{opacity:0;transform:translateY(-4px)}}.rules{flex-direction:column;gap:7px;list-style:none;display:flex}.rules li{color:#d3e6da;padding-left:18px;font-size:14px;line-height:1.45;position:relative}.rules li:before{content:"";background:var(--acc);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:2px}.notes{background:#0000002e;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.notes-title{letter-spacing:2px;text-transform:uppercase;color:var(--acc);font-size:11px;font-weight:700}.note{gap:10px;display:flex}.note-head{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px;display:flex}.note-body{word-break:break-word;margin-top:2px;font-size:14px;line-height:1.45}.link{color:var(--mut);font-size:12px;text-decoration:underline}.note-form{gap:8px;display:flex}.note-form input{padding:10px 12px;font-size:14px}.btn-small{background:var(--grad);color:#06140d;border-radius:12px;padding:0 14px;font-size:13px;font-weight:700}.btn-small:disabled{opacity:.4;cursor:default}.side{position:sticky;top:160px}.feed{flex-direction:column;gap:14px;padding:20px;display:flex}.feed h3{font-family:var(--display);text-transform:uppercase;font-size:28px;font-weight:800}.feed-item{align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.warn{color:#f1d873}.foot{text-align:center;color:var(--mut);margin-top:40px;font-size:14px}.toast{z-index:20;border-radius:99px;padding:14px 22px;font-weight:700;animation:.35s cubic-bezier(.2,.8,.2,1) toast;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,16px)}}.confetti{z-index:30;pointer-events:none;border-radius:2px;width:7px;height:7px;animation:.8s cubic-bezier(.2,.8,.2,1) forwards pop;position:fixed}@keyframes pop{to{transform:translate(var(--dx), calc(var(--dy) + 40px)) rotate(240deg);opacity:0}}@media (width<=1080px){.layout{grid-template-columns:1fr}.side{position:static}.rules-grid,.flow{grid-template-columns:repeat(2,1fr)}.flow-arrow{display:none}}@media (width<=760px){.task-meta{padding-left:0}.grid,.hero{grid-template-columns:1fr}.hero-ring{justify-self:center;max-width:280px}.nav-stages,.me-name{display:none}.toolbar{flex-direction:column;align-items:stretch;top:80px}.search{max-width:none}.stage-num{font-size:72px}.stage h2{font-size:40px}.rules-grid,.flow{grid-template-columns:1fr}}