:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0c0f14;--bg-subtle: #121822;--surface: #161d27;--surface-hover: #1c2533;--border: #2a3544;--border-strong: #3d4d63;--text: #e6eaf0;--text-muted: #8b9cae;--accent: #5b9eff;--accent-dim: #3b7dd6;--danger: #f87171;--danger-muted: #fca5a5;--warn-bg: #2a2318;--warn-border: #5c4a2a;--warn-text: #f0d494;--event-bg: #0f1419}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(91,158,255,.12),transparent 55%)}a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)}a:hover{color:#8ab8ff}.layout{max-width:52rem;margin:0 auto;padding:1.25rem 1rem 3rem}.layout.layout--task{max-width:76rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px #ffffff0a inset}h1{font-size:1.35rem;margin:0 0 .75rem;font-weight:600;letter-spacing:-.02em}h2{font-weight:600;letter-spacing:-.02em}textarea{width:100%;min-height:8rem;padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:8px;font:inherit;resize:vertical;color:var(--text);background:var(--bg-subtle)}textarea::placeholder{color:var(--text-muted);opacity:.85}textarea:hover{border-color:color-mix(in srgb,var(--border-strong) 85%,var(--accent))}textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}button,.buttonLink{font:inherit;padding:.45rem .9rem;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-hover);color:var(--text);cursor:pointer}button:hover:not(:disabled){background:color-mix(in srgb,var(--surface-hover) 88%,var(--text));border-color:var(--text-muted)}button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}button.primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);border-color:color-mix(in srgb,var(--accent) 55%,#000);color:#0a0e14;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}a.primary{display:inline-block;font:inherit;padding:.45rem .9rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 55%,#000);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#0a0e14;font-weight:600;text-decoration:none;cursor:pointer}a.primary:hover{filter:brightness(1.08);border-color:var(--accent);color:#0a0e14}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);font-size:.9rem;margin-top:.5rem}.error-inline{color:var(--danger-muted)}.events{max-height:22rem;overflow:auto;font-size:.875rem;border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;background:var(--event-bg)}.eventRow{padding:.2rem 0;border-bottom:1px solid var(--border)}.eventRow:last-child{border-bottom:none}.meta{color:var(--text-muted);font-size:.8rem}.banner{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);padding:.65rem .85rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.banner code{font-size:.82em;padding:.12em .35em;border-radius:4px;background:#00000059;color:#fde68a}.taskPageGrid{display:grid;gap:1.25rem;align-items:start;grid-template-columns:minmax(0,1fr)}@media(min-width:960px){.taskPageGrid--withPreview{grid-template-columns:minmax(0,1fr) auto}}.taskPagePreview{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:1rem;max-width:100%}.taskPhoneFrame{width:min(280px,100%);aspect-ratio:9 / 16;max-height:min(560px,calc(100vh - 7rem));margin-inline:auto;max-width:100%;border-radius:10px;overflow:hidden;background:#000}.taskPhoneFrame iframe{display:block;width:100%;height:100%;border:0}