:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:#0b0b0e;color:#f5f3f7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at top,#21152d 0,#0b0b0e 38%);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.shell{width:min(760px,100%);min-height:100dvh;margin:0 auto;padding:24px 18px 28px;display:flex;flex-direction:column;gap:20px}header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#a991c4}h1{margin:0;font-size:28px;line-height:1.1}.status{font-size:13px;color:#aaa2b1;padding-top:5px}.status[data-kind="ok"]{color:#cdb5ea}.status[data-kind="error"]{color:#ffb4b4}form{flex:1;display:flex;flex-direction:column;gap:12px}form[hidden],button[hidden]{display:none}#login-form{flex:0;margin-top:clamp(40px,12vh,120px)}label{font-size:15px;color:#d8d2dc}input,textarea{width:100%;border:1px solid #2b2630;border-radius:18px;background:#121116;color:#f8f6fa;padding:18px;font:inherit;font-size:18px;line-height:1.5;outline:none;box-shadow:0 18px 60px rgba(0,0,0,.28)}textarea{flex:1;min-height:54dvh;resize:none}input:focus,textarea:focus{border-color:#6f4a92;box-shadow:0 0 0 3px rgba(111,74,146,.18),0 18px 60px rgba(0,0,0,.28)}textarea::placeholder{color:#6d6672}.actions{display:flex;align-items:center;justify-content:space-between;gap:16px}#count{font-size:12px;color:#78707d}button{border:0;border-radius:14px;padding:14px 22px;font:inherit;font-weight:700;background:#8d5ac5;color:white;min-width:124px;box-shadow:0 10px 30px rgba(92,51,126,.28);cursor:pointer}button:disabled{opacity:.55}.logout{min-width:0;background:transparent;color:#aaa2b1;padding:5px;box-shadow:none}.hint{font-size:12px;line-height:1.5;color:#77717b;padding:0 2px}.hint strong{color:#a59daa}@media (max-width:520px){.shell{padding:18px 14px 20px}h1{font-size:24px}textarea{min-height:58dvh;border-radius:16px;font-size:17px}.hint{display:none}}
.header-actions{display:flex;align-items:center;gap:10px}.pair-trigger{min-width:0;padding:9px 12px;font-size:13px;border:1px solid #664982;background:#24162f;box-shadow:none}.pair-trigger:hover{background:#3d2452}section[hidden]{display:none}.pair-section{border:1px solid #463352;border-radius:18px;background:#17111d;padding:20px;text-align:center}.pair-section h2{margin:0 0 8px;font-size:20px}.pair-section p{color:#b7a9bf;line-height:1.45}.pair-section img{display:block;width:min(100%,280px);height:auto;margin:18px auto 0;border-radius:12px;padding:10px;background:white}.pair-page section{margin-top:15vh}.pair-page a{color:#d2b5f4}@media(max-width:520px){.header-actions{gap:4px}.pair-trigger{padding:8px 9px;font-size:11px}.logout{font-size:12px}.pair-section{padding:14px}}