:root{--paper:#f2f0eb;--card:#ffffff;--ink:#1c1a17;--muted:#6e6a63;--line:#d8d4cc;--accent:#3d5a4f}@media (prefers-color-scheme: dark){:root{--paper:#14130f;--card:#1e1c18;--ink:#e9e6df;--muted:#9c968c;--line:#33302a;--accent:#7fae9c}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow:hidden}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;gap:16px;align-items:center;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}.wordmark{font-weight:700;letter-spacing:.18em;font-size:12px}.surface{position:absolute;top:48px;left:0;transform-origin:0 0}.zone{position:absolute;border:1px dashed var(--line);border-radius:10px}.zone-label{position:absolute;top:10px;left:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tile{position:absolute;cursor:grab}.note-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px;height:100%;overflow:hidden;box-shadow:0 1px 4px #00000014}.tile-title{font-weight:600;font-size:14px}.tile-topic{color:var(--muted);font-size:11px;margin-top:6px;text-transform:uppercase;letter-spacing:.1em}.tile-body{font-size:13px;line-height:1.5}.tile-sources{color:var(--muted);font-size:11px;margin-top:8px;border-top:1px solid var(--line);padding-top:6px}.type-exercise .tile-title:before{content:"▸ ";color:var(--accent)}.loading{padding:40px;color:var(--muted)}.code-cell{background:var(--card);border:1px solid var(--accent);border-radius:8px;padding:10px 12px}.code-cell textarea{width:100%;min-height:110px;font-family:ui-monospace,monospace;font-size:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px}.cell-intro{font-size:13px;margin:0 0 8px}.cell-row{display:flex;gap:10px;align-items:center;margin-top:6px}.cell-pass{color:var(--accent);font-weight:600}.cell-fail{color:#b0402a;font-size:12px}.cell-logs{font-size:11px;background:var(--paper);padding:6px 8px;border-radius:6px;overflow-x:auto}