:root{--font-display: "Fraunces", Georgia, "Songti SC", serif;--font-body: "Inter", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--speed: .4s;--speed-fast: .22s;--speed-slow: .62s;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px}html[data-palette=amber][data-theme=dark]{--bg:#14110D;--bg-tint:#1B1712;--text:#E9E2D5;--text-muted:#A69C8B;--text-faint:#6A6256;--accent:#E3A857;--accent-bright:#F2BE73;--accent-soft:rgba(227,168,87,.13);--border:rgba(233,226,213,.1);--card-hover:rgba(233,226,213,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--spotlight:rgba(227,168,87,.1)}html[data-palette=amber][data-theme=light]{--bg:#FAF6EE;--bg-tint:#F2EBDD;--text:#2B2622;--text-muted:#6E6357;--text-faint:#A79C8C;--accent:#B07A36;--accent-bright:#9A6826;--accent-soft:rgba(176,122,54,.11);--border:rgba(43,38,34,.13);--card-hover:rgba(43,38,34,.035);--shadow:0 18px 50px -24px rgba(120,90,40,.28);--spotlight:rgba(190,140,60,.1)}html[data-palette=pine][data-theme=dark]{--bg:#0F1412;--bg-tint:#151C18;--text:#DEE4DD;--text-muted:#97A399;--text-faint:#5E6A62;--accent:#83AE92;--accent-bright:#A2CBAF;--accent-soft:rgba(131,174,146,.14);--border:rgba(222,228,221,.1);--card-hover:rgba(222,228,221,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--spotlight:rgba(131,174,146,.11)}html[data-palette=pine][data-theme=light]{--bg:#F2F5F0;--bg-tint:#E7EDE5;--text:#222A25;--text-muted:#5C6960;--text-faint:#94A096;--accent:#4C7659;--accent-bright:#3C6149;--accent-soft:rgba(76,118,89,.12);--border:rgba(34,42,37,.13);--card-hover:rgba(34,42,37,.035);--shadow:0 18px 50px -24px rgba(50,90,65,.26);--spotlight:rgba(76,118,89,.1)}html[data-palette=terra][data-theme=dark]{--bg:#16100E;--bg-tint:#1E1613;--text:#ECDFD6;--text-muted:#AB9789;--text-faint:#6E5E54;--accent:#D28864;--accent-bright:#E7A284;--accent-soft:rgba(210,136,100,.14);--border:rgba(236,223,214,.1);--card-hover:rgba(236,223,214,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--spotlight:rgba(210,136,100,.11)}html[data-palette=terra][data-theme=light]{--bg:#FAF3EE;--bg-tint:#F1E5DC;--text:#2E2320;--text-muted:#73605A;--text-faint:#A8938B;--accent:#B05C3B;--accent-bright:#974A2C;--accent-soft:rgba(176,92,59,.11);--border:rgba(46,35,32,.13);--card-hover:rgba(46,35,32,.035);--shadow:0 18px 50px -24px rgba(150,75,45,.26);--spotlight:rgba(176,92,59,.1)}html[data-palette=indigo][data-theme=dark]{--bg:#0E1119;--bg-tint:#141926;--text:#DDE1EA;--text-muted:#929BB0;--text-faint:#5A6276;--accent:#7E94C6;--accent-bright:#9FB2DC;--accent-soft:rgba(126,148,198,.15);--border:rgba(221,225,234,.1);--card-hover:rgba(221,225,234,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.72);--spotlight:rgba(126,148,198,.12)}html[data-palette=indigo][data-theme=light]{--bg:#F5F2E9;--bg-tint:#EAE5D6;--text:#232838;--text-muted:#5A6178;--text-faint:#9298AC;--accent:#3E5488;--accent-bright:#2D4170;--accent-soft:rgba(62,84,136,.11);--border:rgba(35,40,56,.13);--card-hover:rgba(35,40,56,.035);--shadow:0 18px 50px -24px rgba(45,65,112,.24);--spotlight:rgba(62,84,136,.1)}html[data-palette=heather][data-theme=dark]{--bg:#14111A;--bg-tint:#1C1726;--text:#E4DEE7;--text-muted:#A096AC;--text-faint:#665D72;--accent:#AB8FC4;--accent-bright:#C7ACDC;--accent-soft:rgba(171,143,196,.15);--border:rgba(228,222,231,.1);--card-hover:rgba(228,222,231,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--spotlight:rgba(171,143,196,.12)}html[data-palette=heather][data-theme=light]{--bg:#F4F1F5;--bg-tint:#EAE3EC;--text:#2A2531;--text-muted:#665C72;--text-faint:#9D93A6;--accent:#7A5E96;--accent-bright:#654A80;--accent-soft:rgba(122,94,150,.11);--border:rgba(42,37,49,.13);--card-hover:rgba(42,37,49,.035);--shadow:0 18px 50px -24px rgba(100,70,135,.24);--spotlight:rgba(122,94,150,.1)}html[data-palette=ink][data-theme=dark]{--bg:#131210;--bg-tint:#1A1815;--text:#EDE9E1;--text-muted:#A39C8E;--text-faint:#645E52;--accent:#CB6450;--accent-bright:#DD7A64;--accent-soft:rgba(203,100,80,.13);--border:rgba(237,233,225,.1);--card-hover:rgba(237,233,225,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.72);--spotlight:rgba(203,100,80,.09)}html[data-palette=ink][data-theme=light]{--bg:#F7F4EC;--bg-tint:#EDE8DB;--text:#1F1C18;--text-muted:#645C50;--text-faint:#A09684;--accent:#B8442F;--accent-bright:#9E3623;--accent-soft:rgba(184,68,47,.1);--border:rgba(31,28,24,.13);--card-hover:rgba(31,28,24,.035);--shadow:0 18px 50px -24px rgba(120,50,35,.22);--spotlight:rgba(184,68,47,.08)}html[data-palette=stone][data-theme=dark]{--bg:#1A1813;--bg-tint:#221F19;--text:#E6E1D6;--text-muted:#A39B8C;--text-faint:#645D50;--accent:#C2A37D;--accent-bright:#D6BA98;--accent-soft:rgba(194,163,125,.14);--border:rgba(230,225,214,.1);--card-hover:rgba(230,225,214,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--spotlight:rgba(194,163,125,.1)}html[data-palette=stone][data-theme=light]{--bg:#EFEBE2;--bg-tint:#E4DED1;--text:#2C2823;--text-muted:#6B6255;--text-faint:#A0978A;--accent:#97784F;--accent-bright:#7E6038;--accent-soft:rgba(151,120,79,.11);--border:rgba(44,40,35,.13);--card-hover:rgba(44,40,35,.035);--shadow:0 18px 50px -24px rgba(120,95,55,.22);--spotlight:rgba(151,120,79,.09)}html[data-palette=olive][data-theme=dark]{--bg:#14140E;--bg-tint:#1B1B13;--text:#E4E2D2;--text-muted:#9D9C86;--text-faint:#605F4D;--accent:#A8A86A;--accent-bright:#C3C386;--accent-soft:rgba(168,168,106,.14);--border:rgba(228,226,210,.1);--card-hover:rgba(228,226,210,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--spotlight:rgba(168,168,106,.1)}html[data-palette=olive][data-theme=light]{--bg:#F1F0E5;--bg-tint:#E6E4D5;--text:#29291E;--text-muted:#61604E;--text-faint:#9B9A86;--accent:#6F7138;--accent-bright:#565827;--accent-soft:rgba(111,113,56,.11);--border:rgba(41,41,30,.13);--card-hover:rgba(41,41,30,.035);--shadow:0 18px 50px -24px rgba(85,90,40,.22);--spotlight:rgba(111,113,56,.09)}html[data-palette=onyx][data-theme=dark]{--bg:#0E0E0D;--bg-tint:#161614;--text:#ECE9E1;--text-muted:#9C988C;--text-faint:#5E5A50;--accent:#C9A86A;--accent-bright:#E0C188;--accent-soft:rgba(201,168,106,.13);--border:rgba(236,233,225,.09);--card-hover:rgba(236,233,225,.03);--shadow:0 20px 55px -20px rgba(0,0,0,.8);--spotlight:rgba(201,168,106,.1)}html[data-palette=onyx][data-theme=light]{--bg:#F4F2EA;--bg-tint:#E9E6DA;--text:#16150F;--text-muted:#5C584D;--text-faint:#989384;--accent:#9C7B3F;--accent-bright:#836428;--accent-soft:rgba(156,123,63,.11);--border:rgba(22,21,15,.14);--card-hover:rgba(22,21,15,.04);--shadow:0 18px 50px -24px rgba(60,50,30,.24);--spotlight:rgba(156,123,63,.09)}html[data-palette=claude][data-theme=dark]{--bg:#1A1714;--bg-tint:#221D18;--text:#F0EBE2;--text-muted:#AAA092;--text-faint:#6B6356;--accent:#D08A6A;--accent-bright:#E5A184;--accent-soft:rgba(208,138,106,.14);--border:rgba(240,235,226,.1);--card-hover:rgba(240,235,226,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.7);--spotlight:rgba(208,138,106,.1)}html[data-palette=claude][data-theme=light]{--bg:#F5F1EB;--bg-tint:#EBE4D9;--text:#2B2722;--text-muted:#6B6256;--text-faint:#A29888;--accent:#C15F3C;--accent-bright:#A84E2E;--accent-soft:rgba(193,95,60,.11);--border:rgba(43,39,34,.13);--card-hover:rgba(43,39,34,.035);--shadow:0 18px 50px -24px rgba(150,75,45,.22);--spotlight:rgba(193,95,60,.09)}html[data-palette=openai][data-theme=dark]{--bg:#0D0F0F;--bg-tint:#141717;--text:#E6EAE9;--text-muted:#929B99;--text-faint:#586160;--accent:#10A37F;--accent-bright:#1FC79B;--accent-soft:rgba(16,163,127,.14);--border:rgba(230,234,233,.1);--card-hover:rgba(230,234,233,.035);--shadow:0 18px 50px -20px rgba(0,0,0,.74);--spotlight:rgba(16,163,127,.1)}html[data-palette=openai][data-theme=light]{--bg:#F4F5F4;--bg-tint:#E8EAE9;--text:#1A1D1C;--text-muted:#566160;--text-faint:#8E9897;--accent:#0E8C6D;--accent-bright:#0A7257;--accent-soft:rgba(14,140,109,.1);--border:rgba(26,29,28,.13);--card-hover:rgba(26,29,28,.035);--shadow:0 18px 50px -24px rgba(20,90,70,.2);--spotlight:rgba(14,140,109,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:350;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--speed) var(--ease),color var(--speed) var(--ease);overflow-x:hidden}::selection{background:var(--accent-soft);color:var(--accent-bright)}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:var(--radius-pill);border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.spotlight{pointer-events:none;position:fixed;inset:0;z-index:0;transition:background .18s var(--ease);background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),var(--spotlight),transparent 60%)}@media(max-width:900px),(hover:none){.spotlight{display:none}}.wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 6vw}@media(min-width:1024px){.layout{display:flex;gap:3.5rem}.col-left{width:44%}.col-right{width:56%}}.col-left{display:flex;flex-direction:column}@media(min-width:1024px){.col-left{position:sticky;top:0;height:100vh;max-height:100vh;padding:6.5rem 0;justify-content:space-between}}@media(max-width:1023px){.col-left{padding:5rem 0 2.5rem}}.name{font-family:var(--font-display);font-weight:400;font-size:3.45rem;line-height:1.05;letter-spacing:0;color:var(--text)}@media(max-width:600px){.name{font-size:2.75rem}}.title{margin-top:1.1rem;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.2rem;color:var(--accent);letter-spacing:0}.tagline{margin-top:1.4rem;max-width:22rem;color:var(--text-muted);font-size:.97rem;line-height:1.7}nav{margin-top:3.5rem}@media(max-width:1023px){nav{display:none}}.nav-link{display:flex;align-items:center;gap:1rem;padding:.55rem 0;color:var(--text-faint);font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:uppercase;transition:color var(--speed) var(--ease)}.nav-line{height:1px;width:2rem;background:var(--text-faint);transition:width var(--speed) var(--ease),background var(--speed) var(--ease)}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover .nav-line,.nav-link.active .nav-line{width:4rem;background:var(--accent)}.socials{display:flex;gap:1.25rem;margin-top:2rem}@media(max-width:1023px){.socials{margin-top:2.5rem}}.socials a{color:var(--text-faint);transition:color var(--speed) var(--ease),transform var(--speed) var(--ease-out)}.socials a:hover{color:var(--accent);transform:translateY(-3px)}.socials svg{width:22px;height:22px;display:block}.col-right{padding-top:6.5rem;padding-bottom:6rem}@media(max-width:1023px){.col-right{padding-top:0}}section{margin-bottom:6rem;scroll-margin-top:6rem}.section-label{display:none}@media(max-width:1023px){.section-label{display:block;padding:0;margin-bottom:1.5rem;font-size:.72rem;font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--text-muted);transition:color var(--speed) var(--ease)}}.prose p{color:var(--text-muted);margin-bottom:1rem;max-width:34rem}.prose p:last-child{margin-bottom:0}.prose strong{color:var(--text);font-weight:500}.link-accent{color:var(--text);font-weight:450;border-bottom:1px solid var(--accent-soft);transition:color var(--speed) var(--ease),border-color var(--speed) var(--ease)}.link-accent:hover{color:var(--accent);border-color:var(--accent)}.cards{display:flex;flex-direction:column}.card{position:relative;display:grid;gap:.4rem 1.5rem;padding:1.5rem 1.25rem;margin:0 -1.25rem;border-radius:var(--radius-md);border:1px solid transparent;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),transform var(--speed) var(--ease-out),opacity var(--speed) var(--ease)}@media(hover:hover){.cards:hover .card{opacity:.45}.cards .card:hover{opacity:1;background:var(--card-hover);border-color:var(--border);transform:translate3d(0,-3px,0);box-shadow:var(--shadow)}}.card:focus-visible{background:var(--card-hover);border-color:var(--border)}.card-meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:0;color:var(--text-faint);text-transform:uppercase;padding-top:.2rem}.card-title{font-family:var(--font-display);font-size:1.18rem;font-weight:450;color:var(--text);display:inline-flex;align-items:center;gap:.45rem}.card:hover .card-title,.card:focus-visible .card-title{color:var(--accent)}.card-title .arrow{transition:transform var(--speed) var(--ease-out);font-size:.9rem}.card:hover .card-title .arrow,.card:focus-visible .card-title .arrow{transform:translate3d(3px,-3px,0)}.card-desc{color:var(--text-muted);font-size:.92rem;margin-top:.35rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.tag{font-family:var(--font-mono);font-size:.7rem;padding:.3rem .7rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);letter-spacing:0}.tag.star{display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:1px solid var(--accent);color:var(--accent-bright);font-weight:500}.tag.star .star-num{font-variant-numeric:tabular-nums}.tag.star.updating{opacity:.5}@keyframes star-bump{0%{transform:scale(1)}40%{transform:scale(1.35);color:var(--accent-bright)}to{transform:scale(1)}}.tag.star .star-num.bump{display:inline-block;animation:star-bump .5s var(--ease-out)}.posts{display:flex;flex-direction:column}.post{border-bottom:1px solid var(--border);transition:opacity var(--speed) var(--ease)}.post:first-child{border-top:1px solid var(--border)}@media(hover:hover){.posts:hover .post{opacity:.5}.posts .post:hover,.posts .post.open{opacity:1}}.post.open{opacity:1}.post-head{width:100%;display:grid;grid-template-columns:1fr auto;align-items:start;gap:1rem;padding:1.6rem .25rem;background:none;border:none;text-align:left;cursor:pointer;color:inherit}.post-date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:0;color:var(--text-faint);margin-bottom:.5rem}.post-title{font-family:var(--font-display);font-size:1.22rem;font-weight:450;line-height:1.35;color:var(--text);transition:color var(--speed) var(--ease)}.post-head:hover .post-title,.post.open .post-title{color:var(--accent)}.post-excerpt{color:var(--text-muted);font-size:.92rem;margin-top:.5rem;max-width:32rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.post-tags .tag{background:var(--accent-soft);color:var(--accent)}.post-toggle{align-self:start;margin-top:.2rem;width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;color:var(--text-faint);transition:transform .45s var(--ease-out),color var(--speed) var(--ease)}.post-toggle svg{width:18px;height:18px;display:block}.post-head:hover .post-toggle{color:var(--accent)}.post.open .post-toggle{transform:rotate(180deg);color:var(--accent)}.post-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}.post.open .post-body{grid-template-rows:1fr}.post-body-inner{overflow:hidden;min-height:0;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease) .05s,transform .5s var(--ease-out) .05s}.post.open .post-body-inner{opacity:1;transform:none;padding-bottom:1.8rem}.post-body-inner p{font-size:.95rem}.post-foot{color:var(--text-faint)!important;font-style:italic;font-size:.86rem!important;margin-top:.4rem}@media(min-width:640px){.card.row{grid-template-columns:8rem 1fr}}.card.project{grid-template-columns:1fr}@media(min-width:640px){.card.project{grid-template-columns:9rem 1fr}}.thumb{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;display:grid;place-items:center;color:var(--text-faint);font-family:var(--font-mono);font-size:.7rem;overflow:hidden;transition:transform var(--speed) var(--ease-out)}.card.project:hover .thumb,.card.project:focus-visible .thumb{transform:scale(1.02)}.thumb img{max-width:55%;max-height:55%;width:auto;height:auto;object-fit:contain;display:block}.theme-toggle{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-tint) 82%,transparent);color:var(--text-muted);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 5%,transparent);transition:color var(--speed) var(--ease),border-color var(--speed) var(--ease),background var(--speed) var(--ease),transform var(--speed) var(--ease-out),box-shadow var(--speed) var(--ease)}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px) rotate(12deg);box-shadow:0 10px 22px -16px var(--accent)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .moon{display:none}html[data-theme=dark] .theme-toggle .moon{display:block}html[data-theme=dark] .theme-toggle .sun{display:none}.palette{position:fixed;top:1.6rem;right:1.8rem;z-index:50;width:44px;height:44px;display:block}.palette-trigger{position:relative;z-index:2;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(14px) saturate(1.05);color:var(--text-muted);font:inherit;cursor:pointer;box-shadow:0 18px 42px -28px #000000a6;transition:color var(--speed) var(--ease),border-color var(--speed) var(--ease),transform var(--speed) var(--ease-out),background var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.palette-trigger:hover,.palette.open .palette-trigger{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--bg-tint) 82%,transparent);box-shadow:0 18px 45px -25px color-mix(in srgb,var(--accent) 46%,black)}.palette.open .palette-trigger{transform:rotate(90deg) scale(.98)}.palette-trigger svg{width:19px;height:19px}.palette-panel{position:absolute;right:calc(100% + .75rem);top:50%;display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;opacity:0;visibility:hidden;pointer-events:none;border-radius:var(--radius-pill);border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-tint) 84%,transparent),color-mix(in srgb,var(--bg) 72%,transparent));backdrop-filter:blur(16px) saturate(1.08);box-shadow:0 20px 58px -30px #000000b8;transform:translate3d(10px,-50%,0) scale(.96);transform-origin:right center;transition:opacity .24s var(--ease),visibility 0s linear .24s,transform .34s var(--ease-out);will-change:opacity,transform}.palette.open .palette-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,-50%,0) scale(1);transition-delay:0s}.swatch{width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--swatch) 34%,var(--border));padding:0;cursor:pointer;position:relative;appearance:none;background:var(--swatch);box-shadow:none;transition:transform var(--speed) var(--ease-out),border-color var(--speed) var(--ease),background var(--speed) var(--ease),opacity var(--speed) var(--ease)}.swatch:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--swatch) 78%,var(--text));background:color-mix(in srgb,var(--swatch) 88%,var(--text))}.swatch.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--swatch) 58%,var(--border));background:color-mix(in srgb,var(--swatch) 92%,var(--text))}.swatch.active:before{content:"";position:absolute;left:8px;right:8px;bottom:-7px;height:2px;border-radius:var(--radius-pill);background:var(--accent);pointer-events:none}.swatch[data-p=amber]{--swatch: #D59A4A}.swatch[data-p=pine]{--swatch: #6F9B7C}.swatch[data-p=terra]{--swatch: #C17858}.swatch[data-p=indigo]{--swatch: #6E82B5}.swatch[data-p=heather]{--swatch: #9679B0}.swatch[data-p=ink]{--swatch: #B95443}.swatch[data-p=stone]{--swatch: #B39670}.swatch[data-p=olive]{--swatch: #96975C}.swatch[data-p=onyx]{--swatch: #B4945B}.swatch[data-p=claude]{--swatch: #BD7455}.swatch[data-p=openai]{--swatch: #0F9273}.swatch:after{content:attr(data-name);position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:.66rem;letter-spacing:0;color:var(--text-muted);background:color-mix(in srgb,var(--bg) 88%,transparent);padding:.2rem .5rem;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--speed) var(--ease);z-index:1}.swatch:hover:after{opacity:1}@media(max-width:600px){.palette{right:1rem;top:auto;bottom:calc(1.2rem + env(safe-area-inset-bottom));width:44px;height:44px;display:block}.palette-trigger{position:relative;z-index:2}.palette-panel{position:absolute;right:0;top:auto;bottom:calc(100% + .75rem);display:grid;grid-template-columns:repeat(3,36px);justify-content:center;align-items:center;gap:.75rem;width:auto;max-width:none;padding:.9rem;border-radius:var(--radius-md);transform:translate3d(0,10px,0) scale(.94);transform-origin:bottom right}.palette.open .palette-panel{transform:translateZ(0) scale(1)}.palette-panel .theme-toggle,.palette-panel .swatch{width:36px;height:36px}.swatch:after{display:none}}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}[data-reveal].in{opacity:1;transform:none}@keyframes intro-rise{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}[data-intro]{opacity:0;animation:intro-rise .9s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * .09s + .15s);will-change:opacity,transform,filter}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}[data-intro]{opacity:1;transform:none;filter:none}html{scroll-behavior:auto}}.foot{color:var(--text-faint);font-size:.8rem;line-height:1.7;margin-top:1rem}@media(min-width:1024px){.foot{margin-top:0}}.admin-entry{display:inline-flex;width:fit-content;margin-top:.55rem;color:var(--text-faint);font-size:.76rem;line-height:1.6;border-bottom:1px solid transparent;transition:color var(--speed) var(--ease),border-color var(--speed) var(--ease)}.admin-entry:hover{color:var(--accent);border-color:var(--accent-soft)}