.city-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;background:#020306}.city-map{position:absolute;width:var(--map-size, 200vmax);height:var(--map-size, 200vmax);left:calc(50% - var(--pivot-x) * var(--map-size, 200vmax));top:calc(50% - var(--pivot-y) * var(--map-size, 200vmax));transform-origin:calc(var(--pivot-x) * 100%) calc(var(--pivot-y) * 100%);rotate:var(--heading);will-change:rotate;animation:city-turn 600s linear infinite}.city-map canvas{display:block;width:100%;height:100%;filter:saturate(1.2) contrast(1.1) blur(.35px)}@keyframes city-turn{0%{rotate:var(--heading)}to{rotate:calc(var(--heading) + 360deg)}}.city-haze{position:absolute;inset:0;background:radial-gradient(ellipse at center,#03040947 30%,#1e46824d)}.city-crt{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgb(0 0 0 / .26) 0 1px,transparent 1px 3px),repeating-linear-gradient(to right,#ff003c06 0 1px,#00ff7805 1px 2px,#2878ff06 2px 3px),radial-gradient(ellipse at center,transparent 55%,rgb(0 0 0 / .55) 100%);box-shadow:inset 0 0 140px #000000b3}.city-crt:after{content:"";position:absolute;left:0;right:0;top:-20%;height:16%;background:linear-gradient(to bottom,transparent,rgb(255 255 255 / .03),transparent);animation:city-roll 11s linear infinite}@keyframes city-roll{to{top:110%}}@media(prefers-reduced-motion:reduce){.city-map,.city-crt:after{animation:none}}@media(forced-colors:active){.city-map,.city-crt{display:none}}:root{--ink: #eeedf5;--paper: #111216;--surface: #1b1c23;--accent: #b4a0ed;--on-accent: #191127;--muted: #a4a3b1;--muted-2: #6c6b7a;--line: #34343e;--found: #9fe3c0;--missing: #f2a6a6;--unknown: #e8cf8e;--radius: 8px;--glass: color-mix(in srgb, var(--surface) 55%, transparent);--edge: rgb(255 255 255 / .09);--font: "Inter", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;color-scheme:dark;font-family:var(--font);font-size:14px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@supports (color: oklch(from red l c h)){:root{--glass: oklch(from var(--surface) l 0 h / .55)}}*{box-sizing:border-box}body{margin:0;background:var(--paper)}h1,h2,p{margin:0}button,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer;padding:0}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.glass{position:relative;background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px #00000038;isolation:isolate;transition:box-shadow .22s ease}.glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle 380px at var(--light-x, 50%) var(--light-y, 35%),rgb(255 255 255 / .07),transparent 70%) fixed}.glass:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(circle 260px at var(--light-x, 50%) var(--light-y, 35%),rgb(255 255 255 / .35),transparent 75%) fixed;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass:hover{box-shadow:0 22px 52px #00000047}.canvas button:not(:disabled){transition:transform .26s cubic-bezier(.34,1.56,.64,1),background-color .16s ease,color .16s ease}.canvas button:not(:disabled):hover{transform:scale(1.04)}.canvas button:not(:disabled):active{transform:scale(.95);transition-duration:90ms}.canvas{--x: max(100px, 15vw);--top: max(18px, 6vh);--bottom: max(30px, 6vh);--history-width: 290px;position:relative;min-height:100vh;min-height:100dvh}.composition{position:fixed;inset:var(--top) var(--x) var(--bottom);z-index:100;display:grid;grid-template-columns:minmax(0,1fr) var(--history-width);grid-template-rows:auto minmax(0,1fr);gap:10px}.rail{position:fixed;z-index:200;top:var(--top);bottom:var(--bottom);left:calc(var(--x) - 64px - 12px);width:64px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.rail-brand{display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;border-radius:12px}.rail-item{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--muted)}.rail-item:hover{color:var(--ink);background:#ffffff0d}.rail-item.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 14%,transparent)}.rail-lang{position:absolute;right:4px;bottom:4px;font-size:8px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--accent)}.rail-spacer{flex:1}.rail-history{display:none}.search{grid-column:1;padding:22px 22px 16px}.search-form{display:grid;gap:14px}.search-field{display:flex;align-items:baseline;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px;transition:border-color .16s ease}.search-field:focus-within{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.search-at{font-size:30px;font-weight:300;color:var(--muted-2)}.search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:30px;font-weight:300;letter-spacing:-.4px;padding:0}.search-field input::placeholder{color:var(--muted-2)}.search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:9px;font-size:13px;color:var(--muted-2);border:1px solid var(--line)}.chip.on{color:var(--ink);border-color:transparent;background:color-mix(in srgb,var(--accent) 14%,transparent)}.primary{height:37px;padding:0 18px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600}.search-note{margin-top:12px;font-size:12px;line-height:1.5;color:var(--muted)}.search-note.is-error{color:var(--missing)}.results{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0}.card{display:flex;flex-direction:column;gap:14px;padding:18px;min-height:0;overflow:auto;--state: var(--muted-2)}.card.is-found{--state: var(--found)}.card.is-missing{--state: var(--missing)}.card.is-unknown,.card.is-invalid{--state: var(--unknown)}.card.is-loading{--state: var(--accent)}.card.is-off{opacity:.5}.card-top{display:flex;align-items:center;gap:10px}.card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff0d;color:var(--ink)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted)}.card-status{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:300;letter-spacing:-.3px;color:var(--ink)}.card.is-idle .card-status,.card.is-off .card-status{font-size:11px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted-2)}.status-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--state);box-shadow:0 0 0 4px color-mix(in srgb,var(--state) 18%,transparent)}.card.is-idle .status-dot,.card.is-off .status-dot{background:transparent;box-shadow:inset 0 0 0 1px var(--muted-2)}.card.is-loading .status-dot{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--state) 6%,transparent)}}.card-body{display:flex;flex-direction:column;gap:14px;margin-top:auto}.profile{display:flex;align-items:center;gap:12px;min-width:0}.profile img,.avatar-fallback{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;background:#ffffff0f;border:1px solid var(--edge)}.avatar-fallback{display:grid;place-items:center;font-size:18px;font-weight:600;color:var(--muted)}.profile-text{min-width:0}.profile-name{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified{flex:none;color:var(--accent)}.private{flex:none;color:var(--muted)}.profile-meta{margin-top:3px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-text{font-size:13px;line-height:1.55;color:var(--muted)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-link{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);text-decoration:none}.card-link:hover{text-decoration:underline;text-underline-offset:3px}.card-time{font-size:11px;color:var(--muted-2)}.history{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;padding:18px 10px 10px;min-height:0}.history-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}.ghost{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);padding:4px 6px;border-radius:7px}.ghost:hover{color:var(--ink);background:#ffffff0d}.history-empty{padding:0 8px;font-size:12px;line-height:1.6;color:var(--muted-2)}.history-list{list-style:none;margin:0;padding:0;overflow:auto;min-height:0}.history-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 8px;border-radius:8px;text-align:left}.canvas .history-list button:not(:disabled):hover{transform:none;background:#ffffff0d}.history-handle{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-dots{display:flex;gap:4px;flex:none}.hdot{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;color:var(--muted-2);background:#ffffff0a}.hdot.is-found{color:var(--found);background:color-mix(in srgb,var(--found) 12%,transparent)}.hdot.is-missing{color:var(--missing);background:color-mix(in srgb,var(--missing) 10%,transparent)}.hdot.is-unknown,.hdot.is-invalid{color:var(--unknown)}.signature{position:fixed;z-index:300;left:var(--x);bottom:max(8px,calc(var(--bottom) / 2 - 9px));display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--muted);text-shadow:0 1px 6px rgb(0 0 0 / .8)}.signature-sep{color:var(--muted-2)}.masific{font-weight:700;letter-spacing:-.2px;color:var(--ink)}.masific-dot{display:inline-block;color:var(--accent);animation:masific-blink 1.2s steps(1,end) infinite,masific-hue 7.2s linear infinite}@keyframes masific-blink{50%{opacity:0}}@keyframes masific-hue{0%,to{color:#b4a0ed}25%{color:#7fd8f4}50%{color:#9fe3c0}75%{color:#f6a8d0}}.about{width:min(480px,calc(100vw - 32px));padding:28px;color:var(--ink);background:color-mix(in srgb,var(--surface) 88%,transparent)}.about::backdrop{background:#0304098c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--muted)}.about-close:hover{color:var(--ink);background:#ffffff0f}.about-body{display:grid;gap:12px;font-size:13px;line-height:1.65;color:var(--muted)}.about-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.about-brand h2{font-size:28px;font-weight:740;letter-spacing:-1.4px;color:var(--ink)}.about-sign{margin-top:6px;font-size:12px}@media(max-width:1180px){.canvas{--x: 92px;--history-width: 250px}}@media(max-width:760px),(max-height:560px){.canvas{--x: 16px;--top: 16px;padding:max(16px,env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom))}.composition{position:relative;inset:auto;display:flex;flex-direction:column;gap:10px}.search{padding:18px 16px 14px}.search-at,.search-field input{font-size:24px}.chip span{display:none}.chip{padding:0 10px}.results{grid-template-columns:1fr;grid-auto-rows:auto}.card{overflow:visible}.card.is-idle,.card.is-off{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 14px}.card.is-idle .card-status,.card.is-off .card-status{font-size:10px}.history{min-height:50vh}.view-check .history,.view-history .search,.view-history .results{display:none}.rail{top:auto;bottom:max(14px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;width:auto;height:60px;flex-direction:row;padding:8px}.rail-brand{margin:0 6px 0 0}.rail-history{display:grid}.rail-spacer{flex:0 0 6px}.signature{position:relative;left:auto;bottom:auto;justify-content:center;margin-top:18px}}@media(max-width:760px)and (min-width:520px){.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.masific-dot,.card.is-loading .status-dot{animation:none}.canvas button:not(:disabled):hover,.canvas button:not(:disabled):active{transform:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
