:root{
  color-scheme:light;
  --safe-l:max(16px,env(safe-area-inset-left));--safe-r:max(16px,env(safe-area-inset-right));
  --safe-t:max(8px,env(safe-area-inset-top));--safe-b:max(8px,env(safe-area-inset-bottom));
  --frame-bg:#eef1f5;--chrome:rgba(250,251,252,.96);--panel:#f7f8fa;
  --text:#1b1f27;--muted:#697386;--line:#d9dee7;--line-strong:#c7ced9;
  --epub-accent:#7655c7;--epub-accent-soft:#f0ebfc;--active-text:#5537a0;--frame-accent:var(--epub-accent);--frame-accent-soft:var(--epub-accent-soft);--frame-active-text:var(--active-text);
  --overlay:rgba(26,32,42,.28);--shadow:0 10px 28px rgba(28,38,58,.16);
  --panel-shadow:0 24px 70px rgba(10,18,30,.25);--control:42px;--compact-control:38px;
}
html[data-theme="dark"]{
  color-scheme:dark;--frame-bg:#171a20;--chrome:rgba(31,35,43,.96);--panel:#222730;
  --text:#f2f4f8;--muted:#a7afbd;--line:#383f4b;--line-strong:#4c5564;
  --epub-accent-soft:#352b51;--active-text:#ddd1ff;--overlay:rgba(2,5,10,.44);
  --shadow:0 12px 30px rgba(0,0,0,.42);--panel-shadow:0 24px 70px rgba(0,0,0,.46)
}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--frame-bg);color:var(--text);-webkit-text-size-adjust:100%}
button,input,select{font:inherit;color:inherit}button{touch-action:manipulation}[hidden]{display:none!important}
@media(pointer:fine){:root{--control:36px;--compact-control:32px}}