:root{--color-bg:#fffaf3;--color-surface:#fff;--color-text:#201e1d;--color-divider:#201e1d24;--hz:#ff563c;--hz-soft:#ffe4dc;--hz-ink:oklch(45% .14 30);--hz-hover:#dd2b0f;--hz-active:#ae1800;--en:oklch(62% .14 235);--en-soft:oklch(94% .04 235);--en-ink:oklch(42% .12 235);--gold:oklch(78% .15 78);--gold-soft:oklch(95% .06 78);--gold-ink:oklch(42% .1 78);--neutral-100:#f8f4f4;--neutral-200:#eae7e7;--neutral-300:#d7d3d3;--neutral-400:#bab6b6;--neutral-500:#9b9797;--neutral-600:#7d7979;--neutral-700:#605d5d;--neutral-800:#444141;--neutral-900:#2d2b2b;--radius-sm:10px;--radius-md:16px;--radius-lg:28px;--radius-pill:999px;--radius-avatar:50%;--shadow-card:0 4px 18px #201e1d0f;--font-heading:"Baloo 2", "Noto Sans SC", system-ui, sans-serif;--font-body:"Noto Sans SC", "Baloo 2", system-ui, sans-serif;--transition-clickable:all .15s ease}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 8% 8%, var(--hz-soft) 0, transparent 24%), radial-gradient(circle at 94% 24%, var(--en-soft) 0, transparent 23%), var(--color-bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.55}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.page-shell{flex-direction:column;width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:28px 28px 20px;display:flex}.brand-header{align-items:center;gap:18px;margin:0 0 20px;display:flex}.brand-avatar{border-radius:var(--radius-avatar);width:56px;height:56px;color:var(--color-surface);background:var(--hz);font-family:var(--font-heading);flex:0 0 56px;place-items:center;font-size:30px;font-weight:800;line-height:1;display:grid;box-shadow:0 10px 28px #ff563c33}.eyebrow{color:var(--neutral-600);font-family:var(--font-heading);letter-spacing:.08em;margin:0 0 4px;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-family:var(--font-heading);letter-spacing:0;margin-bottom:3px;font-size:clamp(28px,3vw,34px);font-weight:800;line-height:1.12}.subtitle{color:var(--neutral-700);margin-bottom:0;font-size:15px}.site-group+.site-group{margin-top:20px}.site-group-title{color:var(--neutral-600);font-family:var(--font-heading);letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:700}.site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.site-card{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);transition:var(--transition-clickable);flex-direction:row;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}a.site-card:hover{border-color:var(--site-accent);transform:translateY(-4px);box-shadow:0 12px 30px #201e1d1a}a.site-card:active{transform:translateY(-1px)scale(.99)}a.site-card:focus-visible{outline:3px solid var(--site-accent);outline-offset:4px}.site-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--site-ink);background:var(--site-soft);font-family:var(--font-heading);flex:0 0 40px;place-items:center;font-size:20px;font-weight:800;line-height:1;display:grid}.card-arrow{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--site-ink);background:var(--site-soft);font-family:var(--font-heading);transition:var(--transition-clickable);flex:0 0 28px;place-items:center;font-size:15px;font-weight:700;display:grid}a.site-card:hover .card-arrow{color:var(--color-surface);background:var(--site-accent);transform:rotate(8deg)}.card-copy{flex:1;min-width:0}.card-copy h3{font-family:var(--font-heading);letter-spacing:0;margin-bottom:2px;font-size:17px;font-weight:800;line-height:1.12}.card-copy p{color:var(--neutral-700);margin-bottom:0;font-size:13px;line-height:1.4}.site-host{color:var(--neutral-600);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block;overflow:hidden}.accent-coral{--site-accent:var(--hz);--site-soft:var(--hz-soft);--site-ink:var(--hz-ink)}.accent-blue{--site-accent:var(--en);--site-soft:var(--en-soft);--site-ink:var(--en-ink)}.accent-gold{--site-accent:var(--gold);--site-soft:var(--gold-soft);--site-ink:var(--gold-ink)}.accent-rose{--site-accent:var(--hz-hover);--site-soft:var(--hz-soft);--site-ink:var(--hz-active)}footer{color:var(--neutral-600);text-align:center;margin-top:auto;padding-top:16px;font-size:12px}@media (width>=768px) and (width<=959px){.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.page-shell{padding:32px 20px 24px}.brand-header{align-items:flex-start;gap:16px;margin-bottom:20px}.brand-avatar{flex-basis:52px;width:52px;height:52px;font-size:28px}h1{font-size:28px}.subtitle{max-width:15em;font-size:14px}.site-grid{grid-template-columns:1fr;gap:12px}.site-card{padding:12px 14px}.site-group+.site-group{margin-top:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
