:root{--color-primary: oklab(51% .17889 -.16913);--color-primary-dark: oklab(37% .10739 -.16355);--color-good: oklab(66% -.10399 .11272);--color-good-dark: oklab(50% -.07383 .03417);--color-bad: oklab(61% .09708 .1);--color-bad-dark: oklab(46.6% .14 .1);--color-info: oklab(66% -.04864 -.08429);--color-info-dark: oklab(45.580999999999996% -.01166 -.0858);--color-warning: oklab(81% 0 .1);--color-warning-dark: oklab(62.372% .02115 .05946);--color-background: oklab(.07 0 0);--color-text: oklab(1 0 0);--color-text-primary: oklab(.2 0 0);--color-text-secondary: oklab(.4 0 0);--color-border: oklab(.87 0 0);--color-surface-white: oklab(1 0 0);--color-surface-light: oklab(.96 0 0);--color-surface-shadow: oklab(0 0 0 / .1);--color-surface-shadow-large: oklab(0 0 0 / .2)}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(14px,2vw,16px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#111}main{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem}label{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:500}input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:1em;box-sizing:border-box;transition:border-color .3s ease}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}h2{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;margin-bottom:1em;color:var(--color-text-primary)}h3{font-size:clamp(1rem,1.4vw,1.2rem);font-weight:600;margin-bottom:.75em;color:var(--color-text-primary)}p{margin-bottom:1.5em;color:var(--color-text-secondary);line-height:1.6;font-size:clamp(.95rem,1.5vw,1.1rem)}figure{display:flex;margin:0;border-radius:8px;overflow:hidden}figure img{flex:1;max-width:100%;max-height:100%;display:block;object-fit:contain}.form-group{margin-bottom:1.5rem}.message{padding:.75rem 1rem;background-color:var(--color-surface-light);border-radius:4px;margin-bottom:1.5rem}.message p{margin:.5rem 0;font-size:.95rem}.message p:first-child{margin-top:0}.message p:last-child{margin-bottom:0}.message.error{background-color:var(--color-error-light, #f8d7da);border-left:4px solid var(--color-error, #dc3545)}.message.warning{background-color:var(--color-warning-light, #fff3cd);border-left:4px solid var(--color-warning, #ffc107)}.message.info{background-color:var(--color-info-light, #d1ecf1);border-left:4px solid var(--color-info, #17a2b8)}.message.note h3{margin-top:0;margin-bottom:1rem;color:var(--color-text-primary)}.message.note ul{margin:0;padding-left:1.5rem}.message.note li{margin-bottom:.5rem;color:var(--color-text-secondary)}.status-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;margin-bottom:1.5rem;border-radius:12px;text-align:center;min-height:280px;transition:all .3s ease}.status-box i{font-size:4rem}.status-text{margin:0;color:var(--color-surface-white);font-size:1.1em;font-weight:500;line-height:1.5}.spinner{width:80px;height:80px;border:4px solid oklab(100% 0 0 / .2);border-radius:50%;animation:spin 1s linear infinite;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.connection-status[data-v-941fc62a]{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.mdi[data-v-941fc62a]{font-size:1.25rem}.status-socycube[data-v-941fc62a]{color:var(--color-good)}.status-internet[data-v-941fc62a]{color:var(--color-primary-dark)}.status-offline[data-v-941fc62a]{color:#636363}.status-label[data-v-941fc62a]{font-weight:500}.progress-header[data-v-c77caa40]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.step-counter[data-v-c77caa40]{flex:1;text-align:left}.step-text[data-v-c77caa40]{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.progress-dots[data-v-c77caa40]{flex:1;display:flex;justify-content:center;gap:.75rem}.dot[data-v-c77caa40]{width:12px;height:12px;border-radius:50%;background-color:#d7d7d7;transition:all .3s ease}.dot.active[data-v-c77caa40]{background-color:var(--color-primary);transform:scale(1.2)}.connection-section[data-v-c77caa40]{flex:1;display:flex;justify-content:flex-end}.button[data-v-57858a30]{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.button[data-v-57858a30]:active{transform:scale(.95)}.button-primary[data-v-57858a30]{background-color:var(--color-primary);color:var(--color-surface-white)}.button-primary[data-v-57858a30]:hover{background-color:var(--color-primary-dark)}.button-secondary[data-v-57858a30]{background-color:#4d4d4d;color:var(--color-surface-white)}.button-secondary[data-v-57858a30]:hover{background-color:#3a3a3a}.button-circle[data-v-57858a30]{width:64px;height:64px;padding:0;border-radius:50%;background-color:var(--color-primary);color:var(--color-surface-white)}.button-circle[data-v-57858a30]:hover{background-color:var(--color-primary-dark)}.button-circle:hover .mdi[data-v-57858a30]{transform:translate(2px)}.button-circle .mdi[data-v-57858a30]{transition:transform .3s cubic-bezier(.15,2,.35,1.25)}.button-good[data-v-57858a30]{width:64px;height:64px;padding:0;border-radius:50%;background-color:var(--color-good);color:var(--color-surface-white);font-size:1.5rem}.button-good[data-v-57858a30]:hover{background-color:var(--color-good-dark)}.button-good:hover .mdi[data-v-57858a30]{transform:translateY(-2px) rotate(-5deg)}.button-good .mdi[data-v-57858a30]{transition:transform .3s cubic-bezier(.15,2.5,.35,1.25)}.button-bad[data-v-57858a30]{width:64px;height:64px;padding:0;border-radius:50%;background-color:var(--color-bad);color:var(--color-surface-white);font-size:1.5rem}.button-bad[data-v-57858a30]:hover{background-color:var(--color-bad-dark)}.button-bad .mdi[data-v-57858a30]{transition:transform .3s cubic-bezier(.15,2.5,.35,1.25)}.button-bad:hover .mdi[data-v-57858a30]{transform:translateY(2px) rotate(-5deg)}.button-disabled[data-v-57858a30]{opacity:.5;filter:grayscale(60%);cursor:not-allowed;pointer-events:none}.mdi[data-v-57858a30]{display:flex;align-items:center;justify-content:center;font-size:1.5rem}.card-footer[data-v-29d9cacd]{display:flex;justify-content:center}.footer-next[data-v-29d9cacd]{display:flex;justify-content:flex-end;width:100%}.footer-check[data-v-29d9cacd]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem}.question-text[data-v-29d9cacd]{font-weight:500;color:var(--color-text-primary);flex:1}.thumb-buttons[data-v-29d9cacd]{display:flex;gap:1rem;align-items:center}[data-v-060f63c8]{color:var(--color-text-primary)}.card[data-v-060f63c8]{width:75vw;max-width:1200px;height:fit-content;min-height:760px;margin:0 auto;padding:clamp(1rem,5vw,2rem);background:var(--color-surface-white);border-radius:8px;box-shadow:0 2px 8px var(--color-surface-shadow);display:flex;flex-direction:column;gap:1rem}.card-content[data-v-060f63c8]{display:flex;flex-direction:row;gap:clamp(1rem,3vw,2.5rem);flex:1;min-height:300px}.card-content[data-v-060f63c8]>*{flex:1;min-width:0}.card-content[data-v-060f63c8]>*:first-child{flex:2}.card-footer[data-v-060f63c8]{display:flex;gap:1rem;justify-content:flex-end}@media screen and (max-width:768px){.card-content[data-v-060f63c8]{flex-direction:column-reverse;min-height:auto}.card-content[data-v-060f63c8]>*:first-child{flex:1}.card-content[data-v-060f63c8]>*:not(:first-child){max-height:200px}}@media(max-width:480px){.card[data-v-060f63c8]{padding:clamp(.75rem,4vw,1.5rem);gap:clamp(1rem,2.5vw,1.5rem)}.card-content[data-v-060f63c8]{gap:clamp(.75rem,2vw,1rem)}}.offline-box[data-v-f3d359ff]{background:linear-gradient(135deg,var(--color-info-dark) 0%,oklab(40% -.05 -.1) 100%)}.offline-box .spinner[data-v-f3d359ff]{border-top-color:#7bccf7}.internet-box[data-v-f3d359ff]{background:linear-gradient(135deg,#3479a2,#1a4979)}.internet-box .mdi[data-v-f3d359ff]{color:#7bccf7;opacity:.8}.status-box h3[data-v-f3d359ff]{margin:0;color:var(--color-surface-white);font-weight:600;font-size:1.5rem}.status-box p[data-v-f3d359ff]{font-size:1.1em;font-weight:400;color:var(--color-surface-white)}.success-box[data-v-f3d359ff]{background:linear-gradient(135deg,#6ba137,#35724b)}.success-icon[data-v-f3d359ff]{color:#a0e562;animation:popIn-f3d359ff .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-f3d359ff{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse-f3d359ff{0%,to{opacity:.7}50%{opacity:1}}.network-selector[data-v-c0534bcc]{position:relative;width:100%}.selector-button[data-v-c0534bcc]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-white);color:var(--color-text-primary);font-size:1em;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.selector-button[data-v-c0534bcc]:hover{border-color:var(--color-primary)}.selector-button.open[data-v-c0534bcc]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.selector-button i[data-v-c0534bcc]{transition:transform .2s ease}.selector-button.open i[data-v-c0534bcc]{transform:rotate(180deg)}.selected-network[data-v-c0534bcc]{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.ssid[data-v-c0534bcc]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:500}.ssid.hidden[data-v-c0534bcc]{font-style:italic;color:var(--color-text-secondary)}.meta[data-v-c0534bcc]{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.placeholder[data-v-c0534bcc]{color:var(--color-text-secondary);flex:1;text-align:left}.network-list[data-v-c0534bcc]{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px var(--color-surface-shadow-large);z-index:10;max-height:400px;overflow-y:auto}.network-item[data-v-c0534bcc]{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-surface-light)}.network-item[data-v-c0534bcc]:last-child{border-bottom:none}.network-item[data-v-c0534bcc]:hover{background-color:var(--color-surface-light)}.network-item.selected[data-v-c0534bcc]{background-color:#eee}.network-info[data-v-c0534bcc]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.network-meta[data-v-c0534bcc]{display:flex;align-items:center;gap:.75rem;font-size:.85em}.security-badge[data-v-c0534bcc]{background-color:var(--color-surface-light);padding:.25rem .5rem;border-radius:3px;color:var(--color-text-secondary);font-size:.9em;white-space:nowrap}.security-badge.open[data-v-c0534bcc]{color:#606b08}.signal[data-v-c0534bcc]{display:flex;align-items:flex-end;gap:2px;height:16px}.bar[data-v-c0534bcc]{width:2px;background-color:var(--color-text-secondary);border-radius:1px;opacity:.3;transition:opacity .2s ease}.bar.active[data-v-c0534bcc]{opacity:1;background-color:var(--color-primary)}.bar[data-v-c0534bcc]:nth-child(1){height:4px}.bar[data-v-c0534bcc]:nth-child(2){height:8px}.bar[data-v-c0534bcc]:nth-child(3){height:12px}.bar[data-v-c0534bcc]:nth-child(4){height:16px}.network-item i[data-v-c0534bcc]{color:var(--color-good);font-size:1.2em;flex-shrink:0}.dropdown-enter-active[data-v-c0534bcc],.dropdown-leave-active[data-v-c0534bcc]{transition:opacity .2s ease,transform .2s ease}.dropdown-enter-from[data-v-c0534bcc],.dropdown-leave-to[data-v-c0534bcc]{opacity:0;transform:translateY(-.5rem)}#passInput[data-v-f3385e36]{display:flex;flex-direction:row;justify-content:flex-start}#passInput button[data-v-f3385e36]{align-self:center;margin-left:10px}.success-box h3[data-v-3c5fa8fa]{font-weight:600;margin:0 0 .5rem;color:var(--color-text-primary)}.success-box p[data-v-3c5fa8fa]{margin:0;color:var(--color-text-primary)}.success-box[data-v-3c5fa8fa]{background:linear-gradient(135deg,#fbf8f1,#b4f0bb);padding:2rem;border-radius:8px;text-align:center;margin:2rem 0}.checkmark[data-v-3c5fa8fa]{font-size:3rem;color:var(--color-good);margin-bottom:1rem}.success-box h3[data-v-02a124db]{font-weight:600;margin:0 0 .5rem;color:var(--color-text-primary)}.success-box p[data-v-02a124db]{margin:0;color:var(--color-text-primary)}.success-box[data-v-02a124db]{background:linear-gradient(135deg,#fbf8f1,#b4f0bb);padding:2rem;border-radius:8px;text-align:center;margin:2rem 0}.checkmark[data-v-02a124db]{font-size:3rem;color:var(--color-good);margin-bottom:1rem}h2[data-v-87a8ec2d]{margin-bottom:1rem;color:var(--color-text-primary)}p[data-v-87a8ec2d]{margin-bottom:1.5rem;color:var(--color-text-secondary);line-height:1.6}.info-box h3[data-v-87a8ec2d]{margin-top:0;margin-bottom:1rem;color:var(--color-text-primary)}.info-box ul[data-v-87a8ec2d]{margin:0;padding-left:1.5rem}.info-box li[data-v-87a8ec2d]{margin-bottom:.5rem;color:var(--color-text-secondary)}header[data-v-d2ee1e92]{position:absolute;text-align:center;top:3em}h1[data-v-d2ee1e92]{font-size:2em;font-weight:700;margin-bottom:1rem;color:var(--color-text-light)}p[data-v-d2ee1e92]{margin-bottom:2rem;color:#000;font-size:1.1em;position:absolute;top:10px;left:10px;background-color:#add8e6;padding:10px;border-radius:10px}