*{box-sizing:border-box}
body{margin:0;background:#0b1020;color:#eaf6fa;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
header{min-height:64px;padding:8px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #2b3c57}
a{color:inherit;text-decoration:none;font-weight:700;font-size:13px}.home-link{white-space:nowrap}.home-link span{color:#64ffe3}
nav{display:flex;align-items:center;gap:17px}button{background:#64ffe3;color:#091321;border:0;padding:10px 13px;font-size:12px;font-weight:700;cursor:pointer;min-height:42px}
.theme-picker{display:flex;align-items:center;gap:12px}.theme-picker label{font-size:12px;font-weight:700;color:#a9b6ca}
.theme-picker select{min-height:42px;min-width:195px;border:1px solid #4e6c7b;border-radius:4px;padding:8px 32px 8px 12px;background:#14233a;color:#eaf6fa;font:700 14px system-ui;cursor:pointer;color-scheme:dark}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #ff94dc;outline-offset:3px}
.preview-note{margin:0;padding:8px 12px;color:#b5c7dc;background:#10192a;font-size:11px;line-height:1.5;text-align:center;flex-shrink:0}.switch-note{color:#8394ad;margin-left:7px}
iframe{display:block;border:0;width:100%;background:#0b1020}#status{position:fixed;bottom:12px;left:12px;background:#101a2e;padding:10px;font-size:12px}#status:empty{display:none}
@media(max-width:660px){header{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:8px 12px}.theme-picker{grid-row:2;grid-column:1/-1;gap:12px}.theme-picker select{flex:1;min-width:0}nav{gap:12px}nav a{font-size:11px}.direct{display:none}.preview-note{font-size:10px;padding:6px 12px}.switch-note{display:block;margin-left:0}}
@media(max-height:450px) and (orientation:landscape){header{min-height:48px;padding:3px 12px;display:flex;gap:10px}.theme-picker{gap:7px}.theme-picker select{min-width:145px;max-width:200px;min-height:38px;font-size:12px}.theme-picker label{font-size:11px}nav{gap:12px}.preview-note{display:none}}