html,body{margin:0;padding:0}body{background-color:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(900px 600px at 8% -10%,#007aff29,#0000 60%),radial-gradient(700px 500px at 105% 5%,#ff9f0a24,#0000 60%),radial-gradient(800px 800px at 50% 120%,#bf5af21f,#0000 60%);background-attachment:fixed}.roadle-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.roadle-left{flex-direction:column;gap:18px;display:flex;position:sticky;top:20px}.roadle-right{flex-direction:column;gap:14px;display:flex}.roadle-shell{max-width:1080px;margin:0 auto;padding:24px 24px 48px}@media (width<=880px){.roadle-grid{grid-template-columns:1fr;gap:20px}.roadle-left{position:static;top:auto}.roadle-shell{padding:14px 18px 56px}}*{box-sizing:border-box}:root{--display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Geist", system-ui, sans-serif;--ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Geist", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Geist Mono", monospace;--accent:#007aff;--accent-ink:#fafafa}[data-theme=light]{--bg:#f2f2f7;--surface:#fff;--ink:#000;--body:#3c3c43;--muted:#3c3c4399;--line:#3c3c431f;--line-soft:#3c3c430f;--chip:#7878801f;--hover:#78788029;--ok:#34c759;--bad:#ff3b30;--placeholder-a:#eaeaef;--placeholder-b:#dddde3;--shadow-pop:0 30px 80px -20px #00000038, 0 8px 24px -8px #0000001a;--shadow-slab:0 1px 0 #ffffffb3 inset, 0 12px 32px -10px #0f172a1a, 0 2px 6px #0f172a0a;--shadow-button:0 1px 0 #ffffff59 inset, 0 -1px 0 #00000014 inset, 0 6px 14px -4px #007aff59, 0 2px 4px #00000014;--inset:inset 0 1px 2px #0f172a0f, inset 0 0 0 1px #3c3c4314;--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffc7;--glass-border:#ffffffb3}[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--ink:#fff;--body:#ebebf5;--muted:#ebebf599;--line:#ffffff1f;--line-soft:#ffffff0f;--chip:#7676803d;--hover:#76768052;--ok:#30d158;--bad:#ff453a;--placeholder-a:#1c1c1e;--placeholder-b:#2c2c2e;--shadow-pop:0 30px 80px -10px #000000b3, 0 4px 14px -4px #00000080;--shadow-slab:0 1px 0 #ffffff0f inset, 0 12px 32px -10px #0009, 0 2px 6px #0006;--shadow-button:0 1px 0 #ffffff2e inset, 0 -1px 0 #0006 inset, 0 6px 14px -4px #007aff8c, 0 2px 4px #0006;--inset:inset 0 1px 2px #0006, inset 0 0 0 1px #ffffff0f;--glass-bg:#1c1c1e8c;--glass-bg-strong:#1c1c1ec7;--glass-border:#ffffff1f}input::placeholder{color:var(--muted)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}