*{box-sizing:border-box;margin:0;padding:0}:root{--blue-deep:#1b3687;--blue-mid:#2d5bb5;--blue-dark:#0d1f4f;--blue-darker:#081436;--cyan:#7dd3ff;--cyan-dim:#5bb8e8;--cyan-text:#041a33;--violet:#a78bfa;--text:#fff;--text-muted:#a8c0e0;--text-dim:#6b85ad;--alert:#ff7a7a;--surface:#7dd3ff0f;--surface-border:#7dd3ff33;--accent-bg:#7dd3ff1f;--accent-border:#7dd3ff66;--alert-bg:#ff7a7a14;--alert-border:#ff7a7a59;--violet-bg:#a78bfa1f;--violet-border:#a78bfa66;--content-max:448px;--content-pad:20px;--sidebar-w:220px}html,body,#root{-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0}html,body{background:linear-gradient(180deg, var(--blue-deep) 0%, var(--blue-dark) 60%, var(--blue-darker) 100%);color:var(--text);font-family:Inter,-apple-system,sans-serif}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.font-heading{letter-spacing:.02em;font-family:Oswald,Inter,sans-serif;font-weight:600}.font-mono{font-feature-settings:"tnum";font-family:JetBrains Mono,ui-monospace,monospace}.font-cjk{font-family:Noto Serif JP,serif;font-weight:400}@keyframes slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}.slide-in{animation:.32s cubic-bezier(.2,.8,.2,1) both slide}.fade-in{animation:.5s ease-out both fade}.pulse-dot{animation:2s ease-in-out infinite pulse}.spin{animation:.8s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7dd3ff33;border-radius:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-col{max-width:var(--content-max);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex;position:relative}.shell-main{flex:1;padding-bottom:100px;overflow-y:auto}.bottom-nav{background:linear-gradient(to top, var(--blue-darker) 65%, transparent);z-index:30;width:100%;max-width:448px;padding:10px 20px 14px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.side-nav{display:none}@media (width>=640px){:root{--content-max:640px}}@media (width>=1024px){:root{--content-max:960px}.shell-main{padding-bottom:40px}.shell{flex-direction:row}.shell-col{padding-left:var(--sidebar-w);max-width:none;margin:0}.shell-col>header,.shell-col>main{width:100%;max-width:960px;margin:0 auto}.bottom-nav{display:none}.side-nav{width:var(--sidebar-w);border-right:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#0003;flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}}.home-grid{flex-direction:column;gap:16px;display:flex}@media (width>=1024px){.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.home-grid>.span-2{grid-column:1/-1}}