:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff8e8;background:#161615;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:4px solid #58d078;outline-offset:4px}img{max-width:100%;display:block}.app{min-height:100vh;color:var(--ink);background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(circle at 18% 6%,var(--glow-one),transparent 30rem),radial-gradient(circle at 82% 4%,var(--glow-two),transparent 28rem),var(--paper);background-size:42px 42px,42px 42px,auto,auto,auto}.app[data-theme=dark]{--paper: #161615;--ink: #fff8e8;--muted: #c6bda9;--panel: #26231f;--panel-strong: #312d27;--line: #fff8e8;--grid: rgba(255, 248, 232, .06);--red: #ff5f49;--green: #58d078;--yellow: #ffd166;--blue: #7db7ff;--glow-one: rgba(255, 95, 73, .18);--glow-two: rgba(88, 208, 120, .14);--shadow: #050505;--soft-shadow: rgba(0, 0, 0, .4);--inset-light: rgba(255, 255, 255, .12)}.app[data-theme=light]{--paper: #f6eedb;--ink: #171717;--muted: #5d5649;--panel: #fff4d8;--panel-strong: #ffe7b3;--line: #171717;--grid: rgba(23, 23, 23, .08);--red: #ef4f37;--green: #178f4a;--yellow: #f0b429;--blue: #2867c7;--glow-one: rgba(239, 79, 55, .17);--glow-two: rgba(23, 143, 74, .12);--shadow: #171717;--soft-shadow: rgba(65, 47, 21, .24);--inset-light: rgba(255, 255, 255, .68)}.hero,.impact-strip,.scroll-lab,.workspace,.map-section,.operations{width:min(1200px,calc(100% - 32px));margin:0 auto}.hero{min-height:94vh;padding:20px 0 70px}.nav{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;border:3px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:8px 8px 0 var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-actions,.hero-actions,.kicker,.ticket-head,.ticket-route div,.hero-metrics,.panel-title,.post-card,.emergency-panel,.check-line,.status-actions,.reset-button,.danger-toggle{display:flex;align-items:center}.brand{min-width:0;gap:10px;color:var(--ink);text-decoration:none}.brand img{width:48px;height:48px;border:3px solid var(--line);border-radius:14px;box-shadow:inset 3px 3px 10px var(--inset-light),4px 4px 0 var(--shadow)}.brand small{display:block;color:var(--muted);font-size:.76rem}.nav-actions{gap:8px}.nav-actions a,.primary-action,.secondary-action,.icon-button,.post-form button,.danger-toggle,.status-actions button,.reset-button{min-height:44px;border:3px solid var(--line);border-radius:13px;color:var(--ink);background:var(--panel-strong);box-shadow:5px 5px 0 var(--shadow);font-weight:900;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.nav-actions a,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}.icon-button{width:46px;display:grid;place-items:center;padding:0}.nav-actions a:hover,.primary-action:hover,.secondary-action:hover,.icon-button:hover,.post-form button:hover,.danger-toggle:hover,.status-actions button:hover,.reset-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--shadow)}.hero-grid{min-height:calc(94vh - 94px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:34px;padding-top:42px}.kicker{width:fit-content;gap:8px;color:var(--green);font-size:.82rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.hero-copy h1,.section-title h2,.scroll-copy h2{margin:0;color:var(--ink);font-size:clamp(3.2rem,8.4vw,7.9rem);line-height:.9;letter-spacing:0}.hero-copy p,.scroll-copy p,.emergency-panel p,.detail-card p{color:var(--muted);line-height:1.7}.hero-copy p{max-width:750px;margin:26px 0 0;font-size:1.14rem}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:32px}.primary-action{color:#171717;background:var(--green)}.secondary-action{background:var(--panel)}.panel{border:3px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,white),var(--panel)),var(--panel);box-shadow:10px 10px 0 var(--shadow),inset 7px 7px 18px var(--inset-light),inset -8px -8px 20px var(--soft-shadow)}.dispatch-card{position:relative;min-height:550px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.dispatch-card:before{content:"";position:absolute;inset:80px auto auto -70px;width:220px;height:220px;border:3px solid var(--line);border-radius:50%;background:var(--red);box-shadow:8px 8px 0 var(--shadow)}.ticket-head{position:relative;justify-content:space-between;gap:18px}.ticket-head span{color:var(--muted);font-weight:800}.ticket-head strong{display:block;margin-top:6px;font-size:1.45rem}.ticket-head svg{color:var(--green);width:38px;height:38px}.ticket-route{position:relative;display:grid;gap:12px;padding:18px;border:3px dashed var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel-strong) 72%,transparent)}.ticket-route div{gap:10px;font-weight:900}.route-line{width:5px;height:86px;margin-left:8px;border-radius:999px;background:repeating-linear-gradient(to bottom,var(--green) 0 12px,transparent 12px 22px)}.score-stamp{position:absolute;right:26px;bottom:116px;width:132px;height:132px;display:grid;place-items:center;align-content:center;border:4px solid var(--red);border-radius:50%;color:var(--red);transform:rotate(8deg);background:var(--panel)}.score-stamp strong{font-size:3rem;line-height:.9}.hero-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-metrics span{min-height:72px;display:grid;place-items:center;gap:5px;padding:10px;text-align:center;border:3px solid var(--line);border-radius:16px;background:var(--panel-strong);font-weight:900}.impact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:40px 0}.impact-strip div{min-height:130px;display:grid;align-content:center;gap:4px;padding:18px;border:3px solid var(--line);background:var(--yellow);color:#171717;box-shadow:7px 7px 0 var(--shadow)}.impact-strip strong{font-size:3rem;line-height:1}.impact-strip span{font-weight:900}.scroll-lab{min-height:160vh;display:grid;grid-template-columns:.78fr 1fr;gap:34px;align-items:start;padding:80px 0}.scroll-copy{position:sticky;top:120px}.scroll-copy h2,.section-title h2{font-size:clamp(2.25rem,5.4vw,5.2rem);margin-top:12px}.frame-stage{position:sticky;top:96px;min-height:min(76vh,720px);display:grid;place-items:center;overflow:hidden}.frame-stage img{width:min(100%,780px);aspect-ratio:1;object-fit:contain}.frame-badge{position:absolute;right:18px;bottom:18px;padding:12px 14px;border:3px solid var(--line);border-radius:14px;background:var(--green);color:#171717;box-shadow:5px 5px 0 var(--shadow);font-weight:1000}.workspace,.map-section,.operations{padding:72px 0}.section-title{margin-bottom:24px}.workspace-grid,.map-grid,.operations{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);gap:22px;align-items:start}.post-form,.match-panel,.detail-card{padding:20px}.panel-title{gap:12px;margin-bottom:18px}.panel-title>svg{width:42px;height:42px;padding:8px;border:3px solid var(--line);border-radius:13px;color:#171717;background:var(--yellow)}.panel-title strong,.panel-title small{display:block}.panel-title small{color:var(--muted)}.post-form{display:grid;gap:13px}.post-form label{display:grid;gap:7px;color:var(--muted);font-weight:900}.post-form input,.post-form select,.post-form textarea{width:100%;min-height:46px;border:3px solid var(--line);border-radius:13px;padding:10px 12px;color:var(--ink);background:var(--panel-strong);box-shadow:inset 4px 4px color-mix(in srgb,var(--shadow) 25%,transparent),inset -4px -4px 0 var(--inset-light);font:inherit;outline:none}.post-form textarea{min-height:92px;resize:vertical}.form-row,.slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-line{grid-template-columns:auto 1fr!important;align-items:center}.toggle-line input{width:22px;min-height:22px}.form-submit{width:fit-content;padding:0 18px}.listing-column{display:grid;gap:16px}.emergency-panel{justify-content:space-between;gap:16px;padding:18px}.emergency-panel strong{display:block;margin:7px 0;font-size:1.35rem}.danger-toggle{flex:0 0 auto;gap:8px;padding:0 14px;background:var(--panel-strong)}.danger-toggle.active{color:#171717;background:var(--red)}.post-list{display:grid;gap:12px}.post-card{width:100%;gap:12px;padding:14px;color:var(--ink);text-align:left;cursor:pointer}.post-card.active{background:color-mix(in srgb,var(--green) 25%,var(--panel))}.post-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:3px solid var(--line);border-radius:13px;background:var(--red);color:#171717}.post-card span:nth-child(2){min-width:0;flex:1}.post-card strong,.post-card small{display:block}.post-card small{color:var(--muted)}.post-card b{color:#171717;background:var(--yellow);border:3px solid var(--line);border-radius:999px;padding:7px 9px}.map-panel{position:relative;min-height:560px;overflow:hidden;background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--green) 28%,transparent),transparent 18rem),radial-gradient(circle at 80% 78%,color-mix(in srgb,var(--red) 22%,transparent),transparent 18rem),linear-gradient(135deg,var(--panel-strong),var(--panel))}.map-panel:before{content:"";position:absolute;top:40px;right:40px;bottom:40px;left:40px;border:3px dashed color-mix(in srgb,var(--line) 72%,transparent);border-radius:32px}.map-panel:after{content:"";position:absolute;top:16%;right:18%;bottom:16%;left:18%;border:7px solid var(--green);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(24deg);opacity:.75}.hub-pin,.map-origin{position:absolute;z-index:2;display:grid;place-items:center;border:3px solid var(--line);box-shadow:5px 5px 0 var(--shadow)}.hub-pin{width:64px;height:64px;border-radius:18px;color:#171717;background:var(--green);transform:translate(-50%,-50%)}.hub-pin span{font-weight:1000}.map-origin{left:48%;top:46%;gap:6px;padding:12px;border-radius:16px;color:#171717;background:var(--yellow);font-weight:1000}.match-list{display:grid;gap:12px}.match-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:14px;border:3px solid var(--line);border-radius:16px;background:var(--panel-strong)}.rank{width:34px;height:34px;display:grid;place-items:center;border:3px solid var(--line);border-radius:50%;color:#171717;background:var(--green);font-weight:1000}.match-item strong,.match-item small{display:block}.match-item small,.match-item p{color:var(--muted)}.match-item p{margin:6px 0 0;line-height:1.45}.match-item b{align-self:start;color:#171717;background:var(--red);border:3px solid var(--line);border-radius:12px;padding:8px}.detail-card{display:grid;gap:12px}.check-line{gap:9px;padding:11px 12px;border:3px solid var(--line);border-radius:14px;background:var(--panel-strong);font-weight:850}.check-line svg{color:var(--green);flex:0 0 auto}.detail-card h3{margin:0;font-size:2rem}.status-actions{gap:10px;flex-wrap:wrap}.status-actions button,.reset-button{padding:0 12px}.reset-button{width:fit-content;gap:8px;background:var(--red);color:#171717}@media(max-width:980px){.hero-grid,.scroll-lab,.workspace-grid,.map-grid,.operations{grid-template-columns:1fr}.scroll-lab{min-height:auto}.scroll-copy,.frame-stage{position:static}.impact-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero,.impact-strip,.scroll-lab,.workspace,.map-section,.operations{width:min(100% - 20px,1200px)}.nav{position:static;align-items:stretch;flex-direction:column}.nav-actions,.hero-actions,.hero-metrics,.impact-strip,.form-row,.slider-grid{display:grid;grid-template-columns:1fr}.nav-actions{grid-template-columns:1fr 1fr 46px}.dispatch-card,.post-form,.map-panel,.match-panel,.detail-card{border-radius:18px}.score-stamp{position:static;width:110px;height:110px;margin-left:auto}.frame-stage{min-height:420px}.map-panel{min-height:440px}.emergency-panel{align-items:stretch;flex-direction:column}}