.state-view{display:none}.state-view.active{display:block}.conn-guest-link{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;background:linear-gradient(135deg,hsl(var(--color1) / .06),hsl(var(--text) / .025) 60%);border-color:hsl(var(--color1) / .2)}.conn-guest-link-icon{width:48px;height:48px;border-radius:.875rem;background:hsl(var(--color1) / .12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.conn-guest-link-icon svg{color:hsl(var(--color1));width:22px;height:22px}.conn-guest-link-text{flex:1;min-width:220px}.conn-guest-link-text h2{font-size:1.0625rem;font-weight:700;margin-bottom:3px}.conn-guest-link-text p{font-size:.875rem;color:hsl(var(--text2));line-height:1.5}.conn-h{margin-bottom:1.5rem}.conn-h h1{font-size:1.75rem;font-weight:700}.conn-h p{margin-top:5px;font-size:.9375rem;color:hsl(var(--text2))}.conn-link-card{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap}.conn-link-left{flex:1;min-width:260px;display:flex;flex-direction:column;gap:.625rem}.conn-link-hint{font-size:.875rem;color:hsl(var(--text2));line-height:1.5;margin-top:-4px}.conn-link-row{display:flex;gap:10px;align-items:center}.conn-link-input{flex:1;min-width:0;padding:.625rem .875rem;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .1);border-radius:.75rem;color:hsl(var(--color1));font-family:'Courier New',monospace;font-size:.875rem;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-link-input:focus{outline:0}.conn-link-qr{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.conn-qr-box{width:200px;height:200px;background:#fff;border-radius:1rem;padding:12px;display:flex;align-items:center;justify-content:center}.conn-qr-label{font-size:.8rem;color:hsl(var(--text3))}.conn-platforms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;align-items:stretch}.conn-platform-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;padding:1.5rem 1.25rem;text-align:left;width:100%;min-height:160px;cursor:pointer;position:relative;transition:border-color .2s,transform .2s,background .2s}.conn-platform-tile:hover{transform:translateY(-2px);border-color:hsl(var(--color1) / .35);background:hsl(var(--color1) / .05)}.conn-platform-tile:focus-visible{outline:2px solid hsl(var(--color1));outline-offset:2px}.conn-platform-icon{width:52px;height:52px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conn-platform-icon svg{width:26px;height:26px}.conn-platform-meta{display:flex;flex-direction:column;gap:2px}.conn-platform-name{font-family:Rubik,sans-serif;font-weight:700;font-size:1.125rem;line-height:1.1;color:hsl(var(--text))}.conn-platform-app{font-size:.8125rem;color:hsl(var(--text3))}.conn-platform-arrow{position:absolute;top:1.25rem;right:1.25rem;width:28px;height:28px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--text) / .04);color:hsl(var(--text3));transition:.2s}.conn-platform-tile:hover .conn-platform-arrow{background:hsl(var(--color1) / .15);color:hsl(var(--color1));transform:translateX(2px)}.conn-platform-arrow svg{width:15px;height:15px}.conn-platform-hint{font-size:.8rem;color:hsl(var(--text3));margin-top:auto}.conn-popup-icon{width:52px;height:52px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conn-popup-icon svg{width:26px;height:26px}.conn-popup-meta{display:flex;flex-direction:column;gap:2px}.conn-popup-meta .conn-platform-name{font-size:1.25rem}.conn-popup-platform-head{display:flex;align-items:center;gap:.875rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--text) / .07)}.conn-steps{list-style:none;display:flex;flex-direction:column;gap:.875rem}.conn-step{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;color:hsl(var(--text1));line-height:1.5}.conn-step-num{width:24px;height:24px;flex-shrink:0;border-radius:.5rem;background:hsl(var(--color1) / .15);color:hsl(var(--color1));display:flex;align-items:center;justify-content:center;font-family:Rubik,sans-serif;font-weight:700;font-size:.8rem;margin-top:1px}.conn-popup-dl{width:100%;justify-content:center;margin-top:.5rem}.conn-popup-dl .knp-text{padding:.7rem 1rem;justify-content:center;gap:8px;width:100%}.conn-support{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:2.5rem 1.5rem;text-align:center}.conn-support-icon{width:56px;height:56px;border-radius:1rem;background:hsl(var(--color1) / .12);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.conn-support-icon svg{color:hsl(var(--color1));width:24px;height:24px}.conn-support h2{font-size:1.25rem;font-weight:700}.conn-support p{font-size:.9rem;color:hsl(var(--text2))}.conn-support .knp{margin-top:.5rem}.conn-support .knp-text{padding:.7rem 1.5rem}@media (max-width:1100px){.conn-platforms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.conn-link-card{flex-direction:column}.conn-link-qr{align-self:center}.conn-link-row{flex-direction:column;align-items:stretch}}@media (max-width:420px){.conn-platforms-grid{grid-template-columns:1fr}}