:root{color:#0f172a;background:#f8fafc;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 10% -10%,#dbeafe 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e2e8f0 0%,transparent 50%),#f8fafc}.card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.brand{margin:0;font-size:2.25rem;letter-spacing:-.03em;font-weight:700}.subtitle,.hello,.muted{margin:0;color:#475569}.hello{font-size:1.35rem;color:#0f172a;font-weight:500}.error{margin:0;color:#b91c1c;font-size:.95rem}.linkish{align-self:flex-start;border:0;background:transparent;color:#475569;padding:0;cursor:pointer;font:inherit}.linkish:hover{color:#0f172a}.disabled{opacity:.55;pointer-events:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.screen.top{align-items:flex-start;padding-top:48px}.card.wide{max-width:520px}.section-title{margin:8px 0 0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.route-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.route-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:inherit;text-decoration:none}.route-link:hover{border-color:#2563eb}.route-title{display:block;font-weight:600}.route-slug{display:block;margin:0;color:#64748b;font-size:.95rem}.instruction{margin:0;font-size:1.2rem;font-weight:500}.words{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.word{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:1.15rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.word.static{cursor:default}.word.dragging{opacity:.72;border-color:#2563eb;box-shadow:0 8px 20px #2563eb26;cursor:grabbing}.rank{width:1.5rem;color:#64748b;font-variant-numeric:tabular-nums;font-size:.95rem}.grip{color:#94a3b8;letter-spacing:-.12em;font-size:1rem}.word-label{font-weight:600}.done-button{position:sticky;bottom:12px;z-index:1;margin-top:8px;width:100%;border:0;border-radius:14px;padding:18px 24px;background:#2563eb;color:#fff;font:inherit;font-size:1.35rem;font-weight:700;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 24px #2563eb47}.done-button:hover{background:#1d4ed8}.done-button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.done-button:disabled{opacity:.65;cursor:wait}a.linkish{text-decoration:none}