.mobile-connect-page{color:#302a22;background:#f8f5ee;min-height:100vh;padding:28px clamp(18px,5vw,72px) 64px}.mobile-connect-page>header{justify-content:space-between;align-items:center;gap:16px;max-width:1000px;margin:0 auto 64px;display:flex}.mobile-connect-page>header span{color:#766f64;font-size:.78rem}.mobile-connect-shell{max-width:660px;margin:0 auto}.mobile-connect-shell>h1{letter-spacing:-.045em;margin:14px 0 32px;font-size:clamp(2.8rem,9vw,5rem);line-height:1.05}.mobile-connection-card{background:#fffdf9;border:1px solid #d8cebd;border-radius:22px;margin:24px 0;padding:clamp(22px,5vw,36px);box-shadow:0 10px 40px #302a2207}.mobile-connection-card h2{overflow-wrap:anywhere;margin:10px 0 16px;font-size:1.8rem}.mobile-connection-card p,.mobile-connected-devices p{color:#6c6358;line-height:1.65}.mobile-connection-card ul{margin:22px 0;padding-left:20px}.mobile-connection-card li{margin:10px 0;line-height:1.5}.mobile-pairing-code{text-align:center;letter-spacing:.05em;background:#eee5d5;border-radius:12px;margin:24px 0 12px;padding:22px 8px;font-family:ui-monospace,monospace;font-size:clamp(1.1rem,5vw,1.8rem);display:block}.mobile-connection-small{color:#776e61;margin-top:24px;font-size:.78rem;line-height:1.6}.mobile-code-confirm{align-items:flex-start;gap:12px;padding:18px 0 24px;line-height:1.5;display:flex}.mobile-code-confirm input{accent-color:#4b402f;flex-shrink:0;width:22px;height:22px;margin-top:2px}.mobile-connect-page .button{min-height:48px;font:inherit;cursor:pointer;border:1px solid #c9beae;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.mobile-connect-page .button-dark{color:#fffdf9;background:#302a22;border-color:#302a22}.mobile-connect-page .button-light{color:#302a22;background:#fffdf9}.mobile-connect-page .button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 16px #302a2214}.mobile-connect-page .button:not(:disabled):active{transform:translateY(0)}.mobile-connect-page .button:focus-visible{outline-offset:4px;outline:3px solid #9a7d48}.mobile-connect-page .button:disabled{opacity:.45;cursor:not-allowed}.mobile-signin{gap:18px;display:grid}.mobile-signin>label{gap:8px;display:grid}.mobile-signin input{color:#302a22;background:#fff;border:1px solid #c9beae;border-radius:8px;width:100%;padding:13px;font-size:16px}.mobile-connection-notice{color:#664830;background:#f2e4d9;border-radius:12px;padding:18px}.mobile-connection-success{background:#edf0e6;border:1px solid #d0d9bf;border-radius:12px;padding:18px}.mobile-connected-devices{border-top:1px solid #d8cebd;margin:40px 0;padding-top:28px}.mobile-connected-devices h2{margin-bottom:12px}.mobile-connected-devices>ul{padding:0;list-style:none}.mobile-connected-devices>ul>li{border-bottom:1px solid #dfd8ce;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.mobile-connected-devices strong{overflow-wrap:anywhere}@media (max-width:500px){.mobile-connect-page>header{margin-bottom:40px}.mobile-connect-page>header span{display:none}.mobile-connection-card .button{width:100%}}@media (prefers-reduced-motion:reduce){.mobile-connect-page .button{transition:none}.mobile-connect-page .button:not(:disabled):hover{transform:none}}