.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-box{gap:16px;width:100%;max-width:360px;padding:22px 22px 18px;display:grid}.login-box.wide{max-width:420px}.login-head{align-items:center;gap:10px;font-size:13px;display:flex}.login-form{gap:12px;display:grid}.login-form label{gap:4px;display:grid}.login-form input{font:inherit;font-family:var(--mono);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);background:#ffffff08;padding:9px 10px;font-size:14px}.login-form input:focus{border-color:var(--ghost);outline:none}.login-form .btn.primary{border-color:var(--ghost);color:var(--ghost);padding:9px}.login-error{color:var(--warn);margin:0;font-size:12px}.login-providers{border-top:1px solid var(--line);gap:6px;padding-top:12px;display:grid}.totp{justify-items:start;gap:8px;display:grid}.totp img{border-radius:var(--radius)}.auth-wait{color:var(--dim);padding:32px}.user-badge{align-items:center;gap:6px;font-size:12px;display:inline-flex}.user-badge .linklike{color:var(--ghost);background:0 0;border:none;padding:0}.setup-steps{color:var(--ink);gap:4px;margin:0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.login-form .remember{color:var(--dim);align-items:center;gap:8px;font-size:12px;display:flex}.login-form .who{color:var(--dim);background:0 0;border:none;justify-self:start;padding:0;font-size:12px}.login-form .forgot{color:var(--dim);background:0 0;border:none;justify-self:start;padding:0;font-size:11px}.confirm-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02030480;justify-content:center;align-items:flex-start;padding-top:22vh;display:flex;position:fixed;inset:0}.confirm{background:var(--bg);width:min(420px,100vw - 32px);padding:16px 18px 14px;font-size:13px;animation:.15s ease-out confirm-in}.confirm p{color:var(--ink);margin:0 0 14px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm .primary-on{border-color:var(--ghost);color:var(--ghost)}@keyframes confirm-in{0%{opacity:0;transform:translateY(-4px)}}.view-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);min-inline-size:0;margin:0;padding:0;font-size:11px;display:inline-flex;overflow:hidden}.view-toggle button{color:var(--dim);letter-spacing:.06em;background:0 0;border:none;padding:4px 10px}.view-toggle button+button{border-left:1px solid var(--line)}.view-toggle button.on{color:var(--bg);background:var(--ghost)}.json-raw,.json-pretty{font-family:var(--mono);color:var(--ink);font-size:12px;line-height:1.5}.json-raw{white-space:pre-wrap;word-break:break-all;display:block}.json-pretty{white-space:pre-wrap;word-break:break-word;margin:0}.j-key{color:var(--ghost)}.j-str{color:var(--code-str,#c7f59a)}.j-num{color:var(--code-num,#ffc95c)}.j-bool,.j-null{color:var(--ghost-2)}.raw-stream{font-family:var(--mono);gap:2px;margin:0;padding:10px 12px;font-size:11.5px;line-height:1.45;list-style:none;display:grid;overflow:auto}.raw-stream li{white-space:pre-wrap;word-break:break-all;color:var(--code-raw,#b9c7d2)}.raw-stream li:first-child{color:var(--ink)}.raw-stream .seq{color:var(--dim)}html[data-view=visual]{--bg:#0a0c0f;--surface:#161a20eb;--line:#ffffff12;--line-strong:#ffffff1f;--ink:#eef2f6;--dim:#8a96a3;--radius:12px}html[data-view=visual] .grid-bg{background-image:none}html[data-view=visual] .ghost-text{text-shadow:none}html[data-view=visual] .frame:before,html[data-view=visual] .frame:after{display:none}html[data-view=visual] .frame,html[data-view=visual] .card{border-radius:var(--radius);box-shadow:inset 0 1px #ffffff08,0 12px 32px #00000059}html[data-view=visual] .label{font-family:var(--sans);text-transform:none;letter-spacing:.01em;font-size:12px;font-weight:500}html[data-view=visual] header h1{font-family:var(--sans);letter-spacing:.02em;font-weight:600}html[data-view=visual] .btn{font-family:var(--sans);letter-spacing:0;border-radius:999px}html[data-view=visual] .mono:not(.num){font-family:var(--sans)}.palette-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0203048c;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.palette{background:var(--bg);border:1px solid var(--ghost);border-radius:var(--radius);width:min(640px,100vw - 32px);overflow:hidden;box-shadow:0 20px 60px #0009}.palette-input{box-sizing:border-box;width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:14px 16px;font-size:15px}.palette-list{max-height:50vh;margin:0;padding:6px;font-size:13px;list-style:none;overflow:auto}.palette-list button{width:100%;font:inherit;color:var(--ink);border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:12px;padding:8px 10px;display:flex}.palette-list button.on{color:var(--ghost);background:#8ff3ff14}.palette-none{padding:10px}.palette-result{padding:8px 16px 12px;font-size:12px}.lock{z-index:1000;cursor:default;background:#020304;position:fixed;inset:0}.lock-canvas{position:absolute;inset:0}.lock-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020304d1;border:1px solid #8ff3ff40;border-radius:6px;justify-items:center;gap:12px;padding:22px 26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lock-box input{color:#dbe6ee;text-align:center;letter-spacing:.2em;background:#ffffff0a;border:1px solid #8ff3ff4d;border-radius:4px;width:240px;padding:9px 10px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.lock-box input:focus{border-color:#8ff3ff;outline:none}.lock-error{color:#ffc95c;font-size:12px}