:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #4c9aff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}.hero{text-align:center;padding:2.5rem 1rem 1rem}.hero h1{margin:0;font-size:2.4rem}.tagline{margin:.5rem auto;max-width:42rem;font-size:1.05rem}.tagline strong{color:var(--accent)}.privacy{color:var(--muted);font-size:.9rem}main{max-width:42rem;margin:0 auto;padding:0 1rem 3rem}.form{display:flex;flex-direction:column;gap:.7rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.form label.check{flex-direction:row;align-items:center;gap:.4rem;color:var(--text)}.times,.dates{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}input,textarea,select{background:#0d1117;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem;font-size:.95rem;font-family:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.btn{display:inline-block;text-decoration:none;text-align:center;background:var(--accent);color:#06122b;border-radius:6px;padding:.55rem .9rem;font-weight:600;font-size:.9rem;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.alt{background:transparent;color:var(--text);border:1px solid var(--border)}.preview{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.75rem}.preview-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.85rem;margin-bottom:.5rem}.preview-head button{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;cursor:pointer}pre{background:#0d1117;border:1px solid var(--border);border-radius:8px;padding:.75rem;overflow:auto;max-height:320px;margin:0;font-family:ui-monospace,Menlo,monospace;font-size:.82rem;white-space:pre-wrap;word-break:break-all}footer{text-align:center;color:var(--muted);padding:2rem 1rem 3rem;font-size:.85rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}