@import 'https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500&family=Caveat:wght@400..700&display=swap';:root{--theme:#fafafa;--entry:#ffffff;--primary:#1a1a1a;--secondary:#5c5c5c;--tertiary:#e8e8e8;--content:#2d2d2d;--code-block-bg:#1e1e1e;--code-bg:#f0f0f0;--border:#e5e5e5;--accent:#2563eb;--accent-soft:rgba(37, 99, 235, 0.08);--container-max:720px;--header-height:64px;--gap:24px;--content-gap:24px;--radius:8px;--transition:0.2s ease;color-scheme:light}:root[data-theme=dark]{--theme:#0f0f10;--entry:#18181b;--primary:#f4f4f5;--secondary:#a1a1aa;--tertiary:#27272a;--content:#d4d4d8;--code-block-bg:#18181b;--code-bg:#27272a;--border:#27272a;--accent:#60a5fa;--accent-soft:rgba(96, 165, 250, 0.12);color-scheme:dark}.list{background:var(--theme)}body{font-family:dm sans,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;background:var(--theme);color:var(--content);line-height:1.7;font-size:17px;margin:0;padding:0}body::before,body::after{display:none}h1,h2,h3,h4,h5,h6{font-family:dm sans,sans-serif;color:var(--primary);font-weight:600;line-height:1.3;margin-top:0;margin-bottom:.75em}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main{max-width:calc(var(--container-max) + var(--gap) * 2);margin-left:auto;margin-right:auto;padding:var(--gap);min-height:calc(100vh - var(--header-height) - 60px)}.header{position:sticky;top:0;z-index:100;background:rgba(250,250,250,.9);border-bottom:1px solid var(--border);backdrop-filter:saturate(180%)blur(12px);-webkit-backdrop-filter:saturate(180%)blur(12px)}:root[data-theme=dark] .header{background:rgba(15,15,16,.9)}.header-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;max-width:calc(var(--container-max) + var(--gap) * 2);min-height:var(--header-height);margin:0 auto;padding:0 var(--gap);line-height:1.2}.header-nav a{display:inline-flex;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;min-width:0}.logo a{font-family:dm sans,sans-serif;font-weight:700;font-size:1.15rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:var(--primary);transition:color var(--transition)}.logo a:hover{color:var(--accent)}.logo-switches{display:inline-flex;align-items:center;gap:.35rem;flex:none}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:none;background:0 0;color:var(--secondary);cursor:pointer;border-radius:6px;transition:color var(--transition),background var(--transition)}.theme-toggle:hover{color:var(--primary);background:var(--accent-soft)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{display:block}[data-theme=dark] .theme-toggle .moon{display:none}[data-theme=light] .theme-toggle .sun,html:not([data-theme=dark]) .theme-toggle .sun{display:none}#menu,.menu{list-style:none;display:flex;align-items:center;gap:.5rem;min-width:0;margin:0;padding:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}#menu::-webkit-scrollbar,.menu::-webkit-scrollbar{display:none}#menu li,.menu li{flex:none}#menu a{font-size:.9rem;font-weight:500;color:var(--secondary);padding:.4rem .6rem;border-radius:6px;transition:color var(--transition),background var(--transition)}#menu a:hover{color:var(--primary);background:var(--accent-soft)}#menu a span.active{color:var(--primary);font-weight:600}#menu .active{border-bottom:none}#menu a span.active{position:relative}#menu a span.active::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);border-radius:1px}button#theme-toggle{color:var(--secondary);transition:color var(--transition),background var(--transition),transform var(--transition)}button#theme-toggle:hover{color:var(--primary)}button#theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.first-entry,.post-entry{position:relative;display:block;background:var(--entry);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin-bottom:1.5rem;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);overflow:hidden}.first-entry{min-height:auto;margin:0 0 1.5rem}.post-entry:hover,.first-entry:hover{box-shadow:0 8px 24px rgba(0,0,0,6%);border-color:var(--tertiary)}:root[data-theme=dark] .post-entry:hover,:root[data-theme=dark] .first-entry:hover{box-shadow:0 8px 24px rgba(0,0,0,.25)}.post-entry:active,.first-entry:active{transform:scale(.995)}.entry-header h1,.entry-header h2{font-size:1.5rem;font-weight:600;line-height:1.35;margin-bottom:.5rem;color:var(--primary)}.first-entry .entry-header{overflow:visible;display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset;line-clamp:unset}.first-entry .entry-header h1,.first-entry .entry-header h2{font-size:1.5rem}.entry-content{color:var(--secondary);font-size:.95rem;line-height:1.65;margin:.5rem 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.first-entry .entry-content{-webkit-line-clamp:3;line-clamp:3}.entry-footer{margin-top:1rem;font-size:.8rem;color:var(--secondary);font-weight:500;letter-spacing:0;text-transform:none}.entry-footer span{opacity:.9}.entry-link{position:absolute;inset:0}.entry-hint{color:var(--secondary)}.post-content,.post-content .entry-content{-webkit-line-clamp:unset !important;line-clamp:unset !important;display:block !important;overflow:visible !important}.first-entry.home-info{text-align:left;max-width:100%}.page-header{margin-bottom:var(--content-gap)}.page-header h1{font-size:1.75rem;font-weight:700}.post-single{max-width:var(--container-max);margin:0 auto}.post-header{margin:0 auto var(--content-gap)}.post-title{font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:.5rem}.post-description{font-size:1.05rem;color:var(--secondary);margin-top:.5rem;margin-bottom:0}.post-meta,.breadcrumbs{color:var(--secondary);font-size:.85rem;margin-top:.75rem}.post-content{color:var(--content);margin:2rem 0;font-size:1.0625rem}.post-content h1{font-size:1.85rem;margin:2rem 0 1rem}.post-content h2{font-size:1.5rem;margin:1.75rem 0 .75rem}.post-content h3{font-size:1.25rem;margin:1.5rem 0 .5rem}.post-content h4,.post-content h5,.post-content h6{font-size:1.1rem;margin:1.25rem 0 .5rem}.post-content p,.post-content ul,.post-content ol{margin-bottom:1.25rem}.post-content ul,.post-content ol{padding-left:1.5rem}.post-content li{margin-top:.35rem}.post-content blockquote{margin:1.5rem 0;padding:.75rem 1rem .75rem 1.25rem;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius)var(--radius)0;color:var(--content)}.post-content code{font-family:jetbrains mono,ui-monospace,monospace;font-size:.88em;padding:.2em .4em;background:var(--code-bg);border-radius:4px;border:1px solid var(--border)}.post-content pre{margin:1.5rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.post-content pre code{display:block;padding:1rem 1.25rem;margin:0;background:var(--code-block-bg) !important;color:#f4f4f5;font-size:.875rem;line-height:1.6;border:none;overflow-x:auto}.post-content .highlight pre code{background:0 0 !important}.post-content table{width:100%;margin:1.5rem 0;border-collapse:collapse;font-size:.95rem}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{padding:.6rem .75rem;border-bottom:1px solid var(--border);text-align:left}.post-content table th{font-weight:600;color:var(--primary);background:var(--code-bg)}.post-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.25rem 0}.post-content hr{margin:2rem 0;border:0;height:1px;background:var(--border)}.post-content a{box-shadow:0 1px currentColor;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a:hover{box-shadow:0 2px 0 var(--accent)}.post-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-tags a{font-size:.8rem;padding:.35rem .65rem;background:var(--code-bg);border-radius:6px;color:var(--secondary);transition:background var(--transition),color var(--transition)}.post-tags a:hover{background:var(--tertiary);color:var(--primary)}.copy-code{font-family:dm sans,sans-serif;border-radius:6px;padding:.35rem .6rem;font-size:.75rem}.about-terminal{margin:.25rem 0 1.75rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--entry) 88%,var(--code-bg) 12%);box-shadow:0 8px 22px rgba(0,0,0,6%);overflow:hidden}:root[data-theme=dark] .about-terminal{box-shadow:0 8px 22px rgba(0,0,0,.25)}.about-terminal-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--code-bg) 82%,var(--entry) 18%)}.terminal-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.terminal-dot-red{background:#f87171}.terminal-dot-amber{background:#fbbf24}.terminal-dot-green{background:#34d399}.about-terminal-line{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:.85rem 1rem .4rem;font-family:jetbrains mono,ui-monospace,monospace;font-size:.88rem}.about-terminal-prompt{color:var(--secondary)}.about-terminal-command{color:var(--primary);font-weight:500}.about-terminal-cursor{width:.56ch;height:1.05em;background:var(--accent);border-radius:1px;animation:terminal-cursor-blink 1.2s steps(1,end)infinite}.about-terminal-output{margin:0 1rem .95rem;color:var(--content);font-size:.9rem;line-height:1.55;font-family:jetbrains mono,ui-monospace,monospace}@keyframes terminal-cursor-blink{0%,48%{opacity:1}50%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.about-terminal-cursor{animation:none}}.live-terminal{border-color:color-mix(in srgb,var(--accent) 34%,var(--border) 66%);background:#09090b;box-shadow:0 18px 48px rgba(0,0,0,.18),0 0 0 1px rgba(34,197,94,8%);animation:terminal-breathe 4.5s ease-in-out infinite}@keyframes terminal-breathe{0%,100%{box-shadow:0 18px 48px rgba(0,0,0,.18),0 0 0 1px rgba(34,197,94,8%),0 0 22px rgba(37,99,235,.1)}50%{box-shadow:0 18px 48px rgba(0,0,0,.24),0 0 0 1px rgba(52,211,153,.18),0 0 40px rgba(37,99,235,.22)}}@media(prefers-reduced-motion:reduce){.live-terminal{animation:none}}:root[data-theme=dark] .live-terminal{border-color:rgba(96,165,250,.28);box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 0 1px rgba(52,211,153,.1)}.live-terminal .about-terminal-bar{background:linear-gradient(180deg,#18181b 0%,#111113 100%);border-bottom-color:rgba(255,255,255,8%)}.terminal-title{margin-left:.45rem;color:#a1a1aa;font-family:jetbrains mono,ui-monospace,monospace;font-size:.75rem}.terminal-clock{margin-left:auto;color:#71717a;font-family:jetbrains mono,ui-monospace,monospace;font-size:.75rem}.terminal-screen{position:relative;min-height:330px;padding:1rem;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(37,99,235,.16),transparent 32%),radial-gradient(circle at 82% 8%,rgba(52,211,153,.12),transparent 30%),linear-gradient(180deg,#0a0a0d 0%,#111113 100%);color:#d4d4d8;font-family:jetbrains mono,ui-monospace,monospace}.terminal-screen::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient( to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px );opacity:.45}.terminal-status-strip,.terminal-output,.terminal-screen .about-terminal-line{position:relative;z-index:1}.terminal-status-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;color:#a1a1aa;font-size:.72rem}.terminal-status-strip span{display:inline-flex;align-items:center;gap:.35rem}.terminal-live-dot{width:.48rem;height:.48rem;border-radius:999px;background:#22c55e;box-shadow:0 0 rgba(34,197,94,.52),0 0 12px rgba(34,197,94,.8);animation:terminal-live-pulse 1.5s ease-out infinite}.terminal-output{min-height:220px;max-height:300px;overflow-y:auto;font-size:.86rem;line-height:1.7;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18)transparent}.terminal-output::-webkit-scrollbar{width:6px;background:0 0}.terminal-output::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}.terminal-output::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.terminal-output-line{color:#d4d4d8;opacity:0;transform:translateY(4px);animation:terminal-line-in .28s ease forwards;white-space:pre-wrap;word-break:break-word}.terminal-output-line.terminal-echo{color:#f4f4f5;margin-top:.35rem}.terminal-echo-prompt{color:#34d399}.terminal-echo-cmd{color:#f8fafc;font-weight:600}.terminal-output-line.terminal-muted{color:#a1a1aa;font-style:italic}.live-terminal .about-terminal-line{padding:.75rem 0 0;color:#f4f4f5}.live-terminal .about-terminal-prompt{color:#34d399}.live-terminal .about-terminal-command{color:#f8fafc}.live-terminal .about-terminal-cursor{background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.85)}@keyframes terminal-live-pulse{0%{box-shadow:0 0 rgba(34,197,94,.52),0 0 12px rgba(34,197,94,.8)}80%,100%{box-shadow:0 0 0 10px rgba(34,197,94,0),0 0 12px rgba(34,197,94,.8)}}@keyframes terminal-line-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.terminal-output-line{animation:none;opacity:1;transform:none}.terminal-live-dot{animation:status-live-soft-blink 2.4s ease-in-out infinite}}.pagination a{border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:opacity var(--transition)}.pagination a:hover{opacity:.9}.footer{background:var(--theme);border-top:1px solid var(--border);padding:1.4rem var(--gap);color:var(--secondary);font-size:.875rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:.85rem 1rem;max-width:calc(var(--container-max) + var(--gap) * 2);margin:0 auto}.footer-brand{color:var(--primary);font-weight:700;letter-spacing:0;white-space:nowrap}.footer-meta{color:var(--secondary);white-space:nowrap}.footer-status{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;color:var(--secondary);white-space:nowrap}.status-copy{display:inline-flex;align-items:baseline;gap:.35rem;min-width:0}.status-label{color:var(--secondary)}.status-value{color:var(--primary);font-weight:600}.status-clock{font-family:jetbrains mono,ui-monospace,monospace;font-size:.8rem;color:var(--secondary);font-variant-numeric:tabular-nums;letter-spacing:.01em}.status-live-light{position:relative;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;background:rgba(34,197,94,.1);animation:status-live-ring 1.6s ease-out infinite}.status-live-light::before,.status-live-light::after{content:"";position:absolute;border-radius:inherit}.status-live-light::before{inset:0;background:rgba(34,197,94,.32);animation:status-live-ping 1.6s ease-out infinite}.status-live-light::after{width:9px;height:9px;background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 18px rgba(34,197,94,.8);animation:status-live-glow 1.4s ease-in-out infinite}.footer-status[data-state=checking] .status-live-light,.footer-status[data-state=limited] .status-live-light{animation:none}.footer-status[data-state=checking] .status-live-light{background:rgba(234,179,8,.1)}.footer-status[data-state=checking] .status-live-light::before{background:rgba(234,179,8,.26)}.footer-status[data-state=checking] .status-live-light::after{background:#eab308;box-shadow:0 0 8px #eab308,0 0 18px rgba(234,179,8,.7)}.footer-status[data-state=limited] .status-live-light{background:rgba(245,158,11,.12)}.footer-status[data-state=limited] .status-live-light::before{background:rgba(245,158,11,.24)}.footer-status[data-state=limited] .status-live-light::after{background:#f59e0b;box-shadow:0 0 8px #f59e0b,0 0 18px rgba(245,158,11,.72)}.footer-status[data-state=offline] .status-live-light{background:rgba(239,68,68,.1);animation:none}.footer-status[data-state=offline] .status-live-light::before{animation:none;background:rgba(239,68,68,.2)}.footer-status[data-state=offline] .status-live-light::after{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.68);animation:none}@keyframes status-live-ping{0%{opacity:1;transform:scale(.65)}80%,100%{opacity:0;transform:scale(2.3)}}@keyframes status-live-ring{0%,45%{box-shadow:0 0 rgba(34,197,94,.4)}100%{box-shadow:0 0 0 9px rgba(34,197,94,0)}}@keyframes status-live-glow{0%,100%{transform:scale(.85);filter:brightness(.9)}50%{transform:scale(1.2);filter:brightness(1.5)}}@media(prefers-reduced-motion:reduce){.status-live-light,.status-live-light::before{animation:none}.status-live-light::before{opacity:0}.status-live-light::after{animation:status-live-soft-blink 2.4s ease-in-out infinite}.footer-status[data-state=offline] .status-live-light::after{animation:none}}@keyframes status-live-soft-blink{0%,100%{opacity:1}50%{opacity:.4}}.footer a:hover{color:var(--primary)}.top-link{transition:transform var(--transition),opacity var(--transition)}.top-link:hover{opacity:.9}.top-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:8px;background:var(--theme)}::-webkit-scrollbar-thumb{background:var(--tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border)}::selection{background:var(--accent-soft);color:var(--primary)}@media(max-width:768px){:root{--gap:16px;--header-height:56px}.main{padding:var(--gap)}.header-nav{padding:0 var(--gap)}#menu,.menu{gap:.25rem}#menu a{font-size:.85rem;padding:.35rem .5rem}.first-entry,.post-entry{padding:1.25rem;margin-bottom:1.25rem}.entry-header h1,.entry-header h2{font-size:1.25rem}.entry-content{font-size:.9rem;-webkit-line-clamp:2;line-clamp:2}.post-title{font-size:1.75rem}.post-content{font-size:1rem;margin:1.5rem 0}.post-content h1{font-size:1.5rem}.post-content h2{font-size:1.3rem}.post-content h3{font-size:1.15rem}.post-content pre code{padding:.75rem 1rem;font-size:.8rem}.about-terminal-line{padding:.75rem .85rem .35rem;font-size:.82rem;gap:.35rem}.about-terminal-output{margin:0 .85rem .85rem;font-size:.84rem}.footer-inner{flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center}.footer-meta,.footer-status{white-space:normal}.footer-status{width:100%}.status-copy{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.header-nav{align-items:stretch;flex-wrap:wrap;gap:.35rem;padding-top:.45rem;padding-bottom:.45rem}.logo{width:100%;justify-content:space-between}.logo a{font-size:1rem;max-width:calc(100% - 2.7rem)}#menu,.menu{width:100%;justify-content:flex-start;padding-bottom:.15rem}#menu a{padding:.35rem .45rem}.entry-header h1,.entry-header h2{font-size:1.15rem}.post-title{font-size:1.5rem}}.canvas-page{--ink:#edeae4;--ink-soft:rgba(237, 234, 228, 0.6);--ink-faint:rgba(237, 234, 228, 0.3);--hand:'Caveat', 'Segoe Script', 'Bradley Hand', cursive;margin:0 auto}.canvas-stage{position:relative;margin:.25rem 0 2.5rem}@media(min-width:1040px){.canvas-stage{width:min(94vw,920px);margin-left:50%;transform:translateX(-50%)}}.canvas-sheet{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.4rem,4vw,3.25rem);border:1px solid rgba(255,255,255,7%);border-radius:6px;color:var(--ink);background:radial-gradient(120% 80% at 50% -14%,rgba(96,165,250,9%),transparent 62%),radial-gradient(90% 60% at 88% 114%,rgba(52,211,153,6%),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.013) 0 1px,transparent 1px 4px),repeating-linear-gradient(0,rgba(255,255,255,.013) 0 1px,transparent 1px 4px),linear-gradient(180deg,#101014 0%,#0a0a0c 55%,#06060a 100%);box-shadow:0 34px 80px rgba(0,0,0,.5),inset 0 0 140px rgba(0,0,0,.8)}.canvas-sheet::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.canvas-head,.canvas-block,.canvas-prose,.canvas-sign{position:relative;z-index:2}.canvas-tape{position:absolute;z-index:3;width:86px;height:24px;background:linear-gradient(180deg,rgba(240,240,235,.14),rgba(240,240,235,7%));border-left:1px solid rgba(255,255,255,6%);border-right:1px solid rgba(255,255,255,6%);box-shadow:0 2px 10px rgba(0,0,0,.35)}.canvas-tape-tl{top:-10px;left:-22px;transform:rotate(-34deg)}.canvas-tape-tr{top:-10px;right:-22px;transform:rotate(34deg)}.canvas-tape-bl{bottom:-10px;left:-22px;transform:rotate(34deg)}.canvas-tape-br{bottom:-10px;right:-22px;transform:rotate(-34deg)}.canvas-doodle{position:absolute;z-index:1;color:rgba(237,234,228,.22);pointer-events:none}.canvas-doodle-spiral{top:3%;right:4%;transform:rotate(9deg)}.canvas-doodle-moon{bottom:7%;left:2.5%;transform:rotate(-8deg)}.canvas-doodle-hatch{bottom:3%;right:6%;transform:rotate(-4deg)}.canvas-doodle-arrow{top:2.5rem;right:1.5rem;transform:rotate(-20deg)scaleX(-1)}.canvas-doodle-eye{right:1%;bottom:-1.2rem;transform:rotate(-7deg)}.canvas-stage.is-ready .canvas-doodle path,.canvas-stage.is-ready .canvas-doodle circle{stroke-dasharray:440;stroke-dashoffset:440}.canvas-stage.is-ready.is-awake .canvas-doodle path,.canvas-stage.is-ready.is-awake .canvas-doodle circle{animation:doodle-draw 1.9s ease forwards}.canvas-stage.is-ready.is-awake .canvas-doodle-moon path{animation-delay:.35s}.canvas-stage.is-ready.is-awake .canvas-doodle-hatch path{animation-delay:.55s}.canvas-stage.is-ready.is-awake .canvas-doodle-arrow path{animation-delay:.75s}.canvas-stage.is-ready.is-awake .canvas-doodle-eye path,.canvas-stage.is-ready.is-awake .canvas-doodle-eye circle{animation-delay:1s}@keyframes doodle-draw{to{stroke-dashoffset:0}}.canvas-title{margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(2.8rem,10vw,4.4rem);line-height:.95;color:var(--ink);text-shadow:0 0 24px rgba(255,255,255,8%);transform:rotate(-1.6deg)}.canvas-sub{display:flex;align-items:baseline;flex-wrap:wrap;gap:.8rem;margin:.5rem 0 0;font-family:var(--hand);font-size:1.4rem;color:var(--ink-faint);transform:rotate(-.8deg)}.canvas-strike{position:relative}.canvas-strike::after{content:"";position:absolute;left:-8%;right:-8%;top:54%;height:2px;border-radius:2px;background:currentColor;opacity:.8;transform:rotate(-5deg)}.canvas-block-player{margin-top:clamp(2.5rem,6vw,4rem)}.canvas-player{position:relative;max-width:560px;padding:.85rem .85rem .7rem;border:1px solid rgba(255,255,255,9%);border-radius:14px;background:linear-gradient(180deg,rgba(24,24,27,.92),rgba(9,9,11,.94));box-shadow:0 22px 48px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,5%);transform:rotate(-.7deg)}.canvas-player iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:12px;filter:saturate(.82)brightness(.88);transition:filter .45s ease}.canvas-player:hover iframe,.canvas-player:focus-within iframe{filter:none}.canvas-tape-player{top:-12px;left:50%;width:74px;height:22px;transform:translateX(-50%)rotate(-2deg)}.canvas-block-window{margin-top:clamp(3rem,8vw,5rem);padding-bottom:1.5rem}.night-window{position:relative;max-width:540px;margin:0 auto;transform:rotate(.5deg)}.window-frame{position:relative;padding:16px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#1c1a17 0%,#131211 60%,#0d0c0b 100%);box-shadow:0 30px 70px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,6%),inset 0 0 0 1px rgba(0,0,0,.55)}.window-glass{position:relative;overflow:hidden;aspect-ratio:5/4;border-radius:3px;background:radial-gradient(70% 50% at 72% 14%,rgba(186,206,255,.14),transparent 70%),linear-gradient(180deg,#0a0e16 0%,#07080d 58%,#04040a 100%);box-shadow:inset 0 0 70px rgba(0,0,0,.95)}.window-moon{position:absolute;top:6%;right:13%;width:42px;height:42px;border-radius:50%;opacity:.92;background:radial-gradient(circle at 38% 34%,#f5f7ff,#cbd8f7 56%,rgba(150,170,220,.22) 72%,transparent 76%);box-shadow:0 0 44px rgba(190,210,255,.3),0 0 120px rgba(120,160,255,.16)}.window-silhouette{position:absolute;left:50%;bottom:1%;width:36%;height:60%;opacity:0;filter:blur(5px);transform:translate(calc(-50% + var(--shadow-shift-x,0px)),var(--shadow-shift-y,0px));transition:opacity 1.8s ease,transform .9s ease}.window-silhouette::before{content:"";position:absolute;left:50%;top:0;width:46%;aspect-ratio:1/1.14;transform:translateX(-50%);border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 72% 26%,rgba(176,198,244,.26),rgba(3,4,8,.97) 62%);box-shadow:0 0 0 1.5px rgba(200,220,255,.3),0 0 30px rgba(150,180,255,.22),inset -7px -3px 16px -10px rgba(198,220,255,.5)}.window-silhouette::after{content:"";position:absolute;left:50%;top:42%;bottom:0;width:100%;transform:translateX(-50%);border-radius:46% 46% 10% 10%;background:linear-gradient(200deg,rgba(150,172,220,.22),rgba(3,4,8,.97) 58%);box-shadow:0 0 0 1.5px rgba(200,220,255,.22),0 0 36px rgba(150,180,255,.16),inset -10px -6px 22px -14px rgba(198,220,255,.45)}.night-window.is-awake .window-silhouette{opacity:.8;transition-delay:2.4s}.night-window.is-close .window-silhouette{opacity:1;transition-delay:0s}.window-rain{position:absolute;inset:-22%;opacity:.3;background:repeating-linear-gradient(74deg,rgba(190,215,255,.11) 0 1px,transparent 1px 24px);animation:window-rain 6s linear infinite}@keyframes window-rain{from{transform:translate3d(0,-10%,0)}to{transform:translate3d(-7%,10%,0)}}.window-fog{position:absolute;inset:0;filter:blur(2px);background:radial-gradient(58% 32% at 50% 42%,rgba(226,236,255,.13),transparent 72%),radial-gradient(38% 26% at 20% 30%,rgba(226,236,255,7%),transparent 74%),radial-gradient(40% 24% at 80% 26%,rgba(226,236,255,5%),transparent 74%);animation:window-fog 13s ease-in-out infinite alternate}@keyframes window-fog{from{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.07)}}.window-bar-h{position:absolute;left:0;right:0;top:25%;height:10px;background:linear-gradient(180deg,#3a352c,#1a1815 70%);box-shadow:0 4px 14px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,9%)}.window-bar-v{position:absolute;top:0;height:25%;left:50%;width:10px;transform:translateX(-50%);background:linear-gradient(90deg,#3a352c,#1a1815 70%);box-shadow:4px 0 14px rgba(0,0,0,.6),inset 1px 0 rgba(255,255,255,8%)}.window-hand{position:absolute;left:7%;right:7%;top:47%;margin:0;font-family:var(--hand);font-weight:600;font-size:clamp(1.55rem,5.6vw,2.45rem);line-height:1.15;text-align:center;color:rgba(233,241,255,.92);text-shadow:0 0 10px rgba(180,208,255,.55),0 0 28px rgba(120,160,255,.3),0 1px 0 rgba(0,0,0,.45);transform:rotate(-2.2deg)}.night-window.is-ready .window-hand{-webkit-mask-image:linear-gradient(90deg,#000 0 42%,rgba(0,0,0,.4) 52%,transparent 60%);mask-image:linear-gradient(90deg,#000 0 42%,rgba(0,0,0,.4) 52%,transparent 60%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.night-window.is-ready.is-awake .window-hand{animation-name:window-write;animation-duration:3.4s;animation-delay:.7s;animation-timing-function:cubic-bezier(.35,.1,.3,1);animation-fill-mode:forwards}@keyframes window-write{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.window-gleam{position:absolute;inset:16px;border-radius:3px;pointer-events:none;background:linear-gradient(118deg,transparent 38%,rgba(255,255,255,5%) 46%,transparent 54%)}.window-sill{display:block;height:13px;margin:0 -12px;border-radius:0 0 7px 7px;background:linear-gradient(180deg,#231f1a,#0e0d0c);box-shadow:0 18px 34px rgba(0,0,0,.5)}.canvas-prose{margin-top:2rem;color:var(--ink-soft)}.canvas-sign{margin:clamp(2rem,5vw,3rem)0 0;font-family:var(--hand);font-size:2rem;text-align:right;color:var(--ink-faint);transform:rotate(-3deg)}@media(max-width:720px){.canvas-doodle-spiral,.canvas-doodle-hatch,.canvas-doodle-arrow{display:none}.canvas-doodle-moon{bottom:2%;left:1%;width:62px;height:62px}.canvas-doodle-eye{width:72px;height:42px;right:2%;bottom:-.8rem}.canvas-tape{width:62px;height:20px}.canvas-sub{font-size:1.2rem}.window-glass{aspect-ratio:4/4.2}.window-frame{padding:12px}.window-gleam{inset:12px}}@media(prefers-reduced-motion:reduce){.window-rain,.window-fog{animation:none}.canvas-stage.is-ready .canvas-doodle path,.canvas-stage.is-ready .canvas-doodle circle{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.night-window.is-ready .window-hand,.night-window.is-ready.is-awake .window-hand{-webkit-mask-image:none;mask-image:none;animation:none}.window-silhouette{transition:none}}