:root{--font-display: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease;overflow-x:clip}code,pre,.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:880px;margin:0 auto;padding:0 1.25rem}header.site{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}header.site .wrap{display:flex;align-items:center;gap:1.25rem;height:3.25rem}.wordmark{font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1;color:var(--text);letter-spacing:.01em}.wordmark:hover{text-decoration:none}header.site nav{display:flex;gap:1.1rem;margin-left:auto;font-family:var(--font-display);font-weight:600;font-size:1.15rem}header.site nav a{color:var(--muted)}.settings{position:relative}.gear{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;width:2rem;height:2rem;font-size:1rem;cursor:pointer;line-height:1}.gear:hover{color:var(--text)}.settings-menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:30;min-width:12rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px var(--shadow);padding:.4rem}.settings-section+.settings-section{margin-top:.35rem;border-top:1px solid var(--border);padding-top:.35rem}.settings-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:.25rem .5rem}.settings-opt{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);font:inherit;font-size:.92rem;padding:.34rem .55rem;border-radius:7px;cursor:pointer}.settings-opt:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.settings-opt.active{color:var(--accent);font-weight:600}.settings-opt.active:before{content:"✓ "}@media(max-width:600px){header.site .wrap{flex-wrap:wrap;height:auto;gap:.5rem;padding-top:.55rem;padding-bottom:.55rem}.wordmark{white-space:nowrap}.settings{margin-left:auto}header.site nav{order:3;width:100%;margin-left:0;justify-content:center;flex-wrap:wrap;gap:.5rem 1.1rem}}.hero{padding:4rem 0 2.5rem;text-align:center}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,7vw,4.4rem);line-height:1.05;margin:0 0 .4rem;letter-spacing:.005em}.hero p.tag{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,3vw,1.9rem);color:var(--muted);margin:0 auto 1rem;max-width:34em}.hero p.sub{font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.35;color:var(--muted);max-width:34em;margin:0 auto}section.projects{padding:1rem 0 4rem;display:flex;justify-content:center;width:85vw;margin-left:50%;transform:translate(-50%)}.sheet{position:relative;width:min(1180px,85vw);max-width:100%;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px var(--shadow),0 24px 60px color-mix(in srgb,var(--text) 10%,transparent);transition:width .3s cubic-bezier(.22,1,.36,1)}.sheet.dragging{transition:none;cursor:ew-resize;user-select:none}@media(prefers-reduced-motion:reduce){.sheet{transition:none}}.project-table{width:100%;border-collapse:collapse}.project-table thead th{text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--faint) 7%,transparent)}.project-table tbody td{padding:1.05rem 1.5rem;border-bottom:1px solid var(--border);vertical-align:top}.project-table tbody tr:last-child td{border-bottom:none}.project-table tbody tr{transition:background .12s ease}.project-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.project-table td.emoji{width:2.5rem;text-align:center;font-size:1.35rem;line-height:1.2}.project-table td.title{white-space:nowrap}.project-table td.title .no-link{font-weight:600;color:var(--accent)}.project-table td.headline{color:var(--muted);font-size:.95rem;width:100%}.project-table td.links{white-space:nowrap}.project-table .links-none{color:var(--faint);opacity:.6}.seg-pill{display:inline-flex;align-items:stretch;vertical-align:middle;margin-right:.4rem;border-radius:999px;overflow:hidden;border:1px solid var(--border);font-size:.78rem;font-weight:550;line-height:1}.seg-pill:last-child{margin-right:0}.seg{display:inline-flex;align-items:center;padding:.34rem .62rem}.seg:hover{text-decoration:none}.seg+.seg{border-left:1px solid var(--border)}.seg.live{background:var(--accent);color:var(--bg)}.seg.live:after{content:" ↗";font-size:.85em;opacity:.7}.seg.live:hover{filter:brightness(1.08)}.seg.source{background:var(--surface);color:var(--muted)}.seg.source:hover{color:var(--text)}.seg-ic{width:.95rem;height:.95rem;display:block}.pill{display:inline-block;font-size:.78rem;font-weight:550;line-height:1;padding:.32rem .6rem;border-radius:999px;border:1px solid var(--border);margin-right:.4rem}.pill:last-child{margin-right:0}.pill:after{content:" ↗";font-size:.85em;opacity:.6}.pill.live{background:var(--accent);color:var(--bg);border-color:transparent}.pill.live:hover{text-decoration:none;filter:brightness(1.08)}.pill.source{background:var(--surface);color:var(--muted)}.pill.source:hover{text-decoration:none;color:var(--text);border-color:var(--faint)}.project-table .todo{color:var(--faint);font-style:italic;opacity:.7}@media(max-width:560px){.project-table thead{display:none}.project-table,.project-table tbody,.project-table tr,.project-table td{display:block;width:auto}.project-table tbody tr{padding:.6rem .4rem;border-bottom:1px solid var(--border)}.project-table tbody td{border:none;padding:.15rem .6rem}.project-table td.emoji{text-align:left}}footer.site{border-top:1px solid var(--border);padding:1.6rem 0 2.2rem;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--faint);display:flow-root}footer.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem 1rem}footer.site .wrap>span:first-child{justify-self:start}footer.site .wrap>span:last-child{justify-self:end}.copyright{justify-self:center;text-align:center;color:var(--faint)}@media(max-width:560px){footer.site .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}footer.site .wrap>span:first-child,footer.site .wrap>span:last-child{justify-self:center}}