:root{color-scheme:light dark;--surface-1:#fff;--surface-2:#f6f6fa;--surface-3:#eeeef6;--surface-4:#e4e4f0;--hero-wash:#f1ecff;--nav-bg:#ffffffd1;--card-sheen:linear-gradient(145deg, #fff 0%, #f7f7fc 100%);--line:#1212261c;--line-strong:#12122633;--line-loud:#12122657;--text-1:#12121f;--text-2:#4c4c66;--text-3:#74748c;--violet:#6c47ff;--violet-ink:#5a31e8;--violet-soft:#3f1fb0;--cyan:#00d9ff;--cyan-ink:#00647a;--cyan-soft:#00566a;--gold:#ffb547;--gold-ink:#8a5200;--gold-soft:#6b3f00;--orange:#ff6b35;--orange-ink:#b23b0e;--orange-soft:#8a2d08;--coral:#d62b2b;--ok-ink:#067a3e;--text-1-fade:#12121fbd;--grad-cta-ink:linear-gradient(135deg, #8a5200, #b23b0e);--on-cta:#2a1400;--on-accent:#fff;--shadow-1:0 2px 14px #1212260f;--shadow-2:0 10px 40px #1212261a;--grad-cta:linear-gradient(135deg, #ffb547, #ff6b35);--grad-accent:linear-gradient(135deg, #5a31e8, #0090ad);--bg-base:var(--surface-1);--bg-surface:var(--surface-2);--bg-elevated:var(--surface-3);--text-primary:var(--text-1);--text-secondary:var(--text-2);--border:var(--line);--border-glow:#6c47ff57;--accent-violet:var(--violet-ink);--accent-cyan:var(--cyan-ink);--accent-gold:var(--gold-ink);--accent-orange:var(--orange-ink);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--spring-out:cubic-bezier(.22, 1, .36, 1);--spring-soft:cubic-bezier(.34, 1.26, .64, 1);--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:64px;--space-xl:120px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-1:#07070f;--surface-2:#0f0f1a;--surface-3:#161625;--surface-4:#1f1f32;--hero-wash:#0d0520;--nav-bg:#07070fc7;--card-sheen:linear-gradient(145deg, #ffffff0e 0%, #ffffff05 100%);--line:#ffffff14;--line-strong:#ffffff29;--line-loud:#ffffff52;--text-1:#f0f0ff;--text-2:#b8b8d0;--text-3:#8a8aa6;--violet:#6c47ff;--violet-ink:#9c86ff;--violet-soft:#c9bcff;--cyan:#00d9ff;--cyan-ink:#00d9ff;--cyan-soft:#cff6ff;--gold:#ffb547;--gold-ink:#ffb547;--gold-soft:#ffe6bf;--orange:#ff6b35;--orange-ink:#ff6b35;--orange-soft:#ffd6c6;--coral:#ff6060;--ok-ink:#00e676;--text-1-fade:#f0f0ffbf;--grad-cta-ink:linear-gradient(135deg, #ffb547, #ff6b35);--on-cta:#0a0005;--on-accent:#fff;--shadow-1:0 2px 24px #00000047;--shadow-2:0 10px 52px #0000006b;--grad-accent:linear-gradient(135deg, #6c47ff, #00d9ff);--border-glow:#6c47ff4d}}:root[data-theme=dark]{--surface-1:#07070f;--surface-2:#0f0f1a;--surface-3:#161625;--surface-4:#1f1f32;--hero-wash:#0d0520;--nav-bg:#07070fc7;--card-sheen:linear-gradient(145deg, #ffffff0e 0%, #ffffff05 100%);--line:#ffffff14;--line-strong:#ffffff29;--line-loud:#ffffff52;--text-1:#f0f0ff;--text-2:#b8b8d0;--text-3:#8a8aa6;--violet:#6c47ff;--violet-ink:#9c86ff;--violet-soft:#c9bcff;--cyan:#00d9ff;--cyan-ink:#00d9ff;--cyan-soft:#cff6ff;--gold:#ffb547;--gold-ink:#ffb547;--gold-soft:#ffe6bf;--orange:#ff6b35;--orange-ink:#ff6b35;--orange-soft:#ffd6c6;--coral:#ff6060;--ok-ink:#00e676;--text-1-fade:#f0f0ffbf;--grad-cta-ink:linear-gradient(135deg, #ffb547, #ff6b35);--on-cta:#0a0005;--on-accent:#fff;--shadow-1:0 2px 24px #00000047;--shadow-2:0 10px 52px #0000006b;--grad-accent:linear-gradient(135deg, #6c47ff, #00d9ff);--border-glow:#6c47ff4d}*,:before,:after{box-sizing:border-box}html{color-scheme:light dark}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.nav{z-index:100;justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:18px clamp(16px,5vw,48px);display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.02em;align-items:baseline;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.logo-rico{color:var(--text-primary)}.logo-tok{background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:var(--space-md);margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color .2s var(--ease-out);font-size:15px;font-weight:600;text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--text-primary)}.nav-cta{background:var(--grad-cta);color:var(--on-cta);white-space:nowrap;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:100px;padding:11px 26px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ff6b3559}@media (width<=720px){.nav{flex-wrap:wrap;row-gap:12px;padding-bottom:12px}.nav-logo{margin-right:auto}.nav-links{gap:var(--space-sm);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-basis:100%;order:3;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;font-size:14px}.nav-cta{padding:9px 20px;font-size:14px}}.site-footer{border-top:1px solid var(--border);padding:var(--space-lg) clamp(16px, 5vw, 48px) var(--space-md);background:var(--bg-base)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;max-width:1080px;margin:0 auto;display:flex}.footer-logo{letter-spacing:-.02em;align-items:baseline;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.footer-nav{gap:var(--space-sm) var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-nav a{color:var(--text-secondary);transition:color .2s var(--ease-out);font-size:14px;font-weight:600;text-decoration:none}.footer-nav a:hover{color:var(--text-primary)}.footer-bottom{max-width:1080px;margin:var(--space-md) auto 0;padding-top:var(--space-sm);border-top:1px solid var(--border);color:var(--text-secondary);font-size:13px}.blog-hero{padding:var(--space-xl) clamp(16px, 5vw, 48px) var(--space-md);max-width:1080px;margin:0 auto}.blog-hero h1{letter-spacing:-.02em;margin:0 0 var(--space-xs);background:linear-gradient(180deg, var(--text-1) 0%, var(--text-1-fade) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,5.5vw,56px);font-weight:800}.blog-hero p{color:var(--text-secondary);max-width:640px;margin:0;font-size:18px;line-height:1.6}.blog-list{max-width:1080px;padding:0 clamp(16px, 5vw, 48px) var(--space-xl);gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;display:grid}.blog-card{gap:var(--space-xs);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border);transition:transform .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:16px;flex-direction:column;text-decoration:none;display:flex}.blog-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-2);transform:translateY(-4px)}.blog-card h2{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:20px;font-weight:800;line-height:1.3}.blog-card p{color:var(--text-secondary);flex:1;margin:0;font-size:15px;line-height:1.6}.blog-card-meta{align-items:center;gap:var(--space-xs);color:var(--text-secondary);margin-top:var(--space-xs);flex-wrap:wrap;font-size:13px;display:flex}.blog-card-meta .dot{opacity:.5}.blog-tags{margin-top:var(--space-xs);flex-wrap:wrap;gap:6px;display:flex}.blog-tag{color:var(--accent-cyan);white-space:nowrap;background:#00d9ff14;border:1px solid #00d9ff33;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:700}.blog-empty{color:var(--text-secondary);padding:var(--space-md) 0;font-size:16px}.article-wrap{max-width:720px;padding:var(--space-lg) clamp(16px, 5vw, 48px) var(--space-xl);margin:0 auto}.article-back{color:var(--accent-cyan);margin-bottom:var(--space-md);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.article-back:hover{text-decoration:underline}.article-header{margin-bottom:var(--space-md)}.article-header h1{letter-spacing:-.02em;margin:0 0 var(--space-sm);color:var(--text-primary);font-size:clamp(30px,4.5vw,44px);font-weight:800;line-height:1.2}.article-meta{align-items:center;gap:var(--space-xs);color:var(--text-secondary);margin-bottom:var(--space-sm);flex-wrap:wrap;font-size:14px;display:flex}.article-meta .dot{opacity:.5}.article-tags{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.article-body{color:var(--text-secondary);font-size:18px;line-height:1.8}.article-body h2{letter-spacing:-.02em;color:var(--text-primary);margin:var(--space-lg) 0 var(--space-sm);font-size:28px;font-weight:800}.article-body h3{letter-spacing:-.02em;color:var(--text-primary);margin:var(--space-md) 0 var(--space-xs);font-size:22px;font-weight:700}.article-body p{margin:0 0 var(--space-sm)}.article-body ul,.article-body ol{margin:0 0 var(--space-sm);padding-left:1.4em}.article-body li{margin-bottom:8px}.article-body a{color:var(--accent-cyan);text-underline-offset:2px;text-decoration:underline}.article-body a:hover{color:var(--accent-gold)}.article-body blockquote{margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-violet);background:var(--bg-surface);color:var(--text-primary);border-radius:0 12px 12px 0;font-style:italic}.article-body blockquote p:last-child{margin-bottom:0}.article-body code{background:var(--bg-elevated);color:var(--accent-gold);border-radius:6px;padding:2px 6px;font-size:.9em}.article-body pre{background:var(--bg-elevated);padding:var(--space-sm);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.article-body pre code{color:var(--text-primary);background:0 0;padding:0}.article-body hr{border:none;border-top:1px solid var(--border);margin:var(--space-md) 0}.article-body img{margin:var(--space-sm) 0;border-radius:12px}.article-cta{margin-top:var(--space-xl);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-glow);text-align:center;border-radius:20px}.article-cta h2{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--space-xs);font-size:24px;font-weight:800}.article-cta p{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:16px}@media (width<=480px){.article-body{font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.theme-toggle{width:38px;height:38px;color:var(--text-2);border:1px solid var(--line);cursor:pointer;transition:color .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--text-1);border-color:var(--line-strong);background:var(--surface-3)}.theme-toggle:active{transform:scale(.94)}.theme-toggle svg{display:block}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun,:root:not([data-theme=dark]) .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon,:root:not([data-theme=dark]) .theme-toggle .icon-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (width<=600px){.theme-toggle{width:34px;height:34px;margin-right:6px}}