:root{color-scheme:light;--bg:#faf9f5;--panel:#ffffffcc;--panel-solid:#fff;--ink:#141413;--muted:#6b6a63;--line:#e8e6dc;--clay:#d97757;--clayd:#bd5d3a;--olive:#788c5d;--sky:#6a9bcc;--amber:#c9962f;--oat:#f0eee6;--err:#b3402a;--r:18px;--ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.3,1.5,.5,1);--shadow:0 1px 2px #14141308,0 8px 30px #1414130a;--blob1:#d9775755;--blob2:#6a9bcc44;--blob3:#788c5d44}:root[data-theme=dark]{color-scheme:dark;--bg:#141413;--panel:#1f1e1dcc;--panel-solid:#1f1e1d;--ink:#faf9f5;--muted:#a3a198;--line:#34332f;--oat:#262523;--clay:#e08a6c;--clayd:#e89a7e;--olive:#93a876;--sky:#7fb0dd;--amber:#e0b35c;--err:#ec8a74;--shadow:0 1px 2px #0006,0 10px 40px #0005;--blob1:#d977573a;--blob2:#6a9bcc2e;--blob3:#788c5d2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}:root[data-theme=dark] body:after{mix-blend-mode:screen;opacity:.03}::selection{background:color-mix(in srgb,var(--clay) 35%,transparent)}h1,h2,h3{font-family:Iowan Old Style,Georgia,serif;font-weight:500;line-height:1.15;margin:.2em 0;letter-spacing:-.01em}h2{font-size:clamp(1.9rem,4vw,2.6rem)}h3{font-size:1.2rem}h4{margin:0;font-size:.95rem}small{font-weight:400;color:var(--muted);font-size:.78rem;margin-left:.5rem}.muted{color:var(--muted)}.sm{font-size:.88rem}.mt{margin-top:1.2rem}.okc{color:var(--olive)}p{margin:.4rem 0}code,pre{font-family:ui-monospace,SF Mono,Consolas,monospace}button{font:inherit;font-size:.92rem;color:var(--ink);background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;transition:transform .25s var(--spring),box-shadow .25s,background .25s,border-color .25s,color .25s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #1414131a;border-color:color-mix(in srgb,var(--clay) 50%,var(--line))}button:active:not(:disabled){transform:translateY(0) scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--clay),var(--clayd));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 6px 20px color-mix(in srgb,var(--clay) 38%,transparent)}button.primary:hover:not(:disabled){box-shadow:0 10px 30px color-mix(in srgb,var(--clay) 55%,transparent);border-color:transparent}button.link{border:0;background:none;color:var(--clayd);padding:.2rem 0;box-shadow:none;font-weight:600}button.link:hover:not(:disabled){transform:translate(-3px);box-shadow:none}button.icon{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:1.05rem}button.icon:hover:not(:disabled){transform:rotate(25deg) scale(1.08)}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}input,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.65rem .8rem;width:100%;transition:border-color .2s,box-shadow .2s}input:focus{outline:0;border-color:var(--clay);box-shadow:0 0 0 4px color-mix(in srgb,var(--clay) 18%,transparent)}label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted)}.spark{color:var(--clay);animation:spin 18s linear infinite}.brand:hover .spark{animation-duration:2s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.5)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes drift{50%{transform:translate(30px,-40px) rotate(20deg)}}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8vw,6vh) scale(1.15)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-9vw,-5vh) scale(1.2)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(-5vw,8vh) scale(.9)}}@keyframes fly{0%{transform:rotate(var(--a)) translate(0) scale(1.2);opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) scale(0);opacity:0}}@keyframes chipin{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35}}.rise{animation:rise .65s var(--ease) both;animation-delay:calc(var(--i,0)*80ms)}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.aurora i{position:absolute;border-radius:50%;filter:blur(80px)}.aurora i:nth-child(1){width:46vw;height:46vw;top:-14vw;left:-10vw;background:var(--blob1);animation:float1 22s ease-in-out infinite}.aurora i:nth-child(2){width:40vw;height:40vw;bottom:-12vw;right:-8vw;background:var(--blob2);animation:float2 26s ease-in-out infinite}.aurora i:nth-child(3){width:30vw;height:30vw;top:38%;left:48%;background:var(--blob3);animation:float3 30s ease-in-out infinite}.aurora .glow{position:absolute;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--clay) 20%,transparent),transparent 65%);transform:translate(var(--px,50vw),var(--py,30vh));transition:transform .35s ease-out}.login{min-height:100vh;display:grid;place-items:center;padding:1rem;position:relative;overflow:hidden}.login form{position:relative;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:28px;padding:2.4rem;width:100%;max-width:410px;display:grid;gap:.95rem;box-shadow:var(--shadow),0 30px 80px #d9775618;animation:rise .8s var(--ease) both}.login form.shake{animation:shake .4s}.login p{margin:0;color:var(--muted)}.login h1{font-size:2.3rem}.floaty i{position:absolute;width:260px;height:260px;border-radius:42% 58% 55% 45%;background:var(--oat);filter:blur(2px);animation:drift 14s ease-in-out infinite}.floaty i:nth-child(1){top:8%;left:10%}.floaty i:nth-child(2){bottom:10%;right:12%;background:#d977572a;animation-delay:-4s}.floaty i:nth-child(3){top:20%;right:25%;width:110px;height:110px;background:#6a9bcc2e;animation-delay:-7s}.floaty i:nth-child(4){bottom:20%;left:25%;width:140px;height:140px;background:#788c5d2e;animation-delay:-2s}.err{color:var(--err);font-size:.9rem}nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.65rem 1.3rem;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);flex-wrap:wrap}.brand{display:flex;gap:.55rem;align-items:center;font-family:Georgia,serif;font-size:1.2rem;cursor:default}.tabs{position:relative;display:flex;gap:.15rem;flex:1;flex-wrap:wrap;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--oat) 70%,transparent);max-width:max-content}.tabs .slider{position:absolute;top:3px;bottom:3px;left:0;border-radius:999px;background:var(--panel-solid);box-shadow:0 2px 10px #14141322;transition:transform .5s var(--spring),width .5s var(--spring);z-index:0}.tabs button{position:relative;z-index:1;border:0;background:none;box-shadow:none;color:var(--muted)}.tabs button:hover:not(:disabled){transform:none;box-shadow:none;color:var(--ink)}.tabs button.on{color:var(--ink);font-weight:600}.me{display:flex;gap:.55rem;align-items:center;margin-left:auto}.me b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--clay),var(--clayd));color:#fff;font-size:.78rem;letter-spacing:.04em;transition:transform .3s var(--spring)}.me b:hover{transform:scale(1.12) rotate(-6deg)}main{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:2rem 1rem 5rem}.stack{display:grid;gap:1.2rem}.card,.hero{position:relative;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.5rem;box-shadow:var(--shadow);transition:box-shadow .3s,border-color .3s,transform .3s var(--ease)}.card:before,.mcard:before,.tick:before,.pc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--clay) 14%,transparent),transparent 65%)}.card:hover:before,.mcard:hover:before,.tick:hover:before,button.pc:hover:before{opacity:1}.card:hover{border-color:color-mix(in srgb,var(--clay) 28%,var(--line))}.hero{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;padding:2rem 2.2rem;overflow:hidden;background:radial-gradient(600px circle at 100% 0,color-mix(in srgb,var(--clay) 18%,transparent),transparent 60%),radial-gradient(500px circle at 0 120%,color-mix(in srgb,var(--sky) 16%,transparent),transparent 60%),var(--panel)}.hero p{margin:.3rem 0 1rem}.pills{display:flex;gap:.5rem;flex-wrap:wrap}.pills span{background:var(--oat);border:1px solid var(--line);border-radius:999px;padding:.18rem .8rem;font-size:.82rem;color:var(--muted)}.badge{display:inline-block;background:color-mix(in srgb,var(--clay) 14%,transparent);color:var(--clayd);border-radius:99px;padding:.15rem .8rem;font-size:.78rem;font-weight:600;letter-spacing:.01em}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.grid3 .card{display:flex;gap:1rem;align-items:center}.grid3 .card:hover{transform:translateY(-4px)}.col{display:block}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0;flex-wrap:wrap}.btns{display:inline-flex;gap:.5rem;flex-wrap:wrap}.ring{position:relative;flex:none}.ring svg{display:block}.ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.1rem}.rt{fill:none;stroke:var(--line);stroke-width:7}.rv{fill:none;stroke:var(--clay);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--clay) 45%,transparent))}.bar{height:10px;background:var(--line);border-radius:9px;overflow:hidden;margin:.55rem 0}.bar div{height:100%;background:linear-gradient(90deg,var(--clay),color-mix(in srgb,var(--clay) 60%,#e0b35c));border-radius:9px;transition:width .9s var(--ease);position:relative;overflow:hidden}.bar div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,#fff5 50%,transparent 70%);transform:translate(-100%);animation:shine 3.2s ease-in-out infinite}@keyframes shine{60%,to{transform:translate(100%)}}.bar.alt div{background:linear-gradient(90deg,var(--olive),color-mix(in srgb,var(--olive) 60%,var(--sky)))}.bar.slim{height:5px}.timeline{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.5rem}.timeline li{display:grid;padding:.5rem .85rem;border-left:3px solid var(--line);border-radius:6px 12px 12px 6px;transition:transform .25s var(--ease),background .25s}.timeline li:hover{transform:translate(4px)}.timeline b{font-size:.8rem;color:var(--muted)}.timeline .now{border-color:var(--clay);background:color-mix(in srgb,var(--clay) 10%,transparent)}.timeline .past{opacity:.5}.mcard{position:relative;text-align:left;display:grid;gap:.35rem;padding:1.2rem 1.3rem;border-radius:var(--r);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.mcard:hover:not(:disabled){transform:translateY(-5px)}.mcard b{font-family:Georgia,serif;font-weight:500;font-size:1.05rem;line-height:1.3}.mcard .num{width:32px;height:32px;border-radius:50%;background:var(--oat);display:grid;place-items:center;font-size:.85rem;font-weight:600;transition:transform .3s var(--spring)}.mcard:hover .num{transform:rotate(-12deg) scale(1.12)}.mcard.done{border-color:var(--olive)}.mcard.done .num{background:var(--olive);color:#fff}.mcard small{margin:0}.state{justify-self:start;font-size:.74rem;font-weight:600;border-radius:99px;padding:.1rem .65rem;background:var(--oat);color:var(--muted)}.state.p{background:color-mix(in srgb,var(--amber) 22%,transparent);color:var(--amber)}.state.d{background:color-mix(in srgb,var(--olive) 24%,transparent);color:var(--olive)}.stages{display:flex;gap:.5rem;list-style:none;padding:0;margin:1rem 0 0;flex-wrap:wrap}.stg{display:flex;gap:.5rem;align-items:center;padding:.3rem .9rem .3rem .35rem;background:var(--oat);color:var(--muted);font-size:.85rem}.stg i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);font-size:.75rem;transition:background .3s}.stg.ok{background:color-mix(in srgb,var(--olive) 18%,transparent);color:var(--ink)}.stg.ok i{background:var(--olive);color:#fff;animation:pop .4s}.map{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}.mapbar{display:flex;gap:.4rem;align-items:center;padding:.5rem .8rem;background:var(--oat);font:.78rem ui-monospace,monospace;color:var(--muted)}.mapbar span{width:10px;height:10px;border-radius:50%;background:var(--line)}.mapbar span:first-child{background:var(--clay)}.mapbar span:nth-child(2){background:#e0b35c}.mapbar span:nth-child(3){background:var(--olive)}.mapbar em{margin-left:auto;font-style:normal;font-size:.74rem}.mapbar em.dirty{color:var(--clayd);font-weight:600;animation:pulse 1.4s ease-in-out infinite}.blk{display:grid;padding:.6rem 1rem;border-top:1px dashed var(--line);opacity:.5;font-family:ui-monospace,monospace;font-size:.82rem;animation:rise .5s both;animation-delay:calc(var(--i)*60ms);transition:opacity .3s,background .3s,transform .3s var(--ease)}.blk:hover{opacity:.85;transform:translate(3px)}.blk small{margin:0}.blk.on{opacity:1;background:color-mix(in srgb,var(--clay) 12%,transparent);border-left:4px solid var(--clay);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--clay) 25%,transparent)}.blk.on small{color:var(--clayd);font-weight:600}.vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.65rem;margin:.7rem 0 0}.vars div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.6rem .9rem;transition:transform .25s var(--ease),border-color .25s}.vars div:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--clay) 40%,var(--line))}dt{font:600 .85rem ui-monospace,monospace;color:var(--clayd)}dd{margin:0;font-size:.85rem;color:var(--muted)}.ticks{display:grid;gap:.45rem;margin:.8rem 0}.tick{position:relative;display:flex;gap:.75rem;text-align:left;align-items:flex-start;width:100%;border-radius:14px;padding:.65rem .9rem;line-height:1.5}.tick i{flex:none;width:22px;height:22px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;color:#fff;font-size:.8rem;margin-top:2px;transition:all .25s var(--spring)}.tick:hover i{border-color:var(--olive);transform:scale(1.1)}.tick.on{background:color-mix(in srgb,var(--olive) 10%,transparent);border-color:color-mix(in srgb,var(--olive) 40%,transparent)}.tick.on i{background:var(--olive);border-color:var(--olive);animation:pop .35s}.tick.on span{color:var(--muted)}.guide{display:grid;gap:.9rem;margin-top:.5rem}.gcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.9rem}.gcol{border-radius:16px;padding:1rem 1.2rem;border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s}.gcol:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1414130f}.gcol h4{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem;font-family:Georgia,serif;font-weight:500;font-size:1.05rem}.gcol h4 i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:.78rem;font-family:system-ui}.gcol ul{margin:.2rem 0 0;padding:0;list-style:none}.gcol li{position:relative;padding-left:1.1rem;margin:.45rem 0;font-size:.87rem;line-height:1.5;color:var(--muted)}.gcol li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%}.gcol.yes{background:color-mix(in srgb,var(--olive) 10%,transparent);border-color:color-mix(in srgb,var(--olive) 38%,var(--line))}.gcol.yes h4 i{background:var(--olive)}.gcol.yes li:before{background:var(--olive)}.gcol.no{background:color-mix(in srgb,var(--clay) 9%,transparent);border-color:color-mix(in srgb,var(--clay) 38%,var(--line))}.gcol.no h4 i{background:var(--clay)}.gcol.no li:before{background:var(--clay)}.preflight{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:.8rem 1rem;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--oat) 55%,transparent)}.preflight b{font:600 .78rem ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:.3rem}.chip{display:inline-flex;gap:.35rem;align-items:center;font-size:.8rem;border-radius:99px;padding:.2rem .75rem;border:1px solid transparent;animation:chipin .3s var(--spring) both}.chip.ok{background:color-mix(in srgb,var(--olive) 18%,transparent);color:var(--olive);border-color:color-mix(in srgb,var(--olive) 30%,transparent)}.chip.warn{background:color-mix(in srgb,var(--clay) 16%,transparent);color:var(--clayd);border-color:color-mix(in srgb,var(--clay) 35%,transparent)}.chip.tip{background:color-mix(in srgb,var(--sky) 16%,transparent);color:var(--sky);border-color:color-mix(in srgb,var(--sky) 30%,transparent)}.editor{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg);transition:border-color .25s,box-shadow .25s}.editor:focus-within{border-color:var(--clay);box-shadow:0 0 0 4px color-mix(in srgb,var(--clay) 16%,transparent)}.editor textarea{border:0;border-radius:0;background:transparent;resize:vertical;line-height:1.65;padding:1rem 1.1rem;-moz-tab-size:4;tab-size:4;min-height:180px}.editor textarea:focus{outline:0;box-shadow:none}textarea{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.85rem}textarea::placeholder{color:var(--muted);opacity:.75}.hint{background:var(--oat);border-radius:14px;padding:.9rem 1.1rem;overflow:auto;font:.8rem/1.55 ui-monospace,Consolas,monospace;white-space:pre;margin:.7rem 0 0;max-height:340px;border:1px solid var(--line)}.hint.tall{max-height:540px}.finish{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:linear-gradient(135deg,var(--oat),var(--panel))}.burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:3}.burst i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--c);animation:fly .95s var(--ease) var(--t) both}.burst i:nth-child(3n){border-radius:2px}.card.warn{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 9%,var(--panel))}.card.good{border-color:var(--olive);background:color-mix(in srgb,var(--olive) 9%,var(--panel))}.pieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem;margin-top:.7rem}.pc{position:relative;display:grid;grid-template-columns:26px 1fr;text-align:left;padding:.6rem .85rem;border:1px solid var(--line);background:var(--panel-solid);opacity:.6;border-radius:14px;transition:opacity .3s,transform .3s var(--spring),border-color .3s}.pc i{font-style:normal;color:var(--olive);grid-row:span 2;font-weight:700}.pc small{margin:0}.pc.ok{opacity:1;border-color:color-mix(in srgb,var(--olive) 45%,var(--line))}button.pc.mine{opacity:1;border-color:color-mix(in srgb,var(--clay) 50%,var(--line));cursor:pointer}button.pc.mine:hover:not(:disabled){transform:translateY(-3px)}div.pc:hover{opacity:.9}details{border-top:1px solid var(--line);padding:.6rem 0}summary{cursor:pointer;display:flex;gap:.6rem;align-items:center;list-style:none;transition:color .2s}summary::-webkit-details-marker{display:none}summary:after{content:"+";margin-left:auto;font-size:1.2rem;color:var(--muted);transition:transform .3s var(--spring)}details[open] summary:after{transform:rotate(45deg)}summary:hover{color:var(--clayd)}.dot{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none;transition:background .3s,box-shadow .3s}.dot.ok{background:var(--olive);box-shadow:0 0 0 4px color-mix(in srgb,var(--olive) 22%,transparent)}ul{padding-left:1.2rem}li{margin:.4rem 0}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}@media (max-width:640px){nav{padding:.55rem .8rem}.tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.hero{padding:1.4rem}.card{padding:1.1rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.rise,.blk{animation-fill-mode:backwards}.mcard{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out,box-shadow .25s,border-color .25s;will-change:transform}.mcard:hover:not(:disabled){transform:perspective(800px) translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 18px 44px #14141322}.path{position:relative;display:flex;list-style:none;margin:.4rem 0 .8rem;padding:0 0 .3rem;overflow-x:auto}.path:before,.path:after{content:"";position:absolute;top:19px;left:calc(50% / var(--n));height:4px;border-radius:4px}.path:before{right:calc(50% / var(--n));background:var(--line)}.path:after{width:calc((100% - 100% / var(--n)) * var(--p));background:linear-gradient(90deg,var(--olive),var(--clay));transition:width 1.1s var(--ease)}.path li{flex:1;min-width:84px;margin:0;display:grid;place-items:center;position:relative;z-index:1}.path button{display:grid;gap:.35rem;justify-items:center;border:0;background:none;box-shadow:none;padding:0 .2rem;color:var(--muted);font-size:.74rem}.path button:hover:not(:disabled){box-shadow:none}.path i{font-style:normal;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--panel-solid);border:3px solid var(--line);font-weight:600;color:var(--muted);transition:transform .3s var(--spring),background .3s,border-color .3s}.path button:hover i{transform:scale(1.15)}.path .prog i{border-color:var(--clay);color:var(--clayd);animation:ping 2.2s ease-out infinite}.path .done i{background:var(--olive);border-color:var(--olive);color:#fff}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--clay) 45%,transparent)}80%,to{box-shadow:0 0 0 12px transparent}}.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:.7rem}.bdg{display:grid;gap:.1rem;justify-items:start;padding:.8rem .9rem;border:1px dashed var(--line);border-radius:16px;opacity:.5;transition:transform .3s var(--spring),opacity .3s}.bdg span{font-size:1.6rem;filter:grayscale(1);transition:filter .3s}.bdg b{font-family:Georgia,serif;font-weight:500}.bdg small{margin:0;line-height:1.35}.bdg.on{opacity:1;border-style:solid;border-color:color-mix(in srgb,var(--olive) 45%,var(--line));background:color-mix(in srgb,var(--olive) 9%,transparent)}.bdg.on span{filter:none;animation:pop .5s var(--spring)}.bdg:hover{transform:translateY(-3px) rotate(-1deg)}.kbd{display:inline-flex;gap:.55rem;align-items:center;color:var(--muted)}kbd{font:.7rem ui-monospace,monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:.05rem .4rem;background:var(--oat)}.pal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;justify-items:center;align-content:start;padding-top:14vh;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:chipin .2s both}.palbox{width:min(580px,92vw);background:var(--panel-solid);border:1px solid var(--line);border-radius:22px;padding:.8rem;box-shadow:0 30px 90px #14141338;animation:rise .35s var(--ease) both}.palbox input{border-radius:14px;font-size:1.02rem}.palbox ul{list-style:none;margin:.5rem 0 0;padding:0;max-height:46vh;overflow:auto}.palbox li{margin:2px 0}.palbox li button{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;text-align:left;border:0;background:none;box-shadow:none;border-radius:12px;padding:.6rem .8rem}.palbox li button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palbox li button small{flex:none;margin:0}.palbox li button:hover:not(:disabled){transform:none;box-shadow:none}.palbox li button.on{background:var(--oat);box-shadow:inset 3px 0 0 var(--clay)}.palfoot{padding:.6rem .6rem .1rem;border-top:1px solid var(--line);margin-top:.4rem}.meter{display:inline-flex;align-items:center;gap:.5rem;flex:1 0 100%;order:-1}.meter i{display:block;height:8px;border-radius:8px;transition:width .5s var(--ease),background .3s;background:var(--clay);max-width:200px;min-width:4px}.meter i[data-lvl=mid]{background:var(--amber)}.meter i[data-lvl=hi]{background:var(--olive)}.meter em{font-style:normal;font-size:.78rem;color:var(--muted)}.preflight b{order:-2}@media (max-width:700px){.kbd kbd{display:none}.path li{min-width:70px}}
