:root{--paper:#f3f6f8;--ink:#1c2b3a;--accent:#c8392b}
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper)}
body{font-family:"Segoe UI",Arial,sans-serif}
.preview{width:100%;height:100%;min-height:320px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fafb 0%,#edf2f5 100%)}
html[data-scene="station"] .preview{background-image:url("images/ivo-station-system-background.webp?v=20260821-people");background-position:center center;background-size:cover}
html[data-scene="station"] .preview-register,html[data-scene="station"] .preview-trace{text-shadow:0 1px 2px rgba(255,255,255,.9)}
html[data-scene="station"] .preview-trace{padding:11px 13px;background:rgba(4,7,9,.72);border-top-color:rgba(255,255,255,.24);color:rgba(255,255,255,.94);text-shadow:none}
#field{width:100%;height:100%;display:block}
.preview-register,.preview-trace{position:absolute;z-index:2;display:flex;color:#667684;font-size:9px;font-weight:600;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;pointer-events:none}
.preview-register{top:22px;right:24px;left:24px;justify-content:space-between}
.preview-register span:first-child{color:var(--accent)}
.preview-trace{right:24px;bottom:21px;left:24px;align-items:center;justify-content:space-between;border-top:1px solid rgba(28,43,58,.14);padding-top:13px}
#traceGlyph{color:var(--accent);font-family:Georgia,serif;font-size:17px;font-weight:400;letter-spacing:.08em;text-transform:none}
@media(max-width:520px){.preview-register{top:16px;right:16px;left:16px}.preview-trace{right:16px;bottom:15px;left:16px}.preview-register,.preview-trace{font-size:8px}html[data-scene="station"] .preview-trace{padding:10px 11px}}
@media(prefers-reduced-motion:reduce){#field{opacity:.94}}