:root{color-scheme:dark;--shell-bg:#06070c;--panel-bg:rgba(11,13,20,0.82);--panel-border:rgba(255,255,255,0.08);--panel-muted:rgba(255,255,255,0.55);--panel-dim:rgba(255,255,255,0.28);--panel-accent:#c084fc}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 10% 10%,#111526 0,#06070c 45%,#040408 100%)}body{padding-top:48px;font-family:Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;position:relative;background:radial-gradient(circle at 82% 16%,rgba(96,165,250,.12),transparent 34%),radial-gradient(circle at 14% 82%,rgba(244,114,182,.12),transparent 38%)}.toolbar{position:fixed;top:12px;left:12px;right:12px;z-index:1000;display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;pointer-events:none}.toolbar-panel{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(0,0,0,.34)}.route-panel{padding:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.route-btn{border:1px solid transparent;background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;font-size:12px;line-height:1;transition:.14s ease}.route-btn:hover{background:rgba(255,255,255,.08)}.route-btn.active{background:linear-gradient(135deg,rgba(192,132,252,.2),rgba(244,114,182,.14));border-color:rgba(192,132,252,.35);color:#f2e8ff}.route-btn.ghost{color:var(--panel-muted)}.summary-panel{width:min(360px,calc(100vw - 24px));padding:12px}.summary-title{margin:0 0 8px;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.85);text-transform:uppercase}.summary-row{display:grid;grid-template-columns:90px 1fr;grid-gap:8px;gap:8px;align-items:start;margin-bottom:6px;font-size:12px}.summary-key{color:var(--panel-dim)}.summary-value{color:rgba(255,255,255,.9);word-break:break-word}.summary-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.72);padding:4px 8px;border-radius:999px;font-size:11px}.chip.ok{border-color:rgba(52,211,153,.24);color:#7ef0c2;background:rgba(52,211,153,.08)}.floating-actions{position:fixed;right:12px;bottom:12px;z-index:1000;width:min(360px,calc(100vw - 24px));pointer-events:none}.floating-actions .toolbar-panel{pointer-events:auto;padding:12px}.floating-actions h3{margin:0 0 6px;font-size:13px;color:#fff}.floating-actions p{margin:0 0 10px;font-size:12px;color:var(--panel-muted);line-height:1.4}.action-row{display:flex;gap:8px;flex-wrap:wrap}.action-btn{flex:1 1;min-width:110px;border:0;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:700;font-size:12px;color:#fff;background:linear-gradient(135deg,#c084fc,#f472b6);box-shadow:0 10px 24px rgba(192,132,252,.22)}.action-btn.secondary{background:rgba(255,255,255,.05);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.1);box-shadow:none}.screen-wrap{min-height:100vh}.screen-wrap.has-toolbar{padding-top:76px}@media (max-width:900px){.toolbar{grid-template-columns:1fr}.summary-panel{width:100%}}.topnav{position:fixed;top:0;left:0;right:0;z-index:9999;height:48px;justify-content:space-between;padding:0 16px;background:rgba(8,8,14,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.topnav,.topnav-logo{display:flex;align-items:center}.topnav-logo{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:12px 4px;gap:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.locale-switcher{position:relative}.locale-trigger{display:flex;align-items:center;gap:5px;padding:6px 10px;min-height:36px;min-width:36px;border:1px solid transparent;border-radius:10px;background:transparent;color:rgba(255,255,255,.7);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;font-size:11px;font-weight:600;line-height:1}.locale-trigger:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.locale-trigger:focus-visible{outline:2px solid #c084fc;outline-offset:2px}.locale-trigger[aria-expanded=true]{background:rgba(192,132,252,.08);border-color:rgba(192,132,252,.25);color:rgba(255,255,255,.95)}.locale-trigger-code{letter-spacing:.04em}.locale-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;max-height:min(320px,calc(100vh - 80px));overflow-y:auto;padding:4px;border-radius:12px;background:rgba(20,20,30,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 36px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.04);z-index:10;animation:locale-fade-in .15s ease-out}.locale-option{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:rgba(255,255,255,.6);cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:background-color .15s ease,color .15s ease}.locale-option:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.9)}.locale-option:focus-visible{outline:2px solid #c084fc;outline-offset:-2px;border-radius:8px}.locale-option.selected{color:rgba(255,255,255,.95)}.locale-option-name{flex:1 1}.locale-option-code{font-size:10px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.3)}.locale-option.selected .locale-option-code{color:rgba(192,132,252,.7)}.locale-option-check{flex-shrink:0}@keyframes locale-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.locale-dropdown,.topnav-dna,[data-logo-dna]{animation:none!important}}