:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--surface:#fff;--raised:#f0eff4;--fg:#24212e;--muted:#686572;--edge:#dedce5;--control-edge:#8b8798;--accent:#4432a8;--accent-hover:#38268f;--on-accent:#fff;--accent-soft:#eeebfb;--danger:#b12c40;--on-danger:#fff;--online:#216c48;--scrollbar:#b4b0c0;font-family:IBM Plex Sans KR,ui-sans-serif,system-ui,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar) var(--bg)}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);margin:0;font-size:14px;line-height:1.5}main{max-width:52rem;margin-inline:auto;padding:16px 24px 32px}button,input,.button{font:inherit}a{color:inherit;text-underline-offset:3px}h1,h2,p{margin:0}h1{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;font-size:24px;font-weight:700;line-height:1.35}h2{font-size:16px;font-weight:700}p{color:var(--muted);overflow-wrap:anywhere}svg{flex-shrink:0;width:18px;height:18px}.line-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--fg)}.app-header{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-block:8px 16px;display:flex}.brand{letter-spacing:-.025em;flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:26px;height:26px;color:var(--accent)}.brand-suffix{color:var(--accent);font-weight:400}.app-header nav{align-items:center;gap:4px;min-width:0;display:flex}.account-button{min-width:0;max-width:220px;color:var(--muted);background:0 0;border-color:#0000;align-items:center;gap:6px;padding-inline:8px;display:inline-flex}.account-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}section{gap:16px;min-width:0;display:grid}.page-heading{gap:8px;display:grid}.page-heading p{font-size:14px}.auth-panel{max-width:360px;margin:24px auto 0}.form-panel{max-width:420px;margin:24px auto 0}.auth-panel,.form-panel{width:100%}form{gap:8px;min-width:0;display:grid}label{gap:6px;font-weight:700;display:grid}input{border:1px solid var(--control-edge);background:var(--surface);width:100%;min-width:0;height:44px;color:var(--fg);caret-color:var(--accent);border-radius:6px;padding:10px 12px;font-size:16px;font-weight:400;transition:border-color .12s}input::placeholder{color:var(--muted);opacity:1}input:hover,input:focus{border-color:var(--accent)}input:disabled{background:var(--raised);color:var(--muted)}input[aria-invalid=true]{border-color:var(--danger)}button,.button{border:1px solid var(--control-edge);background:var(--surface);min-height:40px;color:var(--fg);text-align:center;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--raised)}button:active,.button:active{background:var(--accent-soft)}button:disabled{color:var(--muted);cursor:default}button[aria-busy]{cursor:progress}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.primary:active{background:var(--accent-hover)}.primary:disabled{background:var(--accent);color:var(--on-accent);opacity:.65}.icon-button{width:36px;min-height:36px;color:var(--muted);background:0 0;border-color:#0000;flex-shrink:0;padding:8px}.icon-button:hover,.account-button:hover{color:var(--fg);border-color:#0000}.icon-button:disabled{opacity:.5}.icon-button.copied{color:var(--accent);background:var(--accent-soft)}.text-button{min-height:36px;color:var(--accent);background:0 0;border-color:#0000;padding:4px;font-size:12px}.text-button:hover{background:0 0;text-decoration:underline}.text-button:disabled{color:var(--muted);text-decoration:none}.form-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.form-actions .primary{min-width:100px}.back-link{min-height:36px;color:var(--muted);justify-self:start;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent)}.hint{font-size:12px;line-height:1.6}.error{color:var(--danger);overflow-wrap:anywhere;font-size:13px;line-height:1.6}.field-error:empty{display:none}.page-error{margin-block:4px}.address-preview{border:1px solid var(--edge);background:var(--raised);min-width:0;color:var(--muted);border-radius:6px;align-items:center;gap:8px;margin-top:4px;padding:10px 12px;font-size:12px;display:flex}.address-preview p{min-width:0}.address-preview strong{color:var(--fg)}.providers{gap:8px;display:grid}.provider-button{width:100%;min-height:44px;padding-inline:42px;position:relative}.provider-icon{width:18px;height:18px;position:absolute;left:12px}.auth-divider{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin-block:2px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--edge);flex:1;height:1px}.email-form>.primary{width:100%;min-height:44px;margin-top:4px}.email-destination{color:var(--muted);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.email-recipient{overflow-wrap:anywhere;font-size:13px}.email-destination .text-button{white-space:nowrap}.code-input{font-variant-numeric:tabular-nums;letter-spacing:.22em;text-align:center;height:56px;font-size:26px}.code-input::placeholder{letter-spacing:0;font-size:14px}.email-actions{font-variant-numeric:tabular-nums;justify-content:center;display:flex}.account-details{border-top:1px solid var(--edge);color:var(--muted);margin-top:4px;padding-top:12px;font-size:12px}.account-details summary{cursor:pointer;width:fit-content;padding-block:4px}.account-details p{margin-block:8px 4px}.account-id{align-items:center;gap:8px;display:flex}.account-id code{overflow-wrap:anywhere;flex:1;min-width:0}.device-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-count{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:13px;font-weight:400}.device-list{border-top:1px solid var(--edge);margin:0;padding:0;list-style:none}.device-row{border-bottom:1px solid var(--edge);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 0;display:grid}.device-link{border-radius:4px;align-items:center;gap:12px;min-width:0;min-height:44px;text-decoration:none;display:flex}.device-link:hover strong{color:var(--accent)}.device-icon{width:28px;height:28px;color:var(--muted)}.device-info{flex:1;min-width:0}.device-title{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:2px;display:flex}.device-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:16px;overflow:hidden}.device-status,.shared-label{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.device-status:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px}.device-status.online{color:var(--online)}.device-status.online:before{background:currentColor}.device-address{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:12px;display:block;overflow:hidden}.row-actions{justify-content:flex-end;align-items:center;gap:2px;min-width:74px;display:flex}.remove-button:hover{color:var(--danger)}.remove-confirmation{border-top:1px solid var(--edge);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-top:10px;display:grid}.remove-confirmation>p:first-child{color:var(--fg);font-size:13px}.remove-confirmation .field-error{grid-column:1/-1}.danger{background:var(--danger);min-height:36px;color:var(--on-danger);border-color:var(--danger);font-size:13px}.danger:hover{background:var(--danger);opacity:.85}.danger:disabled{color:var(--on-danger);opacity:.65}.empty-state{border-top:1px solid var(--edge);text-align:center;justify-items:center;gap:8px;padding:24px 12px;display:grid}.empty-state>svg{width:32px;height:32px;color:var(--muted);margin-bottom:4px}.empty-state p{font-size:13px}.loading-state{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding-block:16px;display:flex}.loading-state .spinner{color:var(--accent)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.tooltip{z-index:10;border:1px solid var(--edge);background:var(--raised);max-width:min(20rem,100vw - 16px);color:var(--fg);white-space:pre-line;overflow-wrap:anywhere;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:12px;position:fixed}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.launch{max-width:none;padding:0}.launch>iframe{background:var(--bg);border:0;width:100%;height:100dvh;position:fixed;inset:0}.connection-screen{--connection-violet:#dfd7f6;--connection-blue:#dce9f8;--connection-text:#51466e;isolation:isolate;max-width:none;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--bg);place-items:center;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.connection-screen:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 32% 34%, var(--connection-violet), transparent 62%), radial-gradient(ellipse at 72% 70%, var(--connection-blue), transparent 60%);animation:14s ease-in-out infinite alternate connection-drift;position:absolute;inset:-8%}.connection-screen>.loading-state{text-align:center;justify-items:center;gap:16px;padding:0;display:grid}.connection-screen .spinner{width:28px;height:28px;color:var(--accent);border-width:2px;animation-duration:1.1s}.connection-screen p{color:var(--connection-text);font-size:13px}.connection-error{text-align:center;justify-items:center;gap:12px;width:min(100%,24rem);display:grid}.connection-error h1{font-size:18px}.connection-error .page-error{color:var(--connection-text);margin:0}.connection-error .form-actions{justify-content:center;margin:4px 0 0}.connection-screen[data-paused]:before,.connection-screen[data-paused] .spinner{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}@keyframes connection-drift{0%{opacity:.65;transform:translate(-2%,-1%)scale(1)}to{opacity:1;transform:translate(2%,1%)scale(1.03)}}@media (prefers-color-scheme:dark){:root{--bg:#171717;--surface:#1d1c20;--raised:#26242c;--fg:#eeeaf6;--muted:#b0aabf;--edge:#39363f;--control-edge:#777180;--accent:#9082da;--accent-hover:#a297e0;--on-accent:#171717;--accent-soft:#332c49;--danger:#efa1ac;--on-danger:#171717;--online:#8acbab;--scrollbar:#5d566c}.connection-screen{--connection-violet:#322750;--connection-blue:#183147;--connection-text:#ccc3e1}}@media (width<=520px){main{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.app-header{gap:8px;margin-bottom:20px;padding-block:4px 12px}.brand{gap:8px}.auth-panel,.form-panel{margin-top:16px}.account-button{max-width:160px;padding-inline:4px;font-size:12px}.device-link{gap:8px}.device-icon{width:24px;height:24px}.device-title{column-gap:8px}}@media (pointer:coarse){.icon-button{width:40px;min-height:40px}.text-button,.back-link{min-height:40px}.row-actions{min-width:82px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}