:root{--bg:#f7f9fb;--bg-elevated:#fff;--bg-soft:#eef2ff;--text:#0f172a;--text-muted:#475569;--border:#e5e7eb;--accent:#6366f1;--accent-soft:#6366f11f;--radius-lg:18px;--shadow-soft:0 18px 45px #0f172a1f;--body-gradient:radial-gradient(circle at 15% 20%,#e0f2fe 0,transparent 35%),radial-gradient(circle at 90% 80%,#e0e7ff 0,transparent 40%),#f7f9fb;--card-bg:linear-gradient(135deg,#fff,#f8fafc);--surface-elevated:#fffffff0;--chip-bg:#f8fafcd9;--cover-gradient:linear-gradient(135deg,#eef2ff,#dbeafe);--cover-icon-bg:#6366f126;--cover-text:#0f172a;--code-bg:#0b1224}html[data-theme=dark]{--bg:#030712;--bg-elevated:#0b1224;--bg-soft:#0f172a;--text:#f8fafc;--text-muted:#94a3b8;--border:#1f2933;--accent:#a5b4fc;--accent-soft:#a5b4fc2e;--shadow-soft:0 18px 45px #03071299;--body-gradient:radial-gradient(circle at 15% 20%,#3b82f626 0,transparent 35%),radial-gradient(circle at 90% 80%,#818cf82e 0,transparent 40%),#030712;--card-bg:linear-gradient(135deg,#0b1224,#0f172a);--surface-elevated:#0f172afa;--chip-bg:#0f172ae6;--cover-gradient:linear-gradient(135deg,#0b1224,#111827);--cover-icon-bg:#1e293be6;--cover-text:#e5e7eb;--code-bg:#020617}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text);background:var(--body-gradient);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(to bottom,#f8fafce6,#f8fafcbf,transparent),var(--bg);border-bottom:1px solid #94a3b833;position:sticky;top:0}html[data-theme=dark] .app-header{background:linear-gradient(to bottom,#0f172aeb,#0f172acc,transparent),var(--bg);border-bottom-color:#6366f159}.app-header-inner{justify-content:space-between;align-items:center;gap:1.25rem;max-width:900px;margin:0 auto;padding:.9rem 1.5rem;display:flex}.app-logo{align-items:center;gap:.65rem;display:inline-flex}.app-logo-icon{width:32px;height:32px}.app-logo-text{flex-direction:column;display:flex}.app-logo-main{letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:700}.app-logo-sub{color:var(--text-muted);font-size:.82rem}.app-nav{align-items:center;gap:1.25rem;font-size:.9rem;display:flex}.app-nav-icon-button{color:var(--text);letter-spacing:.01em;white-space:nowrap;background:linear-gradient(125deg,#fffffff5,#e0e7ffe6);border:1px solid #6366f133;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem .95rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 10px 32px #6366f126}.app-nav-icon-button:hover{border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 12px 36px #6366f138}.app-nav-icon{width:17px;height:17px;color:var(--accent)}.app-nav-icon-label{line-height:1}html[data-theme=dark] .app-nav-icon-button{background:linear-gradient(125deg,#0f172af2,#1e293be6);border-color:#a5b4fc47;box-shadow:0 10px 32px #00000073}html[data-theme=dark] .app-nav-icon{color:#c7d2fe}.app-nav-play{color:#f8fafc;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(120deg,#6366f1,#8b5cf6);border:1px solid #fff6;border-radius:999px;padding:.42rem 1.05rem;font-weight:700;text-decoration:none;box-shadow:0 12px 30px #6366f147}.app-nav-play:hover{transform:translateY(-1px);box-shadow:0 14px 34px #6366f159}html[data-theme=dark] .app-nav-play{color:#f8fafc;background:linear-gradient(120deg,#8b5cf6,#6366f1);border-color:#ffffff14;box-shadow:0 12px 30px #00000080}@media (max-width:640px){.app-header-inner{flex-direction:row;align-items:center;gap:.5rem;padding:.6rem .9rem}.app-logo{gap:.4rem}.app-logo-icon{width:26px;height:26px}.app-logo-main{font-size:.9rem}.app-logo-sub{font-size:.74rem;display:none}.app-nav{flex-wrap:nowrap;gap:.4rem;font-size:.78rem}.app-nav-icon-button{gap:.28rem;padding:.26rem .55rem}.app-nav-icon{width:14px;height:14px}.app-nav-play{padding:.28rem .65rem;font-size:.8rem}.theme-toggle-btn{justify-content:center;gap:0;width:34px;height:34px;padding:.2rem;font-size:.8rem}.theme-toggle-label{display:none}}@media (max-width:768px){.theme-toggle-label{display:none}}@media (max-width:480px){.app-header-inner{gap:.45rem;padding:.55rem .8rem}.app-logo-main{letter-spacing:.06em;font-size:.88rem}.app-nav{gap:.35rem}.app-nav-icon-button,.app-nav-play{padding:.24rem .58rem}.app-nav-icon-label{font-size:.78rem}}@media (max-width:420px){.app-header-inner{gap:.4rem;padding:.5rem .72rem}.app-logo-icon{width:24px;height:24px}.app-logo-main{letter-spacing:.06em;font-size:.85rem}.app-nav{gap:.3rem;font-size:.74rem}.app-nav-icon-button{gap:.24rem;padding:.22rem .5rem}.app-nav-icon{width:13px;height:13px}.app-nav-icon-label{font-size:.74rem}.app-nav-play{padding:.22rem .52rem;font-size:.78rem}.theme-toggle-btn{width:30px;height:30px;padding:.18rem;font-size:.78rem}}.app-nav-link{color:var(--text-muted);white-space:nowrap;border-bottom:1px solid #0000;padding:.25rem 0;text-decoration:none}.app-nav-link:hover{color:var(--text);border-bottom-color:#94a3b8b3}.theme-toggle-btn{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:#ffffffe6;border:1px solid #94a3b880;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .8rem;font-size:.8rem;display:inline-flex}html[data-theme=dark] .theme-toggle-btn{background:#0f172aeb}.theme-toggle-btn span{font-size:1rem}.theme-toggle-label{display:inline-block}@media (max-width:800px){.theme-toggle-label{display:none!important}}.app-main{flex:1}.app-footer{background:var(--bg);border-top:1px solid #94a3b840}.app-footer-inner{flex-direction:column;align-items:flex-start;gap:.8rem;max-width:900px;margin:0 auto;padding:1.5rem 1.5rem 2rem;display:flex}.app-footer-meta{color:var(--text-muted);font-size:.9rem;line-height:1.4}.app-footer-title{font-weight:600}.app-footer-subtitle{font-size:.88rem}.app-footer-links{flex-wrap:wrap;gap:.9rem;font-size:.92rem;display:flex}.app-footer-links a{color:var(--accent);font-weight:600;text-decoration:none}.app-footer-links a:hover{text-decoration:underline}html{transition:background-color .35s,color .35s}body,.app-header,.app-header-inner,.theme-toggle-btn,.content,.item,a,*{transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s}html[data-theme=dark],html[data-theme=light]{transition:background-color .35s,color .35s}