@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fredoka Fallback;src:local("Arial");ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.00%;size-adjust:101.84%}.__className_a21090{font-family:Fredoka,Fredoka Fallback;font-style:normal}.__variable_a21090{--font-fredoka:"Fredoka","Fredoka Fallback"}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9c658d69512eff08-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/223db0593b777c06-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fb80db0e9f250198-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Patrick Hand Fallback;src:local("Arial");ascent-override:127.97%;descent-override:38.32%;line-gap-override:0.00%;size-adjust:81.43%}.__className_09d425{font-family:Patrick Hand,Patrick Hand Fallback;font-weight:400;font-style:normal}.__variable_09d425{--font-patrick:"Patrick Hand","Patrick Hand Fallback"}:root{color-scheme:dark;--bg:#08161b;--panel:#10262d;--card:#173540;--line:#25505c;--ink:#eaf7f5;--mute:#8fb8b6;--edge:#030c0e;--dt:#08161b;--do:#ff8266;--sched:#3ddc97;--deleg:#ffc857;--drop:#6fa8ff;--accent:#2dd4bf;--sand:#f2c46d;--sbw:230px;--pad:26px;--navh:0px;--mbarh:70px;--head:var(--font-fredoka),system-ui,sans-serif;--body:var(--font-patrick),var(--font-fredoka),system-ui,sans-serif}*{box-sizing:border-box}html{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M5 3 L5 22 L10 17.5 L13.5 25 L17 23.5 L13.7 16.3 L20.5 16 Z' fill='%23eaf7f5' stroke='%23030c0e' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,auto}.task,a,button,input[type=checkbox],input[type=range],label,select{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M5 3 L5 22 L10 17.5 L13.5 25 L17 23.5 L13.7 16.3 L20.5 16 Z' fill='%232dd4bf' stroke='%23030c0e' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,pointer}input[type=date],input[type=email],input[type=text],input[type=time]{cursor:text}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:19px;min-height:100vh;background-image:radial-gradient(var(--line) 1.5px,transparent 1.5px);background-size:22px 22px}button{font-family:inherit;color:inherit}.boot{min-height:100vh}:focus-visible{outline:3px solid var(--deleg);outline-offset:2px}.app{display:grid;grid-template-columns:var(--sbw) minmax(0,1fr);min-height:100vh;min-height:100dvh}aside{padding:20px 16px;border-right:3px solid var(--edge);background:var(--panel);position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}.mstats{display:none}.logo{font-family:var(--head);font-weight:700;font-size:30px;line-height:1;margin-bottom:6px}.logo span{display:inline-block;background:var(--deleg);color:var(--dt);border:3px solid var(--edge);border-radius:14px;padding:4px 14px 6px;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--edge)}.tag{opacity:.75;margin:10px 0 20px;font-size:17px;line-height:1.2}nav button{display:flex;gap:10px;align-items:center;justify-content:flex-start;width:100%;text-align:left;font-family:var(--head);font-weight:500;font-size:17px;color:var(--ink);background:transparent;border:3px solid transparent;border-radius:14px;padding:8px 12px;margin-bottom:5px}nav button:hover{background:var(--line)}nav button.on{background:var(--accent);color:var(--dt);border-color:var(--edge);box-shadow:3px 3px 0 var(--edge)}nav .sep{height:3px;background:var(--line);border-radius:3px;margin:10px 4px}nav .live{font-size:14px;color:var(--sched);margin-left:auto}nav button.on .live{color:var(--dt)}.user{display:flex;align-items:center;gap:10px;margin-top:18px;background:var(--bg);border:3px solid var(--edge);border-radius:16px;padding:8px 10px}.user i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--deleg);color:var(--dt);border:3px solid var(--edge);display:grid;place-items:center;font:700 17px var(--head);font-style:normal}.user div{min-width:0;font-size:16px;line-height:1.1}.user small{color:var(--mute);display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px}.stats{margin-top:14px;background:var(--bg);border:3px solid var(--edge);border-radius:16px;padding:12px;box-shadow:4px 4px 0 var(--edge);line-height:1.6;color:var(--mute)}.stats b{font-family:var(--head);color:var(--ink)}.mascot{font-size:44px;text-align:center;margin-top:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mascot small{display:block;font-size:15px}main{padding:0 var(--pad) 26px;min-width:0}.content{max-width:1240px;margin:0 auto}body:has(.mbar.on) main{padding-bottom:300px}.ticker{margin:0 calc(-1 * var(--pad)) 20px;background:var(--deleg);color:var(--dt);border-bottom:3px solid var(--edge);display:flex;align-items:center;overflow:hidden}.ticker .marq{flex:1 1;overflow:hidden;white-space:nowrap}.ticker .run{display:inline-flex;animation:slide 70s linear infinite}.ticker:hover .run{animation-play-state:paused}.ticker span{padding:8px 30px;font-family:var(--head);font-weight:600;font-size:17px}.ticker span:before{content:"•";margin-right:14px;font-size:20px}.ticker button{border:0;border-left:3px solid var(--edge);background:var(--deleg);color:var(--dt);font:600 15px var(--head);padding:8px 14px}@keyframes slide{to{transform:translateX(-50%)}}header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}h1{font-family:var(--head);font-weight:700;font-size:32px;margin:0}.add{display:flex;gap:8px;flex-wrap:wrap}input[type=date],input[type=email],input[type=text],input[type=time],select{font:inherit;font-size:18px;padding:9px 12px;border:3px solid var(--edge);border-radius:14px;background:var(--panel);color:var(--ink)}.add input[type=text]{min-width:220px}.btn{font-family:var(--head);font-weight:600;font-size:17px;border:3px solid var(--edge);border-radius:14px;padding:9px 16px;background:var(--accent);color:var(--dt);box-shadow:3px 3px 0 var(--edge)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--edge)}.btn.ghost{background:var(--panel);color:var(--ink)}.matrix{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.quad{border:3px solid var(--edge);border-radius:20px;padding:12px 14px;min-height:240px;box-shadow:5px 5px 0 var(--edge);color:var(--dt);background:var(--c)}.quad h3{font-family:var(--head);margin:0 0 2px;font-size:22px;font-weight:600}.quad p{margin:0 0 10px;opacity:.75;font-size:16px;color:var(--dt)}.quad.over{outline:4px dashed var(--ink)}.quad.cleared{animation:glow 1.2s ease-out}@keyframes glow{0%{box-shadow:5px 5px 0 var(--edge),0 0 0 0 var(--c)}30%{box-shadow:5px 5px 0 var(--edge),0 0 40px 8px var(--c)}to{box-shadow:5px 5px 0 var(--edge),0 0 0 0 transparent}}.task{display:flex;align-items:center;gap:10px;background:var(--panel);color:var(--ink);border:3px solid var(--edge);border-radius:14px;padding:7px 10px;margin-bottom:8px}.chk{flex:none;width:28px;height:28px;padding:0;border:3px solid var(--ink);border-radius:50%;background:transparent;display:grid;place-items:center;font:700 18px/1 var(--head);color:transparent}.chk:hover,.chk[aria-checked=true]{border-color:var(--accent)}.chk[aria-checked=true]{background:var(--accent);color:var(--dt)}.task .txt{flex:1 1;min-width:0;overflow-wrap:anywhere}.task.done .txt{text-decoration:line-through;opacity:.55}.task .due{font-size:14px;opacity:.7;white-space:nowrap}.task .act{border:0;background:none;color:var(--ink);font:500 14px var(--head);display:none;padding:2px 4px;opacity:.8}.task select.act{border:2px solid var(--edge);border-radius:8px;background:var(--card);padding:1px 4px;max-width:120px}.task:focus-within .act,.task:hover .act{display:inline}.task .act:hover{opacity:1}@media (pointer:coarse){.task .act{display:inline}}.task.dragging{opacity:.4}.matrix>*,.week>*{min-width:0}.week{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));grid-gap:14px;gap:14px}.day{background:var(--panel);border:3px solid var(--edge);border-radius:18px;padding:10px 12px;min-height:240px;box-shadow:4px 4px 0 var(--edge)}.day.today{border-color:var(--deleg)}.day h4{font-family:var(--head);margin:0 0 6px;font-size:18px;display:flex;justify-content:space-between}.day h4 span:last-child{font-family:var(--body);font-weight:400;font-size:15px;color:var(--mute)}.slot{border-bottom:2px dashed var(--line);min-height:34px;display:flex;align-items:center;font-size:18px;gap:8px}.slot .chk{width:24px;height:24px;font-size:15px}.slot.done span{text-decoration:line-through;opacity:.55}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--edge);flex:none}.empty{opacity:.6}.pomo{max-width:520px;margin:0 auto;text-align:center}.modes{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;background:var(--panel);border:3px solid var(--edge);border-radius:16px;padding:6px;margin-bottom:18px;box-shadow:3px 3px 0 var(--edge)}.modes button{border:3px solid transparent;background:none;color:var(--ink);font:500 16px var(--head);padding:6px 14px;border-radius:12px}.modes button.on{background:var(--accent);color:var(--dt);border-color:var(--edge)}.hg{width:200px;margin:0 auto 4px}.hg svg{display:block;width:100%;height:auto;overflow:visible}.hg.flip{animation:flip .9s ease-in-out}@keyframes flip{0%{transform:rotate(-180deg)}to{transform:rotate(0)}}.hg .stream{stroke-dasharray:3 4}.hg.run .stream{animation:fall .5s linear infinite}@keyframes fall{to{stroke-dashoffset:-14}}.pomo .time{font-family:var(--head);font-size:52px;font-weight:700;line-height:1.1}.pomo .time small{display:block;font:400 18px var(--body);color:var(--mute)}.pomo .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}.pomo select{min-width:260px;max-width:100%}.sess{color:var(--mute)}.pomo select{width:100%}.sec{font-family:var(--head);font-weight:600;font-size:22px;margin:0 0 12px;display:flex;align-items:center;gap:10px}.sec small{font:400 16px var(--body);color:var(--mute)}.tracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.track{background:var(--panel);border:3px solid var(--edge);border-radius:20px;overflow:hidden;text-align:left;box-shadow:5px 5px 0 var(--edge)}.cover{aspect-ratio:16/9;display:grid;place-items:center;font-size:54px;border-bottom:3px solid var(--edge);background:var(--deleg)}.track:nth-child(4n+2) .cover{background:var(--drop)}.track:nth-child(4n+3) .cover{background:var(--do)}.track:nth-child(4n) .cover{background:var(--sched)}.track .bd{padding:12px 14px 14px}.track h3{font-family:var(--head);font-weight:600;margin:0 0 2px;font-size:18px;line-height:1.15}.track p{margin:0 0 10px;opacity:.7;font-size:15px}.track.on{outline:4px dashed var(--ink);outline-offset:3px}.track.on .cover{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.15)}}.note{color:var(--mute);font-size:16px;margin-top:16px}.ytdock{position:fixed;right:18px;bottom:84px;z-index:149;width:min(356px,calc(100vw - 36px));height:200px;background:#000;border:3px solid var(--edge);border-radius:14px;overflow:hidden;box-shadow:5px 5px 0 var(--edge);display:none}.ytdock.on{display:block}.ythost,.ythost iframe{width:100%;height:100%;display:block}.mbar{position:fixed;left:var(--sbw);right:0;bottom:0;z-index:150;display:none;align-items:center;gap:14px;padding:10px 18px;background:var(--panel);border-top:3px solid var(--edge)}.mbar.on{display:flex}.mbar .mi{flex:none;width:44px;height:44px;border-radius:12px;border:3px solid var(--edge);background:var(--deleg);display:grid;place-items:center;font-size:24px}.mbar .mt{min-width:0;width:200px;flex:none;line-height:1.1}.mbar .mt b{display:block;font:500 16px var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbar .mt small{color:var(--mute);font-size:14px}.mbar .ctl{display:flex;gap:6px;flex:none}.mbar .ctl button{width:40px;height:40px;border-radius:50%;border:3px solid var(--edge);background:var(--card);color:var(--ink);font-size:16px}.mbar .ctl button.main{background:var(--accent);color:var(--dt)}.mbar .prog{flex:1 1;display:flex;align-items:center;gap:8px;min-width:0;color:var(--mute);font-size:14px}.mbar .prog input{flex:1 1;min-width:40px;accent-color:var(--accent)}.mbar .vl{display:flex;align-items:center;gap:6px;flex:none}.mbar .vl input{width:80px;accent-color:var(--accent)}.mbar .cl{flex:none;border:2px solid var(--edge);background:var(--do);color:var(--dt);border-radius:10px;font:600 14px var(--head);padding:6px 10px}.eq{display:inline-flex;gap:2px;align-items:flex-end;height:14px;margin-left:8px}.eq i{width:3px;background:currentColor;animation:eq .8s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:3px}50%{height:14px}}.panel{background:var(--panel);border:3px solid var(--edge);border-radius:20px;padding:16px 18px;margin-bottom:16px;box-shadow:5px 5px 0 var(--edge);max-width:640px}.panel h3{font-family:var(--head);margin:0 0 4px;font-size:22px}.panel p{margin:0 0 12px;color:var(--mute);font-size:17px}.panel label{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:18px;flex-wrap:wrap}.panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.row-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;background:var(--deleg);color:var(--dt);border:2px solid var(--edge);border-radius:10px;padding:0 8px;font:600 13px var(--head);margin-left:8px;vertical-align:middle}#gate{position:fixed;inset:0;background:rgba(3,12,14,.9);z-index:500;display:none;place-items:center;padding:20px}#gate.on{display:grid}.gate{background:var(--panel);border:3px solid var(--edge);border-radius:24px;padding:26px;width:min(420px,100%);max-height:100%;overflow-y:auto;box-shadow:6px 6px 0 var(--edge);text-align:center}.gate h2{font-family:var(--head);margin:14px 0 2px;font-size:26px}.gate p{margin:0 0 16px;color:var(--mute)}.gate input[type=email],.gate input[type=text]{width:100%;margin-bottom:10px}.gate label{display:flex;gap:10px;align-items:center;text-align:left;margin:4px 0 16px;font-size:17px;color:var(--mute)}.gate input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.gate small{display:block;margin-top:14px;color:var(--mute);font-size:14px;line-height:1.2}#focus{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;padding:24px;overflow-y:auto;background-image:radial-gradient(#25505c 1.5px,transparent 0),radial-gradient(circle at 50% 30%,#123842,#040d10);background-size:22px 22px,100% 100%}#focus .lbl{display:inline-block;background:var(--deleg);color:var(--dt);border:3px solid var(--edge);border-radius:12px;padding:2px 14px;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--edge);font-weight:600;font-size:18px;margin-bottom:14px}#focus .lbl,#focus h2{font-family:var(--head)}#focus h2{font-weight:700;font-size:clamp(26px,5vw,44px);margin:0 0 6px;max-width:760px}#focus .hg{width:150px;margin-top:10px}#focus .big{font-family:var(--head);font-weight:700;font-size:clamp(60px,14vw,120px);line-height:1;margin:10px 0 16px;text-shadow:5px 5px 0 var(--edge)}#focus .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#focus .esc{position:absolute;top:18px;right:22px}#focus .snd{margin-top:22px;color:var(--mute)}.widget{padding:14px;min-width:0}.widget h4{margin:0 0 6px}.widget .wlogo{display:inline-block;font-family:var(--head);font-weight:700;font-size:22px;background:var(--deleg);color:var(--dt);border:3px solid var(--edge);border-radius:10px;padding:0 10px}.widget .wt{color:var(--mute);margin-bottom:10px;font-size:16px}.widget .task{padding:5px 8px;margin-bottom:6px;font-size:17px}.widget .chk{width:24px;height:24px;font-size:15px}.hint{margin-top:20px;font-size:16px;opacity:.7}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(90px);background:var(--deleg);color:var(--dt);border:3px solid var(--edge);padding:8px 20px;border-radius:16px;font-family:var(--head);font-weight:500;transition:transform .3s,opacity .3s;z-index:600;box-shadow:3px 3px 0 var(--edge);opacity:0;pointer-events:none}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.gate{position:relative}.gate .gx{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:3px solid var(--edge);background:var(--card);color:var(--ink);font-size:16px;line-height:1}.gate .gx:hover{background:var(--do);color:var(--dt)}.gate .guestbtn{display:block;width:100%;margin-top:10px;padding:10px;border:0;background:none;color:var(--ink);font:500 17px var(--head);text-decoration:underline;text-underline-offset:4px}.gate .gerr{background:rgba(255,130,102,.15);border:2px solid var(--do);color:var(--ink);border-radius:12px;padding:8px 10px;margin:0 0 12px;font-size:16px;text-align:left}.gate .btn:disabled{opacity:.6}.linkbtn{border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;padding:0}.steps{margin:12px 0 0;padding-left:22px;color:var(--ink);line-height:1.4}.steps li{margin:4px 0}.user.guest{width:100%;text-align:left;color:var(--ink)}.user.guest:hover{border-color:var(--accent)}.user.guest i{background:var(--card);color:var(--ink)}.install{display:flex;align-items:center;gap:12px;background:var(--panel);border:3px solid var(--edge);border-radius:16px;padding:10px 12px;margin:0 0 16px;box-shadow:4px 4px 0 var(--edge)}.install .ii{flex:none;font-size:28px}.install .it{flex:1 1;min-width:0;line-height:1.2}.install .it b{display:block;font-family:var(--head);font-weight:600;font-size:18px}.install .it span{color:var(--mute);font-size:16px}.install .it span b{display:inline;font-size:inherit;color:var(--ink)}.install .btn{flex:none;padding:7px 14px}.install .ix{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--edge);background:var(--card);color:var(--ink);font-size:14px}nav .navlink{display:flex;gap:10px;align-items:center;width:100%;font-family:var(--head);font-weight:500;font-size:17px;color:var(--ink);text-decoration:none;border:3px solid transparent;border-radius:14px;padding:8px 12px;margin-bottom:5px}nav .navlink:hover{background:var(--line)}.mright{display:none}.mblog{text-decoration:none;font-size:22px;line-height:1}.blog{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.blog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,4vw,40px);border-bottom:3px solid var(--edge);background:var(--panel)}.blog-top .logo{text-decoration:none;color:inherit;margin:0}.blog-nav{display:flex;align-items:center;gap:16px}.blog-nav a{color:var(--ink);text-decoration:none;font:500 18px var(--head)}.blog-nav a.btn{color:var(--dt);display:inline-block}.blog-main{flex:1 1;width:100%;max-width:780px;margin:0 auto;padding:32px clamp(16px,4vw,24px) 48px}.blog-foot{text-align:center;color:var(--mute);padding:20px;border-top:3px solid var(--edge);background:var(--panel)}.blog-title{font-family:var(--head);font-weight:700;font-size:clamp(28px,5vw,42px);line-height:1.1;margin:0 0 8px;overflow-wrap:anywhere}.blog-lead{margin:0 0 24px}.blog-empty,.blog-lead{color:var(--mute)}.posts{display:grid;grid-gap:16px;gap:16px}.post-card{display:block;text-decoration:none;color:var(--ink);background:var(--panel);border:3px solid var(--edge);border-radius:20px;padding:16px 18px;box-shadow:5px 5px 0 var(--edge);transition:transform .15s}.post-card:hover{transform:translate(-2px,-2px);border-color:var(--accent)}.post-card h2{font-family:var(--head);font-weight:600;font-size:24px;margin:0 0 6px;line-height:1.15}.post-card p{margin:0 0 10px;color:var(--mute)}.post-meta{color:var(--mute);font-size:16px}.back{display:inline-block;margin-bottom:14px;color:var(--accent);text-decoration:none;font:500 17px var(--head)}.prose{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.7;margin-top:22px;overflow-wrap:anywhere}.prose h2{font-family:var(--head);font-weight:600;font-size:26px;line-height:1.2;margin:32px 0 8px}.prose p{margin:0 0 16px}.prose ol,.prose ul{padding-left:24px;margin:0 0 16px}.prose li{margin:6px 0}.prose a{color:var(--accent)}.prose strong{color:#fff}.prose code{background:var(--card);border-radius:6px;padding:1px 6px;font-size:.92em}.prose blockquote{margin:16px 0;padding:4px 16px;border-left:4px solid var(--deleg);color:var(--mute)}.post-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:36px;background:var(--panel);border:3px solid var(--edge);border-radius:20px;padding:16px 18px;box-shadow:5px 5px 0 var(--edge)}.post-cta b{font-family:var(--head);font-size:20px}.post-cta span{flex:1 1 200px;color:var(--mute)}.post-cta .btn{text-decoration:none;display:inline-block}@media (min-width:1500px){:root{--sbw:260px;--pad:40px}body{font-size:20px}}@media (max-width:1099px){:root{--sbw:200px;--pad:20px}aside{padding:16px 12px}.logo{font-size:26px}.tag{font-size:15px}nav .navlink,nav button{font-size:16px;padding:8px 10px}.stats{font-size:16px}.mbar .mt{width:150px}.mbar .vl input{width:60px}}@media (max-width:760px){.matrix{grid-template-columns:1fr}.quad{min-height:0}}@media (max-width:767px){:root{--sbw:0px;--pad:14px;--navh:calc(62px + env(safe-area-inset-bottom));--mbarh:92px}body{font-size:18px}.app{display:block}aside{position:static;height:auto;overflow:visible;border-right:0;border-bottom:3px solid var(--edge);padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.brand{display:flex;align-items:center;justify-content:space-between;gap:10px}.logo{font-size:24px;margin:0}.logo span{padding:2px 10px 4px;box-shadow:3px 3px 0 var(--edge)}.mstats{display:block;font:500 15px var(--head);background:var(--bg);border:3px solid var(--edge);border-radius:12px;padding:3px 10px;white-space:nowrap}.mascot,.stats,.tag,.user,nav .navlink{display:none}.mright{display:flex;align-items:center;gap:10px}.install{padding:8px 10px;gap:10px}.install .ii{font-size:24px}.install .it span{font-size:15px}.gate .gx{top:8px;right:8px}nav{position:fixed;left:0;right:0;bottom:0;z-index:160;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;gap:2px;background:var(--panel);border-top:3px solid var(--edge);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}nav .sep{display:none}nav button{position:relative;flex-direction:column;justify-content:center;gap:2px;width:auto;min-width:0;margin:0;padding:4px 2px;border-radius:12px;border-width:2px;text-align:center;min-height:48px}nav button.on{box-shadow:none}nav .ni{font-size:20px;line-height:1}nav .nl{font:500 11px/1.1 var(--head)}nav .live{position:absolute;top:-6px;right:-2px;margin:0;font-size:11px;background:var(--deleg);border:2px solid var(--edge);border-radius:8px;padding:0 4px}nav .live,nav button.on .live{color:var(--dt)}nav .eq{position:absolute;top:2px;right:6px;margin:0;color:var(--accent)}nav button.on .eq{color:var(--dt)}main{padding-bottom:calc(var(--navh) + 20px)}body:has(.mbar.on) main{padding-bottom:calc(var(--navh) + var(--mbarh) + 240px)}.ticker span{padding:6px 22px;font-size:16px}.ticker button{padding:6px 10px}header{gap:10px;margin-bottom:14px}h1{font-size:26px}.add{width:100%;gap:8px}.add input[type=text]{flex:1 1 100%;min-width:0}.add input[type=date],.add select{flex:1 1;min-width:0}.add .btn{flex:1 1 100%}input[type=date],input[type=email],input[type=text],input[type=time],select{font-size:16px;min-height:46px}.btn{min-height:46px}.task{flex-wrap:wrap;row-gap:6px;padding:8px 10px}.task .txt{flex:1 1 120px}.task .act{padding:6px 8px}.task select.act{min-height:36px;font-size:14px;max-width:150px}.chk{width:32px;height:32px;font-size:20px}.slot{min-height:42px}.slot .chk{width:28px;height:28px}.quad{padding:12px}.week{grid-template-columns:1fr}.day{min-height:0}.modes{gap:4px;padding:5px}.modes button{padding:8px 10px;font-size:15px}.hg{width:min(200px,52vw)}.pomo .time{font-size:46px}.pomo .row .btn{flex:1 1 140px}.track{display:grid;grid-template-columns:92px 1fr}.cover{aspect-ratio:auto;height:100%;min-height:92px;font-size:40px;border-bottom:0;border-right:3px solid var(--edge)}.track .bd{padding:10px 12px}.track h3{font-size:16px}.mbar{left:0;bottom:var(--navh);display:none;grid-template-columns:44px 1fr auto auto;grid-template-areas:"mi mt ctl cl" "prog prog prog prog";gap:6px 10px;padding:8px 12px}.mbar.on{display:grid}.mbar .mi{grid-area:mi;width:40px;height:40px;font-size:20px}.mbar .mt{grid-area:mt;width:auto}.mbar .ctl{grid-area:ctl}.mbar .ctl button{width:38px;height:38px}.mbar .cl{grid-area:cl}.mbar .prog{grid-area:prog}.mbar .vl{display:none}.ytdock{left:12px;right:12px;width:auto;bottom:calc(var(--navh) + var(--mbarh) + 8px);height:200px}.toast{bottom:calc(var(--navh) + 12px);max-width:calc(100vw - 28px);text-align:center}body:has(.mbar.on) .toast{bottom:calc(var(--navh) + var(--mbarh) + 220px)}.panel{padding:14px;max-width:none}.panel label{font-size:17px}#gate{padding:12px}.gate{padding:20px}#focus{padding:calc(60px + env(safe-area-inset-top)) 16px 16px}#focus .esc{top:calc(10px + env(safe-area-inset-top));right:12px}#focus .hg{width:120px}#focus .snd{margin-top:14px}}@media (max-width:380px){.logo{font-size:21px}.mstats{font-size:14px;padding:2px 8px}nav .nl{font-size:10px}h1{font-size:24px}.modes button{padding:7px 8px;font-size:14px}.track{grid-template-columns:76px 1fr}}@media (max-height:520px){#focus{padding:10px 16px}#focus .lbl{margin-bottom:6px}#focus .snd{margin-top:8px}#focus .hg{width:80px;margin-top:0}#focus .big{font-size:52px;margin:4px 0 8px}#focus h2{font-size:22px}.hg{width:120px}}@media (pointer:coarse){.chk{min-width:30px}.btn,.modes button,.ticker button{min-height:44px}}@media (prefers-reduced-motion:reduce){.eq i,.hg.flip,.hg.run .stream,.quad.cleared,.ticker .run,.track.on .cover{animation:none}}