:root{--sky: url(/clouds-day.jpg);--sky-fallback: #7ec6ef;--glass: rgba(255, 255, 255, .48);--glass-strong: rgba(255, 255, 255, .62);--glass-border: rgba(255, 255, 255, .65);--text: #17263f;--text-light: #4e6079;--accent: #0b76d1;--shadow: 0 10px 40px rgba(23, 60, 102, .18);--window-shadow: 0 30px 90px rgba(10, 30, 60, .35);--spec-top: rgba(255, 255, 255, .6);--spec-bottom: rgba(255, 255, 255, .14);--font-display: "Google Sans Flex", -apple-system, system-ui, sans-serif;--font-script: "Pacifico", cursive;--font-body: "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--corner: superellipse(3);--window-bg: #f7f7f9;--window-titlebar-bg: rgba(255, 255, 255, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--sky: url(/clouds-night.jpg);--sky-fallback: #0a1022;--glass: rgba(13, 20, 38, .42);--glass-strong: rgba(13, 20, 38, .58);--glass-border: rgba(255, 255, 255, .16);--text: #eef2fa;--text-light: #a8b4c8;--accent: #ffd166;--shadow: 0 10px 40px rgba(0, 0, 0, .45);--window-shadow: 0 30px 90px rgba(0, 0, 0, .6);--spec-top: rgba(255, 255, 255, .18);--spec-bottom: rgba(255, 255, 255, .05);--window-bg: #1d1e22;--window-titlebar-bg: rgba(255, 255, 255, .04)}}:root[data-theme=dark]{--window-bg: #1d1e22;--window-titlebar-bg: rgba(255, 255, 255, .04);--sky: url(/clouds-night.jpg);--sky-fallback: #0a1022;--glass: rgba(13, 20, 38, .42);--glass-strong: rgba(13, 20, 38, .58);--glass-border: rgba(255, 255, 255, .16);--text: #eef2fa;--text-light: #a8b4c8;--accent: #ffd166;--shadow: 0 10px 40px rgba(0, 0, 0, .45);--window-shadow: 0 30px 90px rgba(0, 0, 0, .6);--spec-top: rgba(255, 255, 255, .18);--spec-bottom: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;overflow:hidden}body{font-variation-settings:"ROND" 100;color:var(--text);font-family:var(--font-body);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;background-color:transparent}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--sky-fallback) var(--sky) center / cover no-repeat}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2}.glass{position:relative;background:var(--glass);-webkit-backdrop-filter:blur(9px) saturate(1.5);backdrop-filter:blur(9px) saturate(1.5);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--shadow),inset 0 1px 0 var(--spec-top),inset 0 -1px 0 var(--spec-bottom)}.menubar{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(32px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;background:color-mix(in srgb,var(--glass) 60%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--glass-border) 50%,transparent);font-size:13.5px;font-weight:700}.menubar-left,.menubar-right{display:flex;align-items:center;gap:14px;min-width:0}.menubar-logo{font-size:16px;color:var(--text);line-height:1}.menubar-logo:hover{text-decoration:none;color:var(--accent)}.menubar-name{font-family:var(--font-display);font-weight:600;color:var(--text);white-space:nowrap}.menubar-name:hover{text-decoration:none;color:var(--accent)}.menubar-battery{display:flex;color:var(--text)}.theme-toggle{appearance:none;border:0;background:transparent;color:var(--text);cursor:pointer;display:flex;padding:3px;border-radius:7px}.theme-toggle:hover{background:var(--glass-strong)}.theme-toggle svg{width:16px;height:16px}.icon-sun,.icon-moon,.icon-auto{display:none}:root[data-theme-mode=auto] .icon-auto{display:block}:root[data-theme-mode=light] .icon-sun{display:block}:root[data-theme-mode=dark] .icon-moon{display:block}:root:not([data-theme-mode]) .icon-auto{display:block}.menubar-clock{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}.desktop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(52px + env(safe-area-inset-top,0px)) 18px calc(104px + env(safe-area-inset-bottom,0px))}.window{background:var(--window-bg);border:1px solid var(--glass-border);width:min(880px,100%);height:100%;max-height:100%;display:flex;flex-direction:column;position:relative;z-index:10;border-radius:16px;box-shadow:var(--window-shadow),inset 0 1px 0 var(--spec-top),inset 0 -1px 0 var(--spec-bottom);overflow:hidden}.window.window-blog{width:min(1200px,100%)}.window.maximized{width:100%}.window-titlebar{background:var(--window-titlebar-bg);display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--glass-border);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;flex-shrink:0}.window-titlebar:active{cursor:grabbing}.traffic-lights{display:flex;gap:8px;flex-shrink:0}.traffic-spacer{width:61px;flex-shrink:0}.light{width:15px;height:15px;border-radius:50%;border:0;padding:0;cursor:pointer;display:block;box-shadow:inset 0 0 0 .5px #00000026}.light.red{background:#ff5f57}.light.yellow{background:#febc2e;cursor:default}.light.green{background:#28c840}.light:hover{filter:brightness(.92)}.window-title{flex:1;text-align:center;font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 34px 26px}.hero{margin:26px 0 22px;padding:34px 28px 30px;text-align:center;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:30px}.hero h1{font-size:44px;letter-spacing:.01em;text-transform:uppercase}.hero .script{display:block;font-family:var(--font-script);font-size:30px;font-weight:600;text-transform:none;color:var(--accent);margin-top:-6px;transform:rotate(-3deg)}.hero p{color:var(--text-light);font-weight:600;max-width:46ch;margin:14px auto 0}.panel{margin:18px 0}.section-title{font-family:var(--font-display);font-size:21px;margin-bottom:12px}.card-list{list-style:none;display:grid;gap:12px}.card{display:block;padding:16px 18px;border-radius:24px;background:var(--glass-strong);border:1px solid var(--glass-border);color:var(--text);transition:transform .15s ease,box-shadow .15s ease}.card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow)}.card h3{font-size:18px;margin-bottom:3px}.card p{font-size:15px;color:var(--text-light);font-weight:600;line-height:1.55}.post-list{list-style:none}.post-list li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--glass-border)}.post-list li:last-child{border-bottom:0}.post-list a{color:var(--text);font-weight:800}.post-list a:hover{color:var(--accent);text-decoration:none}.post-list time{color:var(--text-light);font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.article-panel{margin:10px 0}.article-header{margin:22px 0 8px}.article-header h1{font-size:31px;margin-bottom:6px}.article-header time{color:var(--text-light);font-size:15px;font-weight:700}.prose{padding-top:10px}.prose h2{font-size:23px;margin:32px 0 12px}.prose h3{font-size:19px;margin:26px 0 10px}.prose p,.prose ul,.prose ol{margin-bottom:16px}.prose ul,.prose ol{padding-left:24px}.prose li{margin-bottom:6px}.prose img{max-width:100%;border-radius:16px}.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:separate;border-spacing:0;margin:26px 0;font-size:14.5px;line-height:1.5;border:1px solid var(--glass-border);border-radius:14px}.prose thead th{position:sticky;top:0;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);background:color-mix(in srgb,var(--text) 5%,transparent);padding:10px 14px;border-bottom:2px solid var(--glass-border);white-space:nowrap}.prose td{padding:10px 14px;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--glass-border) 55%,transparent);min-width:84px}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:nth-child(2n){background:color-mix(in srgb,var(--text) 2.5%,transparent)}.prose td:first-child,.prose th:first-child{white-space:nowrap;font-weight:700}.prose td .yes{color:#1e9e50;font-weight:800}.prose td .no{color:var(--text-light)}.prose blockquote{border-left:3px solid var(--accent);padding-left:18px;color:var(--text-light);margin:22px 0}.prose code{background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:7px;padding:1px 6px;font-size:.87em}.prose pre{padding:16px 18px;border-radius:16px;overflow-x:auto;margin-bottom:16px;border:1px solid var(--glass-border)}.prose pre code{background:none;border:0;padding:0}.window-footer{margin-top:26px;padding-top:14px;border-top:1px dashed var(--glass-border);display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:13.5px;font-weight:700;color:var(--text-light)}.window-footer .links{display:flex;gap:14px}.window-footer a{color:var(--text-light)}.window-footer a:hover{color:var(--accent)}.dock{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);border:1px solid var(--glass-border);box-shadow:0 18px 50px #0a1e3c47,inset 0 1px 0 var(--spec-top),inset 0 -1px 0 var(--spec-bottom)}.dock-liquid{position:absolute;inset:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:url(#liquid-lens);backdrop-filter:url(#liquid-lens)}.dock-item{position:relative;display:block;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.dock-item:hover{transform:translateY(-8px) scale(1.14);text-decoration:none}.dock-icon{display:block;width:52px;height:52px;filter:drop-shadow(0 4px 10px rgba(10,30,60,.3))}.dock-icon.scale-up{transform:scale(1.16)}.desktop-icons-grid{position:absolute;top:max(74px,calc(64px + env(safe-area-inset-top,0px)));bottom:calc(120px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;flex-wrap:wrap;gap:16px 12px;z-index:1}.desktop-icons-grid.left{left:max(24px,env(safe-area-inset-left,0px));align-content:flex-start}.desktop-icons-grid.right{right:max(24px,env(safe-area-inset-right,0px));align-content:flex-end}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:60px;text-decoration:none;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1)}.desktop-icon:hover{transform:scale(1.08)}.desktop-icon-img{border-radius:12px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.dock-item.active:before{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:4.5px;height:4.5px;border-radius:50%;background:var(--text);opacity:.8}.dock-divider{width:1px;height:36px;background:var(--glass-border);margin:0 2px}.dock-item:after{content:attr(data-label);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) scale(.9);background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text);font-family:var(--font-display);font-size:13px;padding:4px 12px;border-radius:100px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dock-item:hover:after{opacity:1;transform:translate(-50%) scale(1)}@media(max-width:600px){.menubar{padding:env(safe-area-inset-top,0px) 12px 5px;gap:8px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.menubar-hint,.menubar-battery{display:none}.desktop{padding:50px 0 88px}.window{z-index:10;border-radius:16px}.window-content{padding:4px 18px 20px}.hero{padding:26px 18px 24px}.dock-ext{display:none}.dock-links-folder{display:block}.hero h1{font-size:33px}.hero .script,.article-header h1{font-size:25px}.dock{gap:8px;padding:10px 12px;bottom:12px}.dock-icon,img.dock-icon{width:48px;height:48px;border-radius:11px}.dock-icon svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.dock-item,.dock-item:after,.card{transition:none}}.window-resize{position:absolute;width:22px;height:22px;touch-action:none;z-index:5}.window-resize.nw{top:0;left:0;cursor:nwse-resize}.window-resize.ne{top:0;right:0;cursor:nesw-resize}.window-resize.sw{bottom:0;left:0;cursor:nesw-resize}.window-resize.se{bottom:0;right:0;cursor:nwse-resize}.window-resize.se:after{content:"";position:absolute;right:8px;bottom:8px;width:12px;height:12px;border-right:2px solid var(--text-light);border-bottom:2px solid var(--text-light);border-bottom-right-radius:11px;opacity:.6}.window{position:relative}.desktop-content{width:min(560px,100%);text-align:center}.sticky-note{display:inline-block;background:var(--glass-strong);-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid var(--glass-border);z-index:10;border-radius:30px;padding:38px 40px 34px;box-shadow:var(--shadow),inset 0 1px 0 var(--spec-top);transform:rotate(-1.2deg)}.sticky-note h1{font-size:42px;font-weight:600;text-transform:uppercase;letter-spacing:.01em}.sticky-note .script{display:block;font-family:var(--font-script);font-size:30px;font-weight:400;text-transform:none;color:var(--accent);margin-top:-6px;transform:rotate(-2deg)}.sticky-note p{color:var(--text-light);font-weight:600;max-width:40ch;margin:14px auto 0}.desktop-hint{margin-top:26px;font-family:var(--font-script);font-size:22px;color:var(--text);text-shadow:0 1px 12px rgba(0,0,0,.15);opacity:.85}.video-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px 16px;margin-top:16px}.video-card{display:flex;flex-direction:column;color:var(--text);text-decoration:none;transition:transform .15s ease}.video-card:hover{text-decoration:none;transform:translateY(-2px)}.video-card img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:#0000001a;border-radius:12px;border:1px solid color-mix(in srgb,var(--glass-border) 40%,transparent);box-shadow:0 4px 14px #00000014}.video-card .video-meta{padding:10px 0 0;display:flex;flex-direction:column;gap:4px}.video-card h3{font-family:var(--font-body);font-size:14.5px;font-weight:800;line-height:1.4}.video-card time{font-size:12.5px;font-weight:700;color:var(--text-light)}@media(max-width:600px){.sticky-note h1{font-size:32px}.sticky-note{padding:28px 24px 26px;margin:0 16px;width:calc(100% - 32px);box-sizing:border-box}.window-resize{display:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}.video-card img{background:#000}.window-content.no-pad{padding:0;overflow-y:hidden}.window-content.no-pad main{flex:1;display:flex;flex-direction:column;min-height:0}.notes{flex:1;display:flex;min-height:0;width:100%}.notes-sidebar{width:250px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--glass-border);background:color-mix(in srgb,var(--window-bg) 88%,var(--text) 3%);padding:14px 10px}.notes-heading{font-size:13px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;padding:0 10px 10px}.notes-heading a{color:var(--accent);text-transform:none;letter-spacing:0}.notes-list{list-style:none}.notes-item{display:block;padding:9px 12px;border-radius:12px;color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--glass-border) 40%,transparent)}.notes-item:hover{text-decoration:none;background:color-mix(in srgb,var(--text) 5%,transparent)}.notes-item.current{background:#ffd60a;color:#3a2f00;border-bottom-color:transparent}.notes-item.current .notes-meta,.notes-item.current .notes-snippet{color:#6b5d1e}.notes-item strong{display:block;font-size:14px;font-weight:700;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notes-meta{display:flex;gap:8px;font-size:12.5px;color:var(--text-light);white-space:nowrap;overflow:hidden}.notes-snippet{overflow:hidden;text-overflow:ellipsis}.notes-content{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 34px 40px}.notes-content .article-header{margin:4px 0 6px;text-align:left}.notes-date{display:block;text-align:center;font-size:13px;color:var(--text-light);margin-bottom:14px}.notes-back{display:none;font-weight:700;margin-bottom:10px}.notes-empty{flex:1;display:grid;place-items:center;color:var(--text-light);font-size:15px;font-weight:600}@media(max-width:600px){.desktop{padding:calc(32px + env(safe-area-inset-top,0px)) 0 0}.window{width:100%;height:100%;z-index:10;border-radius:0;border-left:0;border-right:0;border-bottom:0}.window-content{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.window-content.no-pad{padding-bottom:0}.notes-content,.notes-sidebar{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.window-resize,.dock-ext,.dock-divider{display:none}.dock-folder{display:block}.dock{bottom:calc(10px + env(safe-area-inset-bottom,0px))}.notes-sidebar-collapse{display:none}.notes-sidebar{width:100%;border-right:0}.notes-back{display:inline-block}.notes-content{padding:16px 20px 110px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tldr{margin:18px 0 4px;padding:14px 18px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font-size:15.5px;line-height:1.6}.tldr strong{color:var(--accent)}.faq{margin-top:34px;padding-top:8px}.faq h2{font-size:22px;margin-bottom:12px}.faq-item{border-bottom:1px solid color-mix(in srgb,var(--glass-border) 55%,transparent);padding:10px 2px}.faq-item summary{cursor:pointer;font-weight:700;font-size:15.5px}.faq-item p{margin:8px 0 4px;color:var(--text-light);font-size:15px;line-height:1.6}