:root{color-scheme:dark;--bg:#06070a;--panel:#0b0f16;--accent:#00b3ff;--cyan:#6ee7ff;--text:#e6f1ff;--muted:#93a4be;--border:rgba(255,255,255,.10)}
*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(1100px 700px at 85% -20%,rgba(0,179,255,.12),transparent 60%),radial-gradient(900px 600px at 5% 110%,rgba(0,179,255,.08),transparent 60%),var(--bg);background-attachment:fixed}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header{height:112px;max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-bottom:1px solid var(--border)}header a{display:flex;gap:15px;align-items:center;text-decoration:none;color:inherit}.kt-logo{width:78px;height:54px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 14px #00b3ff26)}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand-name{font-size:29px;font-weight:800;line-height:1;letter-spacing:-.5px}.tag{font-size:9px;letter-spacing:2.1px;color:var(--muted);font-weight:700}.private{color:var(--muted);font-size:12px;padding:8px 13px;border:1px solid #00b3ff38;border-radius:30px;background:#00b3ff0a}
main{max-width:900px;margin:48px auto;padding:0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:750}h1{font-size:58px;line-height:1.1;letter-spacing:-2px;margin:22px 0}h1 span{color:var(--accent)}.intro{line-height:1.8;color:var(--muted);font-size:16px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}article,.editor{background:linear-gradient(160deg,rgba(18,29,43,.8),var(--panel) 80%);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 12px 40px #0003}article{display:flex;flex-direction:column}article>button{margin-top:auto}article p{margin-bottom:26px}.step{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--cyan)}h2{font-size:22px;margin:18px 0 12px}article p,label{color:var(--muted);font-size:14px;line-height:1.65}
button,input,textarea{font:inherit}button{background:linear-gradient(135deg,var(--accent),#3ecbff);color:#001018;border:1px solid transparent;border-radius:10px;padding:14px 20px;cursor:pointer;font-weight:750;min-height:48px;box-shadow:0 6px 22px #00b3ff1f;transition:filter .15s,box-shadow .15s}button:hover{filter:brightness(1.12);box-shadow:0 6px 28px #00b3ff38}button:disabled{opacity:.55;cursor:wait}article button{width:100%}.secondary{background:#00b3ff14;border-color:#00b3ff59;color:var(--cyan);box-shadow:none}input{width:100%;padding:12px;border:1px solid #2b3c50;background:#080d14;color:var(--text);border-radius:8px;margin-top:10px;letter-spacing:3px;text-transform:uppercase}input::placeholder,textarea::placeholder{color:#7f91a9;opacity:1}form button{margin-top:12px}button:focus-visible,a:focus-visible,input:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:3px}
#message{min-height:24px;color:#ffcc66;font-size:14px}footer{border-top:1px solid var(--border);padding-top:22px;font-size:12px;line-height:1.9;color:var(--muted)}footer span:last-child{color:#8494ab}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px;box-shadow:0 0 12px #00b3ff80}.session-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:30px 0 18px}#session-code{display:block;font-size:28px;letter-spacing:4px;margin-top:6px;color:var(--text)}#status{padding:8px 13px;border-radius:30px;background:#00b3ff14;border:1px solid #00b3ff40;color:var(--cyan);font-size:12px}.editor label{font-weight:650;display:block;margin-bottom:12px;color:var(--text)}textarea{width:100%;height:250px;border:1px solid #2b3c50;border-radius:8px;padding:16px;resize:vertical;line-height:1.6;font-family:Consolas,monospace;font-size:14px;color:var(--text);background:#070c12}.editor-foot{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted);margin:10px 0 22px}.actions{display:flex;gap:12px}.quiet{background:transparent;border-color:#ffffff26;color:var(--muted);box-shadow:none}.hint{font-size:13px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:640px){header{padding:0 20px;height:94px}.kt-logo{width:64px;height:45px}.brand-name{font-size:25px}.tag{font-size:8px;letter-spacing:1.6px}.private{display:none}main{margin:28px auto;padding:0 20px}h1{font-size:clamp(34px,8.6vw,46px);letter-spacing:-1.3px}.intro{font-size:14px}.eyebrow{font-size:9px;line-height:1.8}.cards{grid-template-columns:1fr;margin-top:26px;gap:16px}article,.editor{padding:22px}.actions{flex-direction:column}#session-code{font-size:22px;letter-spacing:3px}.session-head{gap:10px;flex-wrap:wrap}.editor-foot{flex-direction:column}}
#receipt{display:block;color:var(--cyan);margin-top:5px}.extra{margin-top:16px;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.extra summary{cursor:pointer;font-size:14px;font-weight:650}.extra label{display:block;margin:16px 0 10px}.extra textarea{height:140px;margin-bottom:12px}#history-count{color:var(--muted);margin-left:8px}.history-item{border-top:1px solid var(--border);padding:16px 0}.history-meta{font-size:11px;color:var(--muted)}.history-item pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;font:13px/1.6 Consolas,monospace}.history-item button{font-size:12px;min-height:36px;padding:8px 12px;margin-right:8px}.expiry-warning{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;margin-bottom:18px;border:1px solid #ffcc6655;border-radius:12px;color:#ffcc66;font-size:13px;background:#ffcc660a}.expiry-warning button{font-size:12px;white-space:nowrap}@media(max-width:640px){.expiry-warning{flex-direction:column;align-items:stretch}}