
:root{--bg:#090C10;--panel:#13181F;--hi:#1B212A;--line:rgba(255,255,255,.09);--text:#F0F0F0;
--dim:#8F8F8F;--faint:#5C5C5C;--amber:#FFB500;--cyan:#3DD6FF;--green:#4DE073;
--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0 auto;max-width:760px;padding:0 16px 48px;color:var(--text);font:16px/1.45 var(--sans);background:var(--bg)}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{font:700 15px var(--mono);letter-spacing:3px;color:var(--text)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0}
.hdr{font:600 11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)}
h1{font:700 34px var(--mono);margin:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
h1 .icao{font:400 15px var(--mono);color:var(--faint)}
.name{font-weight:600;font-size:18px;margin-top:4px}.loc{font:11px var(--mono);color:var(--dim);text-transform:uppercase;margin-top:2px}
.chips{display:flex;gap:5px;flex-wrap:wrap}
.ann{display:inline-block;font:700 11px var(--mono);padding:2px 6px;border-radius:3px;border:1px solid;white-space:nowrap}
.act{color:var(--amber);border-color:rgba(255,181,0,.55);background:rgba(255,181,0,.12)}
.ifr{color:var(--cyan);border-color:rgba(61,214,255,.55);background:rgba(61,214,255,.12)}
.fyi{color:var(--dim);border-color:rgba(143,143,143,.55);background:rgba(143,143,143,.12)}
.ok{color:var(--green);border-color:rgba(77,224,115,.55);background:rgba(77,224,115,.12)}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sec{display:flex;align-items:center;gap:8px;margin:22px 0 6px}.sec::after{content:"";flex:1;height:1px;background:var(--line)}
.change{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--dim);border-radius:6px;padding:10px 12px;margin:6px 0}
.change.p-action{border-left-color:var(--amber)}.change.p-ifr{border-left-color:var(--cyan)}
.summary{font-size:15px}.meta{display:flex;gap:8px;align-items:center;margin-top:6px;font:600 9px var(--mono);letter-spacing:1px;color:var(--faint);text-transform:uppercase;flex-wrap:wrap}
.meta a{font:700 11px var(--mono);letter-spacing:0}
details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}
.more summary{font:700 11px var(--mono);color:var(--dim);margin-top:6px}
.more pre{white-space:pre-wrap;font:11px/1.5 var(--mono);color:var(--amber);background:var(--bg);border-radius:5px;padding:10px;margin:6px 0 0}
.more pre.d{color:var(--dim)}
.cycle>summary{display:flex;align-items:center;gap:8px;margin:18px 0 6px}
.cycle>summary .hdr{color:var(--text)}.cycle>summary::after{content:"";flex:1;height:1px;background:var(--line);order:2}
.cycle>summary .chips{order:3}.cycle[open]>summary .chips{display:none}
.chev{color:var(--cyan);font:700 11px var(--mono);transition:transform .15s}.cycle[open] .chev{transform:rotate(90deg)}
.none{text-align:center;color:var(--green);font:600 12px var(--mono);padding:28px 0}
.note{font-size:14px;color:rgba(240,240,240,.8);margin-top:6px}
.foot{font:10px var(--mono);color:var(--faint);margin-top:28px;text-transform:uppercase}
input{width:100%;background:var(--hi);color:var(--text);border:1px solid rgba(61,214,255,.4);border-radius:8px;padding:12px;font:600 16px var(--mono);text-transform:uppercase}
input::placeholder{color:var(--faint)}
.res a,.list a,.wrow>a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel);border-radius:6px;padding:9px 12px;margin:4px 0;color:var(--text)}
.res a:hover,.list a:hover,.wrow>a:hover{text-decoration:none;background:var(--hi)}
.rid{font:700 16px var(--mono);min-width:56px}.rname{flex:1;font-size:14px}.rsub{font:10px var(--mono);color:var(--dim)}
.big{font:700 26px var(--mono)}
.shots{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.shots img{height:420px;border-radius:14px;border:1px solid var(--line)}
.wrow{display:flex;align-items:stretch;gap:6px}.wrow>a{flex:1}
.x{background:var(--panel);color:var(--cyan);border:1px solid var(--line);border-radius:6px;min-width:44px;margin:4px 0;font:700 18px var(--mono);cursor:pointer}
.x.on{color:var(--green)}.x:hover{background:var(--hi)}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.btn.ghost{background:transparent;color:var(--cyan);border:1px solid rgba(61,214,255,.5)}
.btn{background:var(--cyan);color:var(--bg);border:0;border-radius:6px;padding:10px 14px;font:700 12px var(--mono);letter-spacing:1px;cursor:pointer}
.btn:hover{text-decoration:none;opacity:.9}
details.apt>summary .panel{margin-bottom:4px}
.ann[title]{cursor:help}
.nav{display:flex;gap:14px}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--dim);margin:10px 0 4px}
.legend>span{display:inline-flex;align-items:center;gap:6px}.legend a{font:700 11px var(--mono);margin-left:auto}
.tier{display:grid;grid-template-columns:76px 1fr;align-items:start;gap:4px 12px;margin:14px 0}.tier .ann{justify-self:start;margin-top:2px}
.tier .eg{grid-column:2;font:11px var(--mono)}.eg-act{color:var(--amber)}.eg-ifr{color:var(--cyan)}.eg-fyi{color:var(--dim)}
.guide p{font-size:15px;color:rgba(240,240,240,.85);margin:10px 0}.guide .panel{scroll-margin-top:12px}
.welcome{border-color:rgba(61,214,255,.35);padding:18px}.welcome h2{font:700 20px var(--mono);letter-spacing:2px;margin:0 0 10px}
.welcome p{margin:8px 0;color:rgba(240,240,240,.85)}.welcome .tier{margin:10px 0;font-size:14px}
.welcome .wfoot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.welcome .wfoot .btns{margin:0}
.dots{display:flex;gap:6px}.dots i{width:8px;height:6px;border-radius:3px;background:var(--faint);transition:width .15s}
.dots i.on{width:22px;background:var(--cyan)}
