*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f17;--card-bg: #1a1a2e;--card-border: #2a2a4e;--text: #e4e4e7;--text-muted: #71717a;--primary: #6366f1;--primary-hover: #4f46e5;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--discord: #5865f2}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#app{max-width:640px;margin:0 auto;padding:24px 16px}header{text-align:center;margin-bottom:32px}header h1{font-size:28px;font-weight:600;margin-bottom:4px}header .subtitle{color:var(--text-muted);font-size:14px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;margin-bottom:16px}.card h2{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.status{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500}.status-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status.pending .status-icon{background:var(--warning)}.status.success .status-icon{background:var(--success)}.status.error .status-icon{background:var(--error)}.expiry{margin-top:12px;font-size:14px;color:var(--text-muted)}#simple-steps{display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px}.step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.step.pending .step-icon{border:2px solid var(--text-muted);color:var(--text-muted)}.step.active .step-icon{border:2px solid var(--primary);color:var(--primary);animation:pulse 1.5s infinite}.step.done .step-icon{background:var(--success);color:#fff}.step.error .step-icon{background:var(--error);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details summary h2:before{content:"▶ ";font-size:12px}details[open] summary h2:before{content:"▼ "}.transcript{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.8;max-height:400px;overflow-y:auto;padding:12px;background:#0d0d14;border-radius:8px;margin-top:12px}.transcript-line{display:flex;gap:8px}.transcript-time{color:var(--text-muted);flex-shrink:0}.transcript-msg{word-break:break-all}.transcript-msg.info{color:var(--text)}.transcript-msg.success{color:var(--success)}.transcript-msg.error{color:var(--error)}.transcript-msg.data{color:#a78bfa}.privacy-content{margin-top:16px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media (max-width: 500px){.comparison{grid-template-columns:1fr}}.comparison h3{font-size:14px;margin-bottom:8px}.comparison ul{list-style:none;font-size:13px}.comparison li{padding:4px 0 4px 20px;position:relative}.comparison li:before{position:absolute;left:0}.bad li:before{content:"✗";color:var(--error)}.good li:before{content:"✓";color:var(--success)}.privacy-summary{padding:16px;background:#0d0d14;border-radius:8px}.privacy-summary h3{font-size:14px;margin-bottom:8px}.learns{color:var(--success);font-weight:500;margin-bottom:16px}.not-learns{list-style:none;font-size:13px}.not-learns li{padding:2px 0;color:var(--text-muted)}.not-learns li:before{content:"✗ ";color:var(--error)}#actions{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:transform .1s,background .2s}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.secondary{background:transparent;border:1px solid var(--card-border);color:var(--text)}.btn.discord{background:var(--discord);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error{border-color:var(--error)}.error h2{color:var(--error)}.hidden{display:none!important}footer{margin-top:32px;text-align:center;font-size:13px;color:var(--text-muted)}footer a{color:var(--primary)}