:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--scene-bg-top:#06101d;--scene-bg-bottom:#020814;--scene-glow-left:#26e6d829;--scene-glow-right:#3b82f624;--orb-left:#22d3ee38;--orb-right:#3b82f633;--mesh-line:#5577ac14;--shell-surface-top:#071223e6;--shell-surface-bottom:#030a16eb;--shell-border:#6393d42e;--hero-surface-start:#0a162cf5;--hero-surface-end:#0b234ef0;--hero-border:#66aeff2e;--card-surface:#0a1428bd;--card-border:#6693d329;--tab-shell:#07101f80;--tab-active-surface:#20355ab3;--input-surface:#081121b8;--input-border:#6393d429;--input-focus:#61e8ff7a;--input-focus-soft:#61e8ff24;--pill-surface:#08112185;--pill-border:#6693d32e;--chip-surface:#0c19329e;--chip-border:#72a3e429;--theme-active-surface:#315da285;--button-start:#2b6fff;--button-end:#22d3ee;--button-secondary-surface:#0d182db8;--button-secondary-border:#6393d429;--meter-track:#39548057;--meter-fill-start:#31d8ff;--meter-fill-end:#5effd6;--separator:#6693d324;--text:#dbe9ff;--text-strong:#f4f9ff;--text-muted:#8ea5c4;--text-soft:#6f87a6;--accent-primary:#5ee7ff;--accent-secondary:#62a4ff;--danger:#ff9b9b;--font-sans:"Aptos", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display:"Bahnschrift", "Aptos", "Segoe UI Variable", "Segoe UI", sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--scene-bg-top:#eef6ff;--scene-bg-bottom:#dfeaf8;--scene-glow-left:#0ea5e91f;--scene-glow-right:#38bdf81f;--orb-left:#14b8a624;--orb-right:#3b82f61f;--mesh-line:#4a669214;--shell-surface-top:#ffffffd1;--shell-surface-bottom:#f4f8ffe6;--shell-border:#5c84c22e;--hero-surface-start:#f5fbfff5;--hero-surface-end:#e5f0fff0;--hero-border:#4a84e129;--card-surface:#ffffffc2;--card-border:#5c84c229;--tab-shell:#e3edf8cc;--tab-active-surface:#ffffffeb;--input-surface:#ffffffd1;--input-border:#5c84c229;--input-focus:#2563eb6b;--input-focus-soft:#2563eb1f;--pill-surface:#ffffffc7;--pill-border:#5c84c22e;--chip-surface:#f8fbffcc;--chip-border:#5c84c22e;--theme-active-surface:#d1e2ffdb;--button-start:#2563eb;--button-end:#06b6d4;--button-secondary-surface:#ffffffdb;--button-secondary-border:#5c84c229;--meter-track:#6f8dbc2e;--meter-fill-start:#22c1ff;--meter-fill-end:#0fbf9a;--separator:#5c84c21f;--text:#18304a;--text-strong:#0f2238;--text-muted:#5b7392;--text-soft:#7f95b0;--accent-primary:#0891b2;--accent-secondary:#2563eb;--danger:#c2410c}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{font-family:var(--font-sans);background:var(--scene-bg-bottom);color:var(--text);margin:0;transition:background-color .24s,color .24s}button,input{font:inherit}::selection{background:#317cff38}.app-root{background:radial-gradient(circle at top left, var(--scene-glow-left), transparent 30%), radial-gradient(circle at 85% 10%, var(--scene-glow-right), transparent 26%), linear-gradient(180deg, var(--scene-bg-top) 0%, var(--scene-bg-bottom) 100%);min-height:100vh;padding:30px 16px 44px;transition:background .5s;position:relative;overflow:hidden}.background-mesh{pointer-events:none;background:linear-gradient(var(--mesh-line) 1px, transparent 1px), linear-gradient(90deg, var(--mesh-line) 1px, transparent 1px);opacity:.32;background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000006b,#0000 86%);mask-image:linear-gradient(#0000006b,#0000 86%)}.horizon-line{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#4ee2ff6b 18%,#7acafff2 50%,#4ee2ff6b 82%,#0000 100%);width:min(920px,94vw);height:2px;position:absolute;top:130px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #4ee2ffa6,0 0 36px #4ee2ff38}.horizon-line:after{content:"";background:#d7fbff;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #71e8ffe6}.glow-orb{filter:blur(28px);pointer-events:none;opacity:.85;border-radius:999px;position:absolute}.glow-orb-left{background:var(--orb-left);width:240px;height:240px;top:200px;left:-90px}.glow-orb-right{background:var(--orb-right);width:260px;height:260px;top:260px;right:-100px}.app-shell{z-index:1;width:100%;max-width:470px;margin:0 auto;position:relative}.screen-shell{background:linear-gradient(180deg, var(--shell-surface-top) 0%, var(--shell-surface-bottom) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:34px;padding:18px 16px;transition:background .46s,border-color .46s,box-shadow .46s;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 70px #01081670}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 2px 16px;display:flex}.brand-row{align-items:baseline;gap:8px;display:flex}.logo{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:30px;line-height:1}.brand-submark{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-secondary);font-size:13px;font-weight:700;line-height:1}.brand-caption{letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft);margin:8px 0 0;font-size:11px;font-weight:700;line-height:1}.header-controls{align-items:center;gap:10px;display:flex}.network-pill{border:1px solid var(--pill-border);background:var(--pill-surface);letter-spacing:.14em;text-transform:uppercase;min-height:32px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 12px;font-size:11px;font-weight:700;transition:background .42s,border-color .42s,color .32s,box-shadow .42s;display:inline-flex}.network-pill.online{color:var(--accent-primary)}.network-pill.offline{color:var(--danger)}.theme-toggle-button{border:1px solid var(--pill-border);background:var(--pill-surface);cursor:pointer;width:42px;height:42px;color:var(--text-strong);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,background .38s,border-color .38s,box-shadow .38s,color .28s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.theme-toggle-button-glow{border-radius:inherit;opacity:.9;background:radial-gradient(circle,#5fe2ff3d,#0000 72%);position:absolute;inset:8px}.theme-icon{z-index:1;width:18px;height:18px;display:block;position:relative}.hero-panel,.glass-card{animation:.5s both rise-in;position:relative;overflow:hidden}.hero-panel{background:radial-gradient(circle at top left, #3dfff129, transparent 38%), linear-gradient(135deg, var(--hero-surface-start) 0%, var(--hero-surface-end) 100%);border:1px solid var(--hero-border);border-radius:24px;margin-bottom:14px;padding:20px 18px 18px;transition:background .46s,border-color .46s,box-shadow .46s;box-shadow:inset 0 1px #ffffff14,0 22px 50px #010a1c57}.hero-panel:after{content:"";background:linear-gradient(90deg,#0000 0%,#61e8ff33 10%,#6fdeffeb 50%,#61e8ff33 90%,#0000 100%);height:2px;position:absolute;top:0;left:18px;right:18px;box-shadow:0 0 16px #5ce7ff85}.hero-copy-block{margin-bottom:14px}.hero-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin:0 0 10px;font-size:11px;font-weight:800}.hero-title{color:var(--text-strong);max-width:270px;margin:0 0 10px;font-size:30px;font-weight:700;line-height:1.05}.hero-copy{color:var(--text-muted);max-width:300px;margin:0;font-size:13px;line-height:1.55}.hero-chip-row{flex-wrap:wrap;gap:8px;display:flex}.hero-chip{border:1px solid var(--chip-border);background:var(--chip-surface);min-height:28px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;transition:background .42s,border-color .42s,color .32s;display:inline-flex}.app-main{flex-direction:column;gap:12px;display:flex}.glass-card{background:var(--card-surface);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;padding:16px;transition:background .46s,border-color .46s,box-shadow .46s,color .32s;box-shadow:inset 0 1px #ffffff0d,0 16px 40px #010a1c47}.card-header-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.section-kicker,.detail-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin:0 0 8px;font-size:10px;font-weight:800}.section-title,.card-title{color:var(--text-strong);margin:0;font-size:22px;font-weight:700;line-height:1.12}.section-copy{color:var(--text-muted);margin:10px 0 0;font-size:13px;line-height:1.6}.auth-tabs{background:var(--tab-shell);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 18px;padding:6px;display:grid}.tab-button{min-height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:14px;font-size:14px;font-weight:700;transition:transform .16s,color .28s,background .28s,box-shadow .28s}.tab-button.active{background:var(--tab-active-surface);color:var(--text-strong);box-shadow:0 0 22px #5ac4ff1a}.form{flex-direction:column;gap:10px;display:flex}.input{border:1px solid var(--input-border);background:var(--input-surface);width:100%;min-height:48px;color:var(--text-strong);border-radius:16px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .26s,background .26s,color .26s,box-shadow .14s,transform .14s}.input::placeholder{color:var(--text-soft)}.input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-soft), 0 0 18px #61e8ff29;transform:translateY(-1px)}.code-input{letter-spacing:.28em;text-indent:.28em;text-align:center}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;min-height:46px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .2s}.primary-button{color:#effbff;background:linear-gradient(135deg, var(--button-start) 0%, var(--button-end) 100%);border:1px solid #56d6ff61;box-shadow:inset 0 1px #ffffff2e,0 14px 28px #157dff3d,0 0 22px #4ddcff29}.secondary-button{border:1px solid var(--button-secondary-border);background:var(--button-secondary-surface);color:var(--text-strong);transition:transform .16s,box-shadow .16s,opacity .2s,background .3s,border-color .3s,color .3s}.primary-button:disabled,.secondary-button:disabled,.tab-button:disabled,.theme-toggle-button:disabled{opacity:.68;cursor:default;box-shadow:none;transform:none}.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover,.tab-button:not(:disabled):hover,.theme-toggle-button:not(:disabled):hover{transform:translateY(-1px)}.error,.inline-note,.helper-copy,.qr-caption,.detail-note{margin:0;font-size:13px;line-height:1.55}.error{color:var(--danger)}.inline-note,.helper-copy,.qr-caption,.detail-note{color:var(--text-muted)}.helper-panel{border-top:1px solid var(--separator);margin-top:16px;padding-top:14px}.helper-title{color:var(--text-strong);margin:0 0 6px;font-size:12px;font-weight:700}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:700;transition:background .3s,border-color .3s,color .3s;display:inline-flex}.status-pill.active,.status-pill.positive{color:#86f1ba;background:#22c55e24;border-color:#22c55e2e}.status-pill.warning{color:#ffd58f;background:#f59e0b24;border-color:#f59e0b2e}.status-pill.danger{color:#faa;background:#ef444424;border-color:#ef44442e}.status-pill.muted,.status-pill.neutral{color:var(--text-soft);background:#6b81a424;border-color:#6b81a42e}.qr-card{padding-bottom:18px}.qr-panel{justify-content:center;margin-bottom:14px;display:flex}.qr-glow{background:radial-gradient(circle,#61e8ff33,#0000 58%);border-radius:30px;padding:10px;position:relative}.qr-glow:before{content:"";border:1px solid #61e8ff2e;border-radius:24px;position:absolute;inset:12px;box-shadow:0 0 18px #61e8ff2e,inset 0 0 18px #61e8ff14}.qr-frame{z-index:1;background:linear-gradient(#fbfeff 0%,#e9f6ff 100%);border-radius:24px;justify-content:center;align-items:center;padding:16px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffd6,0 0 0 3px #5eddff33,0 18px 44px #06122b66}.identity-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.identity-main{align-items:center;gap:12px;min-width:0;display:flex}.identity-avatar{width:42px;height:42px;color:var(--text-strong);background:linear-gradient(135deg,#4fdeff38,#2563eb33);border:1px solid #61e8ff38;border-radius:14px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .42s,border-color .42s,color .32s,box-shadow .42s;display:inline-flex;box-shadow:0 0 18px #4ddcff29}.identity-copy{min-width:0}.identity-name{color:var(--text-strong);margin:0 0 4px;font-size:16px;font-weight:700}.identity-subline{color:var(--text-muted);margin:0;font-size:13px}.identity-status-block{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.details-grid{gap:12px;display:grid}.detail-card{padding-top:14px}.detail-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.detail-date{color:var(--text-strong);margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.2}.offline-card{border-color:#7993b733}.action-row{flex-wrap:wrap;gap:10px;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=760px){.app-shell{max-width:880px}.screen-shell{padding:24px 22px 22px}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.app-root{padding:16px 12px 28px}.app-header,.identity-card{flex-direction:column;align-items:stretch}.header-controls{justify-content:space-between}.identity-status-block{align-items:stretch}.detail-head{flex-direction:column;align-items:flex-start}.action-row{flex-direction:column}}