:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;border-radius:.85rem;background:#0f172a;color:#fff;cursor:pointer;font:inherit;font-weight:650;padding:.85rem 1rem;transition:transform .14s ease,background .14s ease}button:hover{background:#1e293b;transform:translateY(-1px)}button:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.25rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 1.5rem 4rem #0f172a14;max-width:30rem;padding:clamp(2rem,7vw,4rem);width:100%}.brand-mark{align-items:center;background:#e0f2fe;border-radius:.9rem;color:#0284c7;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.eyebrow{color:#64748b;font-size:.78rem;font-weight:750;letter-spacing:.1em;margin:1.5rem 0 .6rem;text-transform:uppercase}h1{font-size:clamp(2rem,7vw,3.4rem);letter-spacing:-.06em;line-height:.98;margin:0;max-width:9ch}.intro{color:#475569;line-height:1.6;margin:1.5rem 0;max-width:42ch}.group-panel{margin:1.5rem 0}.group-panel .intro{margin:.5rem 0}.group-key{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.65rem;display:block;font-size:1.1rem;letter-spacing:.04em;overflow-wrap:anywhere;padding:.8rem}.muted{color:#64748b;font-size:.9rem;line-height:1.5}.clipboard-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.85rem;margin:1.25rem 0;padding:1rem}.content-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0 0 .65rem;text-transform:uppercase}pre{font-family:inherit;margin:0 0 1rem;max-height:14rem;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.empty-state{color:#64748b;margin:.7rem 0;text-align:center}textarea{border:1px solid #cbd5e1;border-radius:.85rem;font:inherit;line-height:1.5;padding:.85rem 1rem;resize:vertical;width:100%}textarea:focus{border-color:#0284c7;outline:3px solid #bae6fd}.character-count{color:#64748b;font-size:.75rem;margin:-.35rem 0 0;text-align:right}.action-row{display:grid;gap:.65rem;grid-template-columns:1fr 1fr;margin-top:.85rem}.sync-status{color:#0f766e;font-size:.85rem;margin:.75rem 0}form{display:grid;gap:.65rem;margin:1.5rem 0}label{color:#334155;font-size:.9rem;font-weight:650}input{border:1px solid #cbd5e1;border-radius:.85rem;font:inherit;padding:.85rem 1rem;width:100%}input:focus{border-color:#0284c7;outline:3px solid #bae6fd}input[aria-invalid=true]{border-color:#dc2626}.field-help,.field-error{font-size:.78rem;line-height:1.4;margin:0}.field-help{color:#64748b}.field-error{color:#b91c1c}button:disabled{cursor:wait;opacity:.6;transform:none}.secondary{background:#e2e8f0;color:#0f172a;margin-top:.75rem}.secondary:hover{background:#cbd5e1}.tertiary{background:transparent;border:1px solid #cbd5e1;color:#334155;font-size:.86rem;padding:.7rem .85rem}.tertiary:hover{background:#f8fafc}.status{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:.55rem;margin-bottom:1rem}.status-dot{background:#22c55e;border-radius:50%;height:.55rem;width:.55rem}