:root{--bg:#000;--bg1:rgba(8,8,8,.82);--bg2:#0c0c0c;--bg3:#202020;--fg:#f4f4f1;--fg2:#b6b8b1;--dim:#777b72;--dim2:#464a43;--dim3:#292b27;--accent:#27dfff;--accent-glow:rgba(39,223,255,.36);--accent-dim:rgba(39,223,255,.1);--purple:#b565ff;--purple-glow:rgba(181,101,255,.3);--purple-dim:rgba(181,101,255,.12);--green:#2dff88;--amber:#ffe600}
body{background:#000;color:var(--fg);font-family:Arial,Helvetica,sans-serif}.compute-field{position:fixed;inset:0;z-index:0}.compute-field canvas{width:100%;height:100%}#matrix{display:none!important}.app{z-index:2;background:transparent}.topbar,.header{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.17);backdrop-filter:blur(18px)}.logo{font-family:Arial,Helvetica,sans-serif;font-size:19px;letter-spacing:-.04em}.logo .lambda,.logo .zero{background:linear-gradient(90deg,#ff3158,#ff9f1c,#ffe600,#2dff88,#27dfff,#725cff,#ea3cff);background-size:220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:reader-spectrum 5s linear infinite}.nav-btn,.topbar-link,.filter-btn,.rbtn,.btn,.mode-btn,.sidebar-toggle,.header-link{font-family:Arial,Helvetica,sans-serif;border-radius:0}.nav-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.search-box{font-family:Arial,Helvetica,sans-serif;background:rgba(8,8,8,.82);border-color:rgba(255,255,255,.17);min-height:34px}.library-view{padding:clamp(18px,3vw,38px)}.library-header{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.15)}.lib-stat .val{background:linear-gradient(90deg,#ff3158,#725cff,#27dfff);-webkit-background-clip:text;background-clip:text;color:transparent}.book-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:rgba(255,255,255,.15)}.book-card{background:rgba(0,0,0,.9);border:0;min-height:190px;padding:24px}.book-card:hover{background:linear-gradient(145deg,rgba(255,49,88,.13),rgba(39,223,255,.12));transform:none}.book-glow{background:linear-gradient(90deg,#ff3158,#ffe600,#2dff88,#27dfff,#725cff)}.book-progress-fill,.reader-progress-fill,.progress-fill{background:linear-gradient(90deg,#ff3158,#ffe600,#2dff88,#27dfff,#725cff)}.reader-view,.main{background:radial-gradient(circle at center,rgba(114,92,255,.1),transparent 40%)}.word-display{border-color:rgba(255,255,255,.2)}#word{font-family:'Fira Code','Courier New',monospace}.orp-letter{color:var(--accent)!important}.panel,.modal-overlay,.debrief-overlay,.tag-modal,.text-input-overlay,.demo-modal{backdrop-filter:blur(20px)}.footer,.info-bar{background:rgba(0,0,0,.76);backdrop-filter:blur(12px)}
@keyframes reader-spectrum{to{background-position:220% 0}}
@media(max-width:850px){body{overflow:auto}.app{height:auto;min-height:100vh;display:block;padding-bottom:52px}.topbar{min-height:64px;height:auto;padding:10px 14px;gap:10px;align-items:flex-start}.topbar-left{display:block}.topbar .nav{position:fixed;z-index:30;bottom:10px;left:10px;right:10px;height:58px;background:rgba(8,8,8,.94);border:1px solid #333;backdrop-filter:blur(18px);display:flex;overflow-x:auto}.nav-btn{flex:1;padding:12px 10px;font-size:8px}.topbar-right{gap:7px;flex-wrap:wrap;justify-content:flex-end}.search-box{width:min(42vw,210px)}.clock{display:none}.view{min-height:calc(100vh - 76px)}.library-header{display:block}.library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.library-filters{overflow-x:auto;padding-bottom:5px}.book-grid{grid-template-columns:1fr}.reader-controls{flex-wrap:wrap;justify-content:center}.word-display,.orp-guide,.orp-guide-bottom,.reader-progress{width:min(92vw,480px)}#word{font-size:clamp(25px,8vw,44px)}.footer{display:none}.graph-view canvas{max-width:100%}.resurface-view,.history-view{overflow:auto}.session-row,.session-header{min-width:680px}.header{padding:10px 12px;gap:8px}.header-center{order:3;width:100%}.header-right{gap:6px}.main{min-height:calc(100vh - 130px)}.sidebar{width:min(90vw,340px)}.controls{flex-wrap:wrap;justify-content:center}.key-hints{padding:0 12px}.info-bar{font-size:8px}}
@media(max-width:520px){.library-stats{grid-template-columns:repeat(2,1fr)}.topbar-link:last-of-type{display:none}.reader-info{flex-wrap:wrap;justify-content:center}.demo-grid{grid-template-columns:1fr!important}}
.legal-mark{position:fixed;z-index:80;right:12px;bottom:7px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);pointer-events:none;background:rgba(0,0,0,.72);padding:3px 6px}