@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#aa512e;--brand-2:#8f4325;--accent:#ec8a5f;--link:#ffc9ae;--bg:#150806;--card:#ffffff0f;--card-2:#ffffff17;--text:#f7efe9;--muted:#c5b1a7;--line:#ffffff1a;--ok:#7fd6a6;--ok-bg:#2f9c6333;--warn:#ffcf7a;--warn-bg:#ffbe5029;--err:#ff9d8f;--err-bg:#e1463233;--info-bg:#ffffff14;--radius:20px;--nav-h:66px;color:var(--text);background:var(--bg);font-family:Plus Jakarta Sans Variable,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--brand-2);text-decoration:none}h1{margin:0 0 4px;font-size:1.45rem}h2{margin:0 0 10px;font-size:1.15rem}h3{margin:0 0 8px;font-size:1rem}.app{min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.topbar{z-index:20;background:var(--brand);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;align-items:center;gap:10px;display:flex;position:-webkit-sticky;position:sticky;top:0}.topbar .logo{flex-shrink:0;width:auto;height:34px}.topbar .title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.topbar .sub{opacity:.8;font-size:.75rem;font-weight:400;display:block}.topbar button{color:#fff;background:#ffffff26;border:0}.page{max-width:980px;margin:0 auto;padding:16px}.nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:30;background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.72rem;display:flex;position:relative}.nav svg{width:24px;height:24px}.badge{background:var(--err);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:1px 6px;font-size:.68rem}.nav .badge{position:absolute;top:6px;left:55%}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);margin-bottom:14px;padding:16px}.card.hero{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border:0}.card.hero .muted{color:#fffc}.muted{color:var(--muted);font-size:.9rem}.small{font-size:.82rem}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack>*+*{margin-top:10px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:560px){.grid2{grid-template-columns:1fr}}button,.btn{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 14px;display:inline-flex}button.primary,.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}button.ok{background:var(--ok);color:#fff;border-color:var(--ok);font-weight:600}button.danger{color:var(--err);border-color:#f1c4bf}button.ghost{background:0 0;border-color:#0000}button.sm{min-height:34px;padding:6px 10px;font-size:.85rem}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;background:#fff;border:1px solid #cfd7df;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:90px}label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.field{margin-bottom:12px}.chip{background:var(--info-bg);color:var(--brand);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.err{background:var(--err-bg);color:var(--err)}.alert{border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.92rem}.alert.warn{background:var(--warn-bg);color:#6b4500}.alert.err{background:var(--err-bg);color:var(--err)}.alert.info{background:var(--info-bg);color:#6e3219}.alert.ok{background:var(--ok-bg);color:#145c39}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--line);padding:12px 0}.list>li:last-child{border-bottom:0}.tabs{scrollbar-width:none;gap:6px;margin-bottom:14px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;border-radius:999px;min-height:38px}.tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.key{text-align:center;color:#fff;background:#111c27;border-radius:8px;min-width:34px;padding:2px 8px;font-weight:800;display:inline-block}.pos{background:var(--info-bg);width:28px;height:28px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.empty{text-align:center;color:var(--muted);padding:30px 10px}.progress{background:#e6ebf0;border-radius:99px;height:8px;overflow:hidden}.progress>div{background:var(--brand-2);height:100%;transition:width .2s}.banner{z-index:25;text-align:center;padding:8px 16px;font-size:.85rem;position:-webkit-sticky;position:sticky;top:0}.banner.offline{color:#fff;background:#3c4650}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:640px;max-height:88vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;overflow:auto}@media (min-width:700px){.sheet-backdrop{align-items:center}.sheet{border-radius:18px}}.toast{left:50%;bottom:calc(var(--nav-h) + 20px);color:#fff;z-index:60;background:#17202a;border-radius:10px;max-width:92vw;padding:10px 16px;font-size:.9rem;position:fixed;transform:translate(-50%)}.chart{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;line-height:1.25}.chart .section{margin-bottom:1.1em}.chart .section-label{color:var(--brand);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.85em;font-weight:700}.chart .line{flex-wrap:wrap;align-items:flex-end;margin-bottom:.25em;display:flex}.chart .seg{white-space:pre;flex-direction:column;display:inline-flex}.chart .chord{color:#b4410f;min-height:1.2em;padding-right:.35em;font-weight:700}.chart.lyrics-only .chord{display:none}.chart .comment{color:var(--muted);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-style:italic}.stage{color:#fff;z-index:70;background:#000;padding:18px 20px 120px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.stage .chart .chord{color:#ffd166}.stage .chart .section-label{color:#f4a37f}.stage .stage-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#141414f2;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.stage .stage-bar button{color:#fff;background:#222;border-color:#444;min-width:56px}.player{color:#e8eef4;background:#1b1513;border-radius:18px;padding:16px}.player .muted{color:#bba79f}.transport{justify-content:center;align-items:center;gap:14px;margin:14px 0;display:flex}.transport button{color:#fff;background:#2c2220;border:0;border-radius:50%;min-width:56px;min-height:56px;font-size:1rem}.transport .play{background:var(--accent);min-width:80px;min-height:80px;font-size:1.6rem}.timeline{height:44px;position:relative}.timeline input[type=range]{accent-color:var(--accent);background:0 0;border:0;width:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.loopband{border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;background:#e070454d;height:20px;position:absolute;top:12px}.shortcuts{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.shortcuts button{color:#fff;background:#2c2220;border:1px solid #45352f;min-height:52px;font-size:.85rem}.shortcuts button.active{background:var(--accent);border-color:var(--accent)}.track{border-bottom:1px solid #3a2d28;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 0;display:grid}.track .name{font-size:.92rem;font-weight:600}.track input[type=range]{min-height:28px;accent-color:var(--accent);background:0 0;border:0;grid-column:1/-1;padding:0}.track button{color:#eadcd6;background:#2c2220;border:1px solid #45352f;min-width:44px;min-height:40px;padding:4px 8px;font-weight:700}.track button.on-m{color:#fff;background:#c0392b;border-color:#c0392b}.track button.on-s{color:#222;background:#f1c40f;border-color:#f1c40f}.track.part .name:after{content:" • minha parte";color:#f4a37f;font-size:.78rem;font-weight:500}.track.err{opacity:.6}@media (min-width:900px){.player-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:16px;display:grid}}.dark-select{color:#fff;background:#2c2220;border-color:#45352f;width:auto;min-height:38px;padding:6px 10px}:root{--wine:#2a0f08;--wine-2:#4a1a0e;--glass:#ffffff12;--glass-line:#ffffff24;--ease:cubic-bezier(.22,1,.36,1)}h1,h2,.title{letter-spacing:-.01em}button,.btn{transition:transform .15s var(--ease), background .2s, border-color .2s, box-shadow .2s}button:active:not(:disabled){transform:scale(.97)}.silk{min-height:100vh;color:#f7efe9;isolation:isolate;background:radial-gradient(120% 90% at 50% 0,#6b2614 0%,#3a130a 42%,#150806 100%);min-height:100dvh;position:relative;overflow:hidden}.silk-blob{filter:blur(60px);opacity:.55;z-index:-1;will-change:transform;border-radius:50%;position:absolute}.silk-blob.b1{width:70vmax;height:70vmax;animation:silk1 22s var(--ease) infinite alternate;background:radial-gradient(circle,#c4643c 0%,#0000 60%);top:-30vmax;left:-25vmax}.silk-blob.b2{background:radial-gradient(circle,#8f3a1f 0%,#0000 62%);width:60vmax;height:60vmax;animation:26s ease-in-out infinite alternate silk2;top:10vmax;right:-25vmax}.silk-blob.b3{opacity:.28;background:radial-gradient(circle,#e2a07a 0%,#0000 60%);width:55vmax;height:55vmax;animation:30s ease-in-out infinite alternate silk3;bottom:-35vmax;left:10vmax}@keyframes silk1{to{transform:translate(18vmax,12vmax)scale(1.15)}}@keyframes silk2{to{transform:translate(-16vmax,14vmax)scale(.9)}}@keyframes silk3{to{transform:translate(-10vmax,-12vmax)scale(1.2)}}.silk-grain{z-index:-1;opacity:.09;mix-blend-mode:overlay;pointer-events:none;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' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.silk-mark{z-index:-1;opacity:.05;pointer-events:none;width:140vmin;max-width:900px;position:absolute;bottom:-22vmin;right:-38vmin}.silk-content{min-height:100vh;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.access{width:100%;max-width:420px}.access-head{text-align:center;animation:rise .7s var(--ease) both;margin-bottom:22px}.access-head h1{letter-spacing:.02em;margin:14px 0 2px;font-size:1.9rem;font-weight:800}.access-head p{opacity:.72;margin:0;font-size:.95rem}.glass{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px)saturate(140%);animation:rise .8s 80ms var(--ease) both;border-radius:24px;padding:22px 18px 18px;position:relative;box-shadow:0 30px 60px -20px #0000008c,inset 0 1px #ffffff1f}.glass h2{margin:0 0 4px;font-size:1.2rem}.glass .lead{opacity:.7;margin:0 0 16px;font-size:.88rem}.glass .alert{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.glass .alert.err{color:#ffd9d2;background:#dc3c282e;border-color:#ff8c7859}.glass a{color:#ffc9ae}.access-foot{text-align:center;opacity:.66;margin-top:16px;font-size:.82rem}.beam{border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--a,0deg), transparent 0 70%, #ffbe96d9 80%, transparent 90%);-webkit-mask-composite:xor;padding:1px;animation:6s linear infinite beam;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes beam{to{--a:360deg}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.logo-loader{place-items:center;display:inline-grid;position:relative}.logo-loader svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.logo-loader circle{fill:none;stroke:#ffd6bee6;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:290;stroke-dashoffset:290px;animation:draw 1.4s .15s var(--ease) forwards}.logo-loader.loop circle{animation:1.6s ease-in-out infinite drawloop}.logo-loader img{animation:rise .8s var(--ease) both}@keyframes draw{to{stroke-dashoffset:0}}@keyframes drawloop{0%{stroke-dashoffset:290px}60%{stroke-dashoffset:0}to{stroke-dashoffset:-290px}}.boot{min-height:100vh;background:radial-gradient(120% 90% at 50% 0,#6b2614,#150806);place-items:center;min-height:100dvh;display:grid}.ffield{margin-bottom:12px;display:block;position:relative}.ffield input{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;width:100%;height:58px;padding:22px 16px 6px;font-size:1rem;font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s}.ffield input:focus{background:#ffffff1a;border-color:#ffc8aacc;outline:none;box-shadow:0 0 0 4px #e28c642e}.ffield-label{opacity:.65;pointer-events:none;transition:all .2s var(--ease);font-size:1rem;position:absolute;top:19px;left:16px}.ffield input:focus+.ffield-label,.ffield.has .ffield-label,.ffield input:not(:placeholder-shown)+.ffield-label{opacity:.8;letter-spacing:.02em;font-size:.72rem;top:8px}.ffield-eye{min-height:34px;color:inherit;opacity:.7;background:0 0;border:0;padding:4px 10px;font-size:.78rem;position:absolute;top:12px;right:8px}.ffield-hint{opacity:.6;margin:4px 4px 0;font-size:.75rem;display:block}.shiny{color:#fff;background:linear-gradient(#c4643c,#a24a28);border:0;border-radius:14px;width:100%;min-height:54px;font-size:1.02rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 10px 24px -8px #aa512ebf,inset 0 1px #ffffff40}.shiny:hover:not(:disabled){box-shadow:0 14px 28px -8px #aa512ee6,inset 0 1px #ffffff4d}.shiny-sweep{pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:3.6s ease-in-out 1.2s infinite sweep;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}@keyframes sweep{0%,60%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.shiny-arrow{transition:transform .25s var(--ease);margin-left:8px;display:inline-block}.shiny:hover .shiny-arrow{transform:translate(5px)}.shiny:focus-visible .shiny-arrow{transform:translate(5px)}.shiny.done{background:linear-gradient(#2f9c63,#1e7d4f)}.spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.checkdraw path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:draw .5s .1s var(--ease) forwards}.checkdraw.ring circle{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-dasharray:160;stroke-dashoffset:160px;animation:draw .6s var(--ease) forwards;opacity:.6}.checkdraw.ring path{animation-delay:.45s}.steps{gap:6px;margin:2px 0 16px;display:flex}.steps i{background:#ffffff26;border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.steps i:after{content:"";transform-origin:0;transition:transform .5s var(--ease);background:linear-gradient(90deg,#f0b08f,#e07045);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.steps i.on:after{transform:scaleX(1)}.step-label{letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:4px;font-size:.75rem}.slide-in{animation:slidein .45s var(--ease) both}@keyframes slidein{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}.chips{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}.chip-pick{min-height:54px;color:inherit;text-align:left;background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;justify-content:flex-start;padding:10px 12px;font-weight:600;position:relative}.chip-pick .tick{border:1.5px solid #ffffff59;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-right:8px;font-size:.7rem;transition:all .2s;display:inline-grid}.chip-pick.on{background:#e2704538;border-color:#ffaa82bf;box-shadow:0 0 0 3px #e2704526}.chip-pick.on .tick{color:#fff;background:#e07045;border-color:#e07045}.timeline-steps{text-align:left;margin:14px 0 6px;padding:0;list-style:none}.timeline-steps li{padding:0 0 16px 34px;font-size:.92rem;position:relative}.timeline-steps li:before{content:"";background:#ffffff26;width:2px;position:absolute;top:22px;bottom:0;left:9px}.timeline-steps li:last-child:before{display:none}.timeline-steps .dot{border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;display:grid;position:absolute;top:0;left:0}.timeline-steps .done .dot{color:#fff;background:#2f9c63;border-color:#2f9c63}.timeline-steps .now .dot{border-color:#f0b08f;animation:1.8s infinite ping;box-shadow:0 0 #f0b08f99}.timeline-steps small{opacity:.6;display:block}@keyframes ping{70%{box-shadow:0 0 0 10px #f0b08f00}to{box-shadow:0 0 #f0b08f00}}.seg{background:#ece6e2;border-radius:14px;gap:2px;padding:4px;display:flex;position:relative}.seg button{z-index:1;color:#5d4a42;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;min-height:40px;padding:6px 8px;font-size:.9rem;font-weight:600;line-height:1.15;position:relative}.seg button.on{color:#fff}.seg button small{opacity:.75;font-size:.7rem;font-weight:500;display:block}.seg button:active:not(:disabled){transform:none}.seg-ind{z-index:0;transition:transform .38s var(--ease), width .38s var(--ease);background:linear-gradient(#b85a33,#9b4523);border-radius:10px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 6px 14px -6px #aa512ecc}.seg.dark{background:#ffffff12;border:1px solid #ffffff14}.seg.dark button{color:#d9cbc4}.seg.dark button.on{color:#fff}.seg.dark .seg-ind{background:linear-gradient(#e27a4f,#c45a32);box-shadow:0 8px 20px -8px #e27045e6}.seg.lg button{min-height:52px;font-size:.92rem}.player{background:radial-gradient(130% 80% at 50% -10%,#3a1a10 0%,#1a1210 45%,#120d0c 100%);border:1px solid #ffffff0f;border-radius:24px;padding:16px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #280a00cc}.player:before{content:"";filter:blur(10px);opacity:.5;pointer-events:none;background:radial-gradient(closest-side,#e2704559,#0000);width:120%;height:260px;transition:opacity 1s;position:absolute;top:-150px;left:-10%}.player.playing:before{opacity:1;animation:4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.75;transform:scale(1.08)}}.player>*{position:relative}.player-label{letter-spacing:.12em;text-transform:uppercase;color:#bba79f;margin:14px 0 8px;font-size:.72rem}.wave{--wf-played:#ec8a5f;--wf-rest:#fff3;margin:6px 0 2px}.wave canvas{cursor:pointer;touch-action:none;border-radius:8px;width:100%;display:block}.wave-times{color:#bba79f;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:.78rem;display:flex}.wave-loop{color:#f0b08f;font-weight:600}.transport{gap:22px;margin:14px 0 10px}.transport button{color:#f2e6e0;background:#ffffff12;border:1px solid #ffffff14;width:56px;min-width:0;height:56px;min-height:0;font-weight:700}.transport .play{background:linear-gradient(#ee8b5f,#c85a30);border:0;width:84px;height:84px;font-size:1.7rem;position:relative;box-shadow:0 16px 30px -10px #e27045e6,inset 0 1px #ffffff59}.transport .play:after{content:"";opacity:0;border:2px solid #ee8b5f8c;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.player.playing .transport .play:after{animation:1.8s ease-out infinite pulse}@keyframes pulse{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}.loopbar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.loopbar button{color:#eadcd6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;min-height:38px;padding:6px 14px;font-size:.85rem}.loopbar button.on{color:#fff;background:#ec8a5f38;border-color:#ec8a5fb3}.fader{border-bottom:1px solid #ffffff12;padding:12px 0}.fader:last-child{border-bottom:0}.fader-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fader-name{color:#f5ebe6;flex:1;font-size:.95rem;font-weight:700}.fader-name em{color:#f0b08f;margin-left:6px;font-size:.75rem;font-style:normal;font-weight:500}.fader.hl .fader-name:before{content:"";vertical-align:middle;background:#ec8a5f;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 10px #ec8a5f}.fader-val{color:#bba79f;font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:.8rem}.pill-tg{color:#d9cbc4;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;min-width:40px;min-height:34px;padding:4px 10px;font-size:.8rem;font-weight:800}.pill-tg.on{color:#fff;background:#c0392b;border-color:#c0392b}.pill-tg.on.solo{color:#222;background:#f1c40f;border-color:#f1c40f}.fader input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;width:100%;height:28px;min-height:0;padding:0}.fader input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ec8a5f 0, #c85a30 var(--p), #ffffff1f var(--p));border-radius:10px;height:10px}.fader input[type=range]::-moz-range-track{background:linear-gradient(90deg, #ec8a5f 0, #c85a30 var(--p), #ffffff1f var(--p));border-radius:10px;height:10px}.fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:26px;height:26px;margin-top:-8px;box-shadow:0 4px 12px #00000073}.fader input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:26px;height:26px;box-shadow:0 4px 12px #00000073}.fader.is-muted input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a}.fader.is-muted .fader-name{opacity:.55}.player-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.player-actions button,.player-actions .chip{min-height:40px}.go-btn{border-radius:16px;width:100%;min-height:64px;font-size:1.12rem}.load-card{text-align:center;color:#eadcd6;padding:22px 6px 10px}.load-bar{background:#ffffff1a;border-radius:6px;height:6px;margin-top:14px;overflow:hidden}.load-bar>div{height:100%;transition:width .3s var(--ease);background:linear-gradient(90deg,#f0b08f,#e07045);border-radius:6px;position:relative;overflow:hidden}.load-bar>div:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.4s linear infinite sweep;position:absolute;top:0;bottom:0;left:0;right:0}.mode-switch{margin-bottom:12px}.toasts{z-index:80;left:50%;top:calc(12px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}.toast2{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(14px);animation:dropin .45s var(--ease) both;background:#1e1411e0;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:.92rem;display:flex;box-shadow:0 16px 30px -12px #00000080}.toast2.out{animation:.35s forwards dropout}.toast2-dot{background:#ec8a5f;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 10px #ec8a5f}@keyframes dropin{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes dropout{to{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.silk-blob,.shiny-sweep,.beam,.player.playing:before,.player.playing .transport .play:after,.load-bar>div:after{animation:none!important}}html,body{background:#150806}a{color:var(--link)}h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}h2,h3{font-weight:700}::selection{background:#ec8a5f66}.app{isolation:isolate;min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 34px);position:relative}.app-bg{z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% 0,#6b2614 0%,#3a130a 40%,#150806 100%);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.app-bg i{filter:blur(70px);will-change:transform;border-radius:50%;position:absolute}.app-bg i:first-child{width:70vmax;height:70vmax;animation:silk1 26s var(--ease) infinite alternate;background:radial-gradient(circle,#c4643c99,#0000 62%);top:-34vmax;left:-30vmax}.app-bg i:nth-child(2){background:radial-gradient(circle,#8f3a1f80,#0000 62%);width:60vmax;height:60vmax;animation:32s ease-in-out infinite alternate silk2;top:30vh;right:-30vmax}.app-bg img{opacity:.045;width:130vmin;max-width:860px;position:absolute;bottom:-18vmin;right:-36vmin}.app-bg:after{content:"";opacity:.08;mix-blend-mode:overlay;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' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.topbar{-webkit-backdrop-filter:blur(20px)saturate(150%);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#280e088c;border-bottom:1px solid #ffffff14}.topbar .title{letter-spacing:.03em;font-weight:800}.topbar .sub{letter-spacing:0;opacity:.7}.topbar .btn,.topbar a.btn{border-radius:999px;min-height:36px;padding:6px 14px;font-size:.88rem;font-weight:600;background:#ffffff1a!important;border:1px solid #ffffff24!important}.page{animation:rise .45s var(--ease) backwards;padding:18px 16px}.nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:var(--nav-h);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#220e09b8;border:1px solid #ffffff1f;border-radius:24px;max-width:520px;margin:0 auto;padding:0 6px;box-shadow:0 18px 40px -12px #000000b3,inset 0 1px #ffffff1a}.nav a{color:#b9a399;transition:color .2s, transform .2s var(--ease);border-radius:18px;gap:3px;font-size:.68rem;font-weight:500}.nav a svg{transition:transform .25s var(--ease)}.nav a.active{color:#fff;font-weight:700}.nav a.active svg{color:var(--accent);filter:drop-shadow(0 4px 10px #ec8a5f99);transform:translateY(-2px)scale(1.08)}.nav a.active:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;bottom:6px}.nav .badge{top:8px;left:56%}.badge{background:#e2533c;box-shadow:0 0 0 2px #220e09e6}.card{border-radius:var(--radius);color:var(--text);background:linear-gradient(#ffffff16,#ffffff0b);border:1px solid #ffffff1c;margin-bottom:14px;padding:18px 16px;box-shadow:0 20px 40px -28px #000c,inset 0 1px #ffffff14}a.card{transition:transform .2s var(--ease), border-color .2s, background .2s}a.card:active{transform:scale(.985)}a.card:hover{border-color:#ffbea059}.card.hero{background:linear-gradient(140deg,#c4643c 0%,#9b4523 55%,#6f2c14 100%);border:1px solid #ffd2b94d;position:relative;overflow:hidden;box-shadow:0 26px 50px -22px #aa512ed9,inset 0 1px #ffffff4d}.card.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff47,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.card.hero h1{font-size:1.5rem}.card.hero .muted{color:#ffffffd1;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.card.empty,.empty,.muted{color:var(--muted)}button,.btn{color:var(--text);background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;font-weight:600}button:hover:not(:disabled),.btn:hover{background:#ffffff1c}button.primary,.btn.primary{color:#fff;background:linear-gradient(#c96a41,#a24a28);border-color:#0000;font-weight:700;box-shadow:0 10px 22px -10px #aa512ee6,inset 0 1px #ffffff40}button.primary:hover:not(:disabled),.btn.primary:hover{background:linear-gradient(#d5744a,#ad522e)}button.ok{color:#fff;background:linear-gradient(#35a66b,#1f7f50);border-color:#0000;box-shadow:0 10px 22px -10px #1f7f50e6,inset 0 1px #ffffff40}button.danger{color:#ffb0a4;background:#e146321a;border-color:#ff8c7859}button.ghost{color:var(--link);background:0 0;border-color:#0000}button.sm,.btn.sm{border-radius:999px;padding:6px 14px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{color:var(--text);background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:#ffffff61}input:focus,select:focus,textarea:focus{background:#ffffff17;border-color:#ffc8aacc;outline:none;box-shadow:0 0 0 4px #e28c6429}select option,select optgroup{color:#f7efe9;background:#2a130c}input[type=checkbox],input[type=radio]{accent-color:var(--accent);height:20px;box-shadow:none;flex-shrink:0;padding:0;width:20px!important;min-height:0!important}input[type=file]{padding:8px;font-size:.85rem}input[type=file]::-webkit-file-upload-button{font:inherit;color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;margin-right:10px;padding:8px 12px;font-weight:600}input[type=file]::file-selector-button{font:inherit;color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;margin-right:10px;padding:8px 12px;font-weight:600}input[type=color]{height:44px;padding:4px}label{color:var(--muted);font-weight:500}.chip{color:#f5e4db;background:#ffffff1a;border:1px solid #ffffff1a;padding:3px 11px}.chip.ok{background:var(--ok-bg);color:var(--ok);border-color:#7fd6a640}.chip.warn{background:var(--warn-bg);color:var(--warn);border-color:#ffcf7a40}.chip.err{background:var(--err-bg);color:var(--err);border-color:#ff9d8f4d}.chip.gray{color:var(--muted);background:#ffffff0f}.alert{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff1a;border-radius:16px}.alert.warn{background:var(--warn-bg);color:#ffe3ae;border-color:#ffcf7a47}.alert.err{background:var(--err-bg);color:#ffd3cb;border-color:#ff9d8f52}.alert.info{color:#f1e2d9;background:#ffffff12}.alert.ok{background:var(--ok-bg);color:#c5f0d8;border-color:#7fd6a647}.alert a{color:#fff;text-underline-offset:3px;text-decoration:underline}.list>li{border-bottom-color:#ffffff14}.key{color:#3a130a;background:linear-gradient(#fff3ea,#f0d5c4);border-radius:10px;padding:3px 9px;box-shadow:0 6px 14px -8px #000c}.pos{color:#ffc9ae;background:#ec8a5f29;border:1px solid #ec8a5f59}.progress{background:#ffffff1a}.progress>div{background:linear-gradient(90deg,#f0b08f,#e07045)}.banner.offline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140a08d9;border-bottom:1px solid #ffffff1a}hr{border-color:#ffffff1a!important}.tabs{gap:8px;padding-bottom:2px}.tabs button{color:#e2d2c9;background:#ffffff0f;border-color:#ffffff1f;padding:8px 16px}.tabs button.active{color:#fff;background:linear-gradient(#c96a41,#a24a28);border-color:#0000;box-shadow:0 8px 18px -8px #aa512ee6}.seg{background:#ffffff12;border:1px solid #ffffff14}.seg button{color:#d9cbc4}.seg button:hover:not(:disabled){background:0 0}.seg .seg-ind{background:linear-gradient(#e27a4f,#c45a32);box-shadow:0 8px 20px -8px #e27045e6}.sheet-backdrop{-webkit-backdrop-filter:blur(8px);background:#0a040299;animation:.25s both fade}.sheet{animation:sheetup .4s var(--ease) both;background:linear-gradient(#3a170d,#1f0d08);border:1px solid #ffffff1f;border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -30px 60px -20px #000c}.sheet:before{content:"";background:#ffffff40;border-radius:4px;width:42px;height:4px;margin:-6px auto 12px;display:block}@media (min-width:700px){.sheet{border-bottom:1px solid #ffffff1f;border-radius:26px}.sheet:before{display:none}}@keyframes sheetup{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.chart .section-label{color:#f0b08f;letter-spacing:.1em;font-family:inherit}.chart .chord{color:#ffb58f}.chart .comment{color:var(--muted);font-family:inherit}.player{color:var(--text);background:linear-gradient(#ffffff12,#00000040);border:1px solid #ffffff1c}.player button.light{color:#f2e9e5;background:#ffffff12;border-color:#ffffff1f}.dark-select{background:#ffffff14;border-color:#ffffff24;border-radius:999px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#e9b9a0;margin:22px 2px 10px;font-size:.72rem;font-weight:600}.greet{justify-content:space-between;align-items:flex-end;gap:10px;margin:4px 2px 18px;display:flex}.greet small{color:var(--muted);font-size:.85rem;display:block}.greet h1{margin:0;font-size:1.9rem}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.stat{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:12px 10px}.stat b{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.1;display:block}.stat span{color:var(--muted);margin-top:2px;font-size:.7rem;line-height:1.2;display:block}.stat.bad b{color:var(--err)}.stat.mid b{color:var(--warn)}.stat.good b{color:var(--ok)}.times{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin-top:14px;display:grid}.times div{background:#0000002e;border:1px solid #ffffff29;border-radius:14px;padding:8px 10px}.times span{letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-size:.66rem;display:block}.times b{font-variant-numeric:tabular-nums;font-size:1.1rem}.avatar{color:#fff;background:linear-gradient(140deg,#c4643c,#7a3319);border:1px solid #fff3;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:inline-grid}.notif-unread{border-left:3px solid var(--accent)!important}@media (prefers-reduced-motion:reduce){.app-bg i,.page,.sheet,.sheet-backdrop{animation:none!important}}.chart .seg{background:0 0;border:0;border-radius:0;gap:0;padding:0;position:static}.stage{background:radial-gradient(120% 60% at 50% 0,#2a0f08,#000 70%)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}h1,h2,h3{text-wrap:balance}p,li,.small,.muted{text-wrap:pretty}b,strong{font-weight:700}.times b,.stat b,.wave-times,.fader-val,.key{font-variant-numeric:tabular-nums}.card>h2:first-child,.card>.row>h2{letter-spacing:-.01em;font-size:1.08rem}.page .card,.page>div>.alert,.page .greet,.page .eyebrow{animation:rise .5s var(--ease) backwards}.page .card:nth-child(2){animation-delay:50ms}.page .card:nth-child(3){animation-delay:.1s}.page .card:nth-child(4){animation-delay:.15s}.page .card:nth-child(5){animation-delay:.2s}.page .card:nth-child(n+6){animation-delay:.25s}.sheet .card,.card .card{animation:none}.topbar{transition:padding .3s var(--ease), background .3s}.topbar .logo{transition:height .3s var(--ease)}.topbar .sub{transition:opacity .2s, max-height .3s var(--ease);max-height:18px;overflow:hidden}.topbar.scrolled{padding-top:calc(6px + env(safe-area-inset-top));background:#1a0a06d1;padding-bottom:6px;box-shadow:0 10px 30px -18px #000000e6}.topbar.scrolled .logo{height:26px}.topbar.scrolled .sub{opacity:0;max-height:0}button.primary,.btn.primary,button.ok{position:relative;overflow:hidden}button.primary:after,.btn.primary:after,button.ok:after{content:"";transition:transform .7s var(--ease);pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff4d 50%,#0000 65%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-130%)}button.primary:hover:after,.btn.primary:hover:after,button.ok:hover:after,button.primary:active:after,.btn.primary:active:after,button.ok:active:after{transform:translate(130%)}button.danger.solid{color:#fff;background:linear-gradient(#d9533c,#b23a26);border-color:#0000}button.sm,.btn.sm{min-height:36px}.nav a:active{transform:scale(.92)}.key{transition:transform .2s var(--ease)}a:hover .key,li:hover .key{transform:scale(1.06)}.chip.live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:2px;animation:1.8s ease-out infinite ping2}@keyframes ping2{0%{opacity:1;box-shadow:0 0}70%{opacity:.7;box-shadow:0 0 0 6px #0000}to{opacity:1;box-shadow:0 0 #0000}}.card.hero .beam{opacity:.7;animation-duration:9s}.skeleton{gap:12px;display:grid}.skeleton i{background:linear-gradient(100deg,#ffffff0d 30%,#ffffff21 50%,#ffffff0d 70%) 0 0/220% 100%;border:1px solid #ffffff12;border-radius:20px;height:92px;animation:1.3s linear infinite shimmer;display:block}.skeleton i:first-child{height:150px}.skeleton i:last-child{width:70%;height:64px}@keyframes shimmer{to{background-position:-220% 0}}.empty:before{content:"";opacity:.35;background:url(/logo-white.svg) 50%/contain no-repeat;width:54px;height:40px;margin:0 auto 10px;display:block}.dialog-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);background:#0a040299;place-items:center;padding:20px;animation:.2s both fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{text-align:center;width:min(100%,360px);animation:pop .35s var(--ease) both;color:var(--text);background:linear-gradient(#43190e,#220e08);border:1px solid #ffffff24;border-radius:24px;padding:24px 20px 18px;box-shadow:0 40px 80px -20px #000000e6}.dialog p{margin:12px 0 18px;font-size:1rem;line-height:1.4}.dialog-icon{color:#ffc9ae;background:#ec8a5f2e;border:1px solid #ec8a5f73;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto;font-size:1.4rem;font-weight:800;display:grid}.dialog-icon.danger{color:#ffb0a4;background:#e1463233;border-color:#ff8c7880}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dialog-actions button{white-space:normal;border-radius:14px;min-height:48px;line-height:1.15}@keyframes pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:none}}input[type=checkbox].switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;height:28px;transition:background .25s,border-color .25s;position:relative;width:48px!important}input[type=checkbox].switch:before{content:"";width:22px;height:22px;transition:transform .28s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0006}input[type=checkbox].switch:checked{background:linear-gradient(#e27a4f,#c45a32);border-color:#0000}input[type=checkbox].switch:checked:before{transform:translate(20px)}.list>li>a.row{border-radius:12px;margin:-6px -8px;padding:6px 8px;transition:background .2s}.list>li>a.row:active{background:#ffffff0f}@media (prefers-reduced-motion:reduce){.page .card,.page .greet,.page .eyebrow,.skeleton i,.chip.live:before,.dialog,.dialog-backdrop{animation:none!important}html{scroll-behavior:auto}}.alert a.btn,.alert a.chip{text-decoration:none}.topbar{gap:8px}.topbar .btn,.topbar a.btn{padding:6px 11px;font-size:.82rem}.topbar .title{font-size:.98rem}.import-row{padding:12px 0}.import-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none}.import-row select.invalid{border-color:#f0b35e}.bar{background:#ffffff1f;border-radius:99px;height:6px;overflow:hidden}.bar>i{background:var(--accent);border-radius:99px;height:100%;transition:width .25s;display:block}.import-bar{z-index:5;-webkit-backdrop-filter:blur(14px);background:#28100ad1;border:1px solid #ffffff24;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex;position:-webkit-sticky;position:sticky;bottom:92px}.manage-btn{position:relative;color:#fff!important;background:#ffffff26!important;border:0!important}.manage-btn.on{background:var(--accent)!important;color:#2a0f08!important}.manage h2.sec{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:22px 2px 10px;font-size:12px;font-weight:700}.tiles{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:720px){.tiles{grid-template-columns:1fr 1fr}}.tile{min-height:68px;color:var(--text);background:linear-gradient(#ffffff16,#ffffff0b);border:1px solid #ffffff1c;border-radius:18px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:inset 0 1px #ffffff14}.tile:hover{border-color:#ec8a5f80}.tile:active{transform:scale(.985)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-ic{width:40px;height:40px;color:var(--accent);background:#ec8a5f24;border:1px solid #ec8a5f38;border-radius:12px;flex:none;place-items:center;display:grid}.tile-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-body b{font-size:15.5px}.tile-go{color:var(--muted);margin-left:auto;font-size:22px;line-height:1}.tile-badge{text-align:center;background:#ffffff24;border-radius:99px;flex:none;min-width:26px;margin-left:auto;padding:4px 9px;font-size:12.5px;font-weight:700}.tile-badge.warn{color:#2a1806;background:#f0b35e}.tile-badge.err{color:#fff;background:#e5694f}.card.todo h3{margin-bottom:6px}.card.todo ul{margin:0;padding:0;list-style:none}.card.todo li a{color:var(--text);border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.card.todo li:first-child a{border-top:0}.card.todo .dot{background:#f0b35e;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #f0b35e2e}.card.todo.ok{color:var(--muted);align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.tile{transition:none}}.viewas{color:var(--text);background:#ffffff1a;border:1px solid #fff3;border-radius:99px;flex:none;align-items:center;gap:8px;padding:9px 13px;font-size:13.5px;font-weight:600;display:inline-flex}.viewas:hover{border-color:var(--accent)}.viewbar{z-index:30;color:#2a1806;background:#f0b35e;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:8px 14px 0;padding:9px 12px 9px 14px;font-size:13.5px;display:flex;position:-webkit-sticky;position:sticky;top:64px;box-shadow:0 10px 24px -14px #000c}.viewbar button{color:#fff;background:#2a1806;border:0}