:root{color-scheme:dark;--bg:#080d17;--panel:#111a29;--line:#29384d;--text:#f4f7fb;--muted:#96a6ba;--accent:#ffb454;--blue:#24a9e8;--danger:#ef6673}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 10%,#1b3048,transparent 32%),var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,sans-serif}header{height:70px;display:flex;align-items:center;gap:24px;padding:0 max(4vw,20px);border-bottom:1px solid var(--line);background:#0c1422}header .brand{font-size:22px;font-weight:900;color:white;text-decoration:none}header .brand span{color:var(--blue)}header strong{color:var(--accent)}header>a:last-child{margin-left:auto;color:var(--muted);text-decoration:none}main{width:min(1120px,94vw);margin:auto}.hero{text-align:center;padding:50px 16px 30px}.hero p{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(34px,5vw,58px);margin:5px 0}.hero span,.card>p,.card small,.task-head span{color:var(--muted)}.start-grid,.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card,.pin-result,.task{border:1px solid var(--line);background:linear-gradient(145deg,#131e30,#0d1523);padding:24px;border-radius:10px}.card{position:relative}.step{position:absolute;right:20px;top:10px;font-size:45px;font-weight:950;color:#26354a}.card h2,.card h3{margin:0 0 8px}.card label{display:block;margin-top:14px;font-weight:750}.card input,.card select,.card textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #36475f;border-radius:6px;background:#09121f;color:white}.card textarea{min-height:90px;resize:vertical}button{border:0;border-radius:6px;background:var(--accent);color:#211505;padding:12px 16px;font-weight:900;cursor:pointer}form>button[type=submit]{width:100%;margin-top:16px}.pin-input{text-align:center;font-size:34px;letter-spacing:14px;font-weight:900}.security{margin-top:20px;padding:12px;border-left:3px solid var(--accent);color:var(--muted)}.notice{margin-bottom:15px;padding:13px;border:1px solid var(--danger);background:#35151d;color:#ffdce1}.pin-result{text-align:center;margin-bottom:18px;border-color:var(--accent)}.pin-result small,.pin-result strong{display:block}.pin-result strong{font-size:52px;letter-spacing:14px;color:var(--accent)}.task{padding:18px}.task-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.task-head p{color:var(--blue);font-family:monospace;margin:0}.task-head h2{margin:4px 0}.file{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.file strong,.file small{display:block}.file-actions{display:flex;align-items:center;gap:6px}.file-actions button{padding:7px 9px;font-size:11px}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.danger{margin-top:18px;background:var(--danger);color:white}.messages{max-height:300px;overflow:auto}.message{padding:10px;margin:8px 0;border-left:3px solid var(--blue);background:#0a1422}.message.mapper{border-color:var(--accent)}.message small{display:block;color:var(--muted);margin-top:4px}.compact{margin-top:18px;border-top:1px solid var(--line);padding-top:5px}.hidden{display:none!important}footer{text-align:center;padding:28px;color:var(--muted)}@media(max-width:760px){.start-grid,.task-grid{grid-template-columns:1fr}.hero{padding-top:30px}.task-head{align-items:flex-start}.file{grid-template-columns:1fr}.pin-result strong{font-size:42px}}