:root{--bar-h:70px;--bar-h-dyn:var(--bar-h);--petrol1:#3a5a6b;--petrol2:#2a4452;--accent:#9cc5d3}html,body{margin:0;height:100%;font-family:Arial,sans-serif;background:#f4f7f9;color:#0f1a20}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:8px;top:8px;width:auto;height:auto;padding:10px 14px;background:#fff;color:#0f1a20;border-radius:8px;box-shadow:0 6px 14px rgba(0,0,0,.18);z-index:1002;text-decoration:none;font-weight:700}.sr-only{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.topbar{position:fixed;inset:0 0 auto 0;background:linear-gradient(90deg,var(--petrol1),var(--petrol2));display:flex;align-items:center;justify-content:center;padding:calc(max(0px,env(safe-area-inset-top))) 8px 0 8px;gap:8px;z-index:1000;box-shadow:0 6px 14px rgba(0,0,0,.18);overflow-x:auto;height:var(--bar-h);transform:translateY(-100%);opacity:0;animation:slideDownFade .5s ease-out forwards}@keyframes slideDownFade{to{transform:translateY(0);opacity:1}}.actions{display:flex;gap:8px;align-items:center}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;border-radius:8px;text-decoration:none;transition:all .25s ease;max-width:100%;box-sizing:border-box;min-width:0;white-space:nowrap;min-height:44px}.btn-primary:focus-visible,.btn-ghost:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-primary{color:#0f1a20;border:1px solid var(--accent);background:linear-gradient(180deg,#e6f3f7,#cfe6ee);box-shadow:0 6px 14px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.6)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.8);background:linear-gradient(180deg,#f2fbfe,#d8edf4)}.btn-ghost{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);backdrop-filter:saturate(130%) blur(2px)}.btn-ghost:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}.btn-ghost:hover .icon{transform:scale(1.12)}.btn-primary:active,.btn-ghost:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 10px rgba(0,0,0,.2) inset}.icon{width:18px;height:18px;display:inline-block;transition:transform .25s ease;flex-shrink:0}.viewer{position:relative;padding-top:var(--bar-h-dyn);height:calc(var(--vh,1vh) * 100);box-sizing:border-box}.viewer iframe{border:none;width:100%;height:calc(var(--vh,1vh) * 100 - var(--bar-h-dyn));display:block}.loader{position:absolute;inset:var(--bar-h-dyn) 0 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(42,68,82,.85),rgba(58,90,107,.85));color:#e8f3f7;text-align:center;padding:20px;z-index:100;transition:opacity .2s ease,visibility .2s ease}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader a{color:#e8f3f7;font-weight:700;text-decoration:underline}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#0f1a20;color:#e8f3f7;padding:10px 14px;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.28);font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1001}.toast.show{opacity:1;transform:translateX(-50%) translateY(-2px)}
.print-only{display:none}
@media (max-width:1200px){.topbar{height:auto;padding:calc(max(0px,env(safe-area-inset-top))) 6px 6px 6px}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.btn-primary,.btn-ghost{width:100%;font-size:12px;padding:8px 4px;gap:4px;justify-content:center;white-space:normal;text-align:center;min-height:42px;margin:0}.btn-ghost{backdrop-filter:none}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.btn-ghost{backdrop-filter:none}}@media (prefers-color-scheme:dark){html,body{background:#0f171b;color:#d6e4ea}.topbar{background:linear-gradient(90deg,#20313a,#16232a);box-shadow:0 6px 14px rgba(0,0,0,.6)}.btn-primary{color:#0b1418;border-color:#86b8c8;background:linear-gradient(180deg,#d7eaf1,#b9d7e3)}.btn-primary:focus-visible,.btn-ghost:focus-visible{outline-color:#86b8c8}.btn-ghost{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28)}.btn-ghost:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}.toast{background:#0b1418;color:#d6e4ea}.loader{background:linear-gradient(180deg,rgba(22,35,42,.88),rgba(32,49,58,.88))}}@media (prefers-reduced-motion:reduce){.topbar{animation:none!important;transform:none!important;opacity:1!important}.btn-primary,.btn-ghost,.icon,.toast{transition:none!important}.spinner{animation:none!important}}
@media print{.topbar,.loader,.toast,.skip-link,.viewer{display:none!important}.print-only{display:block!important;font-family:sans-serif;color:#000;padding:20px;border:1px solid #ccc}}