*{box-sizing:border-box}:root{--app-bg: #0e1117;--app-panel: #161b22;--app-card: #0d1117;--app-header: #0d1117;--app-text: #e6edf3;--app-muted: #8b949e;--app-link: #58a6ff;--app-button: #238636;--app-button-text: #ffffff;--app-border: #30363d;--app-accent: #58a6ff;--app-destructive: #f85149;color-scheme:dark}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--app-bg);color:var(--app-text)}.page{max-width:980px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(60px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.header h1{margin:0 0 6px;font-size:28px}.muted{color:var(--app-muted);font-size:14px}.card{background:var(--app-panel);border:1px solid var(--app-border);border-radius:12px;padding:20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}button{background:var(--app-button);border:none;color:var(--app-button-text);padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600}button.secondary{background:var(--app-border)}button:disabled{opacity:.5;cursor:not-allowed}textarea,input,select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--app-border);background:var(--app-card);color:var(--app-text)}textarea{resize:vertical}.list{margin-top:12px;display:grid;gap:8px}.list-item{background:var(--app-card);border:1px solid var(--app-border);border-radius:10px;padding:10px 12px;text-align:left;display:flex;justify-content:space-between;align-items:center;color:inherit}.list-item.active{border-color:var(--app-button);box-shadow:0 0 0 2px color-mix(in srgb,var(--app-button) 20%,transparent)}.code{background:var(--app-card);border-radius:8px;padding:12px;font-size:12px;overflow-x:auto;border:1px solid var(--app-border)}.task-card{border:1px solid var(--app-border);border-radius:10px;padding:16px;margin-top:12px;background:var(--app-card)}.task-card h3{margin-top:0}.blanks{display:grid;gap:12px;margin-top:12px}.blank label{display:block;font-size:12px;color:var(--app-muted);margin-bottom:6px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--app-panel);border:1px solid var(--app-border);color:var(--app-text);padding:6px 10px;border-radius:999px;cursor:pointer}.chip.active{border-color:var(--app-button);color:var(--app-button-text)}.error{color:var(--app-destructive);font-size:13px}.token-box{display:flex;gap:12px;align-items:center}.token{font-family:monospace;font-size:12px;background:var(--app-card);border:1px solid var(--app-border);padding:6px 10px;border-radius:6px}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.nav a{color:var(--app-muted);text-decoration:none;font-size:14px}.nav a.active{color:var(--app-text);font-weight:600}.link-button{display:inline-block;padding:8px 12px;background:var(--app-border);border-radius:8px;color:var(--app-text);text-decoration:none;font-weight:600}