:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf8fb;--surface:#fff;--surface-soft:#f4eef8;--surface-warm:#fff5f0;--ink:#28232c;--muted:#6c6372;--border:#ddd2e5;--lavender:#a989d6;--lavender-strong:#7b5fb0;--leaf:#7d9b74;--rose:#d98ba5;--shadow:0 20px 44px #3f324c1f;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151419;--surface:#211f27;--surface-soft:#2c2635;--surface-warm:#2a2425;--ink:#f3eff7;--muted:#b8adbf;--border:#3c3447;--lavender:#bea3ee;--lavender-strong:#d6c7f7;--leaf:#a3bf93;--rose:#efadc0;--shadow:0 18px 38px #00000047}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 42%, transparent), transparent 420px), var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font);margin:0;line-height:1.6}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--border) 38%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 38%, transparent) 1px, transparent 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 58%);mask-image:linear-gradient(#000,#0000 58%)}#root{z-index:1;position:relative}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:860px;margin-bottom:18px;font-size:clamp(2.35rem,7vw,5.7rem);line-height:.95}h2{letter-spacing:0;margin-bottom:12px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08}h3{margin-bottom:8px;font-size:1.1rem}.shell{width:min(1120px,100vw - 32px);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:18px;min-height:68px;display:flex}.brand,.nav-links,.nav-links a,.quick-facts span,.project-link,.note-meta,.primary-button,.small-button{align-items:center;display:inline-flex}.brand{gap:10px;font-weight:760}.brand img{border-radius:var(--radius);width:34px;height:34px}.nav-links{gap:8px}.nav-links a,.icon-button{border-radius:var(--radius);min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000}.nav-links a{gap:8px;padding:0 10px}.nav-links a:hover,.icon-button:hover,.small-button:hover{border-color:var(--border);color:var(--ink);background:var(--surface)}.icon-button{place-items:center;width:38px;display:inline-grid}.hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:clamp(32px,7vw,86px);min-height:calc(100vh - 108px);padding:clamp(42px,8vw,86px) 0 46px;display:grid}.hero h1{text-wrap:balance;max-width:760px;font-size:clamp(2.4rem,5.8vw,4.8rem);line-height:1}.eyebrow{color:var(--lavender-strong);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:760}.lead{max-width:66ch;color:var(--muted);font-size:clamp(1.02rem,1.7vw,1.22rem)}.quick-facts{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.quick-facts span,.tag-row span,.mini-notes span{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 78%, transparent)}.quick-facts span{color:var(--muted);gap:8px;padding:8px 10px}.portrait-panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, var(--surface), var(--surface-soft));box-shadow:var(--shadow);padding:14px}.portrait-frame{border-radius:var(--radius);background:var(--surface-warm);overflow:hidden}.portrait-frame img{aspect-ratio:1;object-fit:cover;width:100%}.mini-notes{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.mini-notes span{color:var(--muted);text-align:center;padding:9px;font-size:.82rem}.section{padding:42px 0}.two-column{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;display:grid}.section-row{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.notepad{gap:12px;display:grid}.thought-note,.project-card,.post-row,.editor-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow)}.thought-note{padding:18px;transition:transform .18s,border-color .18s}.thought-note:hover,.project-card:hover,.post-row:hover{border-color:color-mix(in srgb, var(--lavender) 64%, var(--border));transform:translateY(-2px)}.note-meta{color:var(--muted);gap:8px;margin-bottom:8px;font-size:.84rem}.note-meta time:before{content:"/";color:var(--border);margin-right:8px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{flex-direction:column;justify-content:space-between;min-height:230px;padding:18px;transition:transform .18s,border-color .18s;display:flex}.project-card p,.post-row p,.muted{color:var(--muted)}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{color:var(--muted);padding:4px 8px;font-size:.78rem}.project-link,.text-link{width:fit-content;color:var(--lavender-strong);gap:7px;font-weight:720}.page{min-height:calc(100vh - 150px);padding:56px 0}.post-list{gap:12px;margin-top:26px;display:grid}.post-row{grid-template-columns:140px minmax(0,1fr);gap:22px;padding:20px;transition:transform .18s,border-color .18s;display:grid}.post-row time{color:var(--muted);font-family:var(--mono);font-size:.82rem}.post-row h2{font-size:1.4rem}.article-page{max-width:820px}.markdown{margin-top:32px;font-size:1.05rem}.markdown p,.markdown ul,.markdown ol{margin-bottom:1.15rem}.admin{max-width:1180px}.tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:18px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px}.tabs button.active{border-color:var(--lavender);color:var(--ink)}.admin-grid{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin-list{gap:12px;display:grid}.editor-card{gap:12px;padding:18px;display:grid}.editor-card h2{align-items:center;gap:8px;font-size:1.2rem;display:inline-flex}.editor-card.compact{box-shadow:none}label{color:var(--muted);gap:6px;font-size:.9rem;font-weight:680;display:grid}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--ink);background:var(--surface);padding:10px 11px}textarea{resize:vertical;min-height:104px}textarea.tall{min-height:240px;font-family:var(--mono);font-size:.9rem}.check-row{grid-template-columns:none;align-items:center;gap:10px;display:flex}.check-row input{width:auto}.primary-button,.small-button{border:1px solid color-mix(in srgb, var(--lavender) 72%, var(--border));border-radius:var(--radius);color:var(--ink);justify-content:center;gap:8px}.primary-button{background:color-mix(in srgb, var(--lavender) 22%, var(--surface));min-height:42px;padding:0 14px;font-weight:760}.small-button{background:var(--surface);min-height:36px;padding:0 11px}.form-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-message,.error-text{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.admin-message{background:color-mix(in srgb, var(--leaf) 16%, var(--surface))}.error-text{color:#9a314c;background:color-mix(in srgb, var(--rose) 16%, var(--surface))}.login-page{place-items:center;display:grid}.login-card{width:min(440px,100%)}.footer{color:var(--muted);justify-content:space-between;gap:16px;padding:24px 0 34px;font-size:.9rem;display:flex}.animate-in{animation:.55s both rise}.delay-1{animation-delay:80ms}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=860px){.hero,.two-column,.admin-grid{grid-template-columns:1fr}.hero{min-height:auto}.project-grid,.post-row{grid-template-columns:1fr}}@media (width<=620px){.nav{flex-direction:column;align-items:flex-start;padding:12px 0}.nav-links{justify-content:space-between;width:100%}.nav-links a span{display:none}.mini-notes{grid-template-columns:1fr}.section-row,.footer{flex-direction:column;align-items:flex-start}}