:root{--tos-black:#000;--tos-blue:#00a;--tos-green:#0a0;--tos-cyan:#0aa;--tos-red:#a00;--tos-magenta:#a0a;--tos-brown:#a50;--tos-lgray:#aaa;--tos-dgray:#555;--tos-lblue:#55f;--tos-lgreen:#5f5;--tos-lcyan:#5ff;--tos-lred:#f55;--tos-lmagenta:#f5f;--tos-yellow:#ff5;--tos-white:#fff;--bg:var(--tos-lcyan);--fg:var(--tos-black);--titlebar-bg:var(--tos-lblue);--titlebar-fg:var(--tos-white);--window-bg:var(--tos-white);--border:var(--tos-black);--border-light:var(--tos-lgray);--border-dark:var(--tos-dgray);--accent:var(--tos-yellow);--link:var(--tos-blue);--link-hover:var(--tos-lblue);--hex:var(--tos-brown);--live:var(--tos-lred);--warning:var(--tos-yellow);--urgent:var(--tos-lred);--font-mono:"VT323", "Courier New", "Lucida Console", monospace;--font-serif:"Cinzel", "Georgia", "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);min-height:100vh;font-size:17px;line-height:1.45}#app{max-width:920px;margin:0 auto;padding:1.5rem 1rem 3rem}.tos-header{text-align:center;background:var(--tos-lcyan);border:3px solid var(--border);box-shadow:inset -2px -2px 0 var(--tos-dgray), inset 2px 2px 0 var(--tos-white);margin-bottom:1.5rem;padding:1.5rem}.tos-header h1{font-family:var(--font-mono);color:var(--tos-yellow);text-shadow:2px 0 0 var(--tos-black), -2px 0 0 var(--tos-black), 0 2px 0 var(--tos-black), 0 -2px 0 var(--tos-black), 1px 1px 0 var(--tos-black), -1px -1px 0 var(--tos-black), 1px -1px 0 var(--tos-black), -1px 1px 0 var(--tos-black);letter-spacing:.08em;margin-bottom:.5rem;font-size:2.2rem}.tos-subtitle{color:var(--tos-black);max-width:600px;margin:0 auto;font-size:.95rem}.tos-subtitle a{color:var(--tos-blue);text-decoration:underline}.tos-subtitle a:hover{color:var(--tos-lblue)}.pulse-status-bar{background:var(--tos-white);border:2px solid var(--border);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;font-size:.9rem;display:flex}.live-dot{color:var(--live);font-size:1.2rem;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.countdown-bar{text-align:center;background:var(--tos-black);border:3px solid var(--tos-lgray);box-shadow:inset -2px -2px 0 var(--tos-dgray), inset 2px 2px 0 var(--tos-white);margin-bottom:1.5rem;padding:.75rem}.countdown-label{color:var(--tos-lgray);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.2rem;font-size:.8rem}.countdown-time{color:var(--tos-lgreen);font-variant-numeric:tabular-nums;text-shadow:1px 1px 0 var(--tos-black);font-size:2rem}.countdown-time.warning{color:var(--warning)}.countdown-time.urgent{color:var(--urgent);animation:.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.tos-window{border:2px solid var(--border);box-shadow:2px 2px 0 var(--tos-dgray), -1px -1px 0 var(--tos-white), inset 1px 1px 0 var(--tos-lgray);background:var(--window-bg);margin-bottom:1.5rem}.tos-titlebar{background:var(--titlebar-bg);color:var(--titlebar-fg);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:.3rem .5rem;font-size:.9rem;font-weight:700;display:flex}.tos-title{font-family:var(--font-mono);letter-spacing:.05em}.tos-close{background:var(--tos-lgray);border:2px solid var(--border);box-shadow:inset 1px 1px 0 var(--tos-white), inset -1px -1px 0 var(--tos-dgray);color:var(--tos-black);font-family:var(--font-mono);cursor:pointer;justify-content:center;align-items:center;width:1.5rem;height:1.3rem;font-size:1rem;line-height:1;display:flex}.tos-close:hover{background:var(--tos-lred);color:var(--tos-white)}.tos-close:active{box-shadow:inset -1px -1px 0 var(--tos-white), inset 1px 1px 0 var(--tos-dgray)}.tos-window-body{padding:1rem}.oracle-content{flex-direction:column;gap:1.25rem;display:flex}.oracle-section{border:2px solid var(--tos-dgray);background:var(--tos-white);padding:1rem}.passage-section{background:var(--tos-white);border:2px solid var(--tos-black)}.oracle-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--tos-dgray);border-bottom:1px solid var(--tos-dgray);margin-bottom:.75rem;padding-bottom:.3rem;font-size:.85rem}.passage-card{cursor:pointer;background:var(--tos-white);padding:1.25rem;transition:background .15s}.passage-card:hover{background:var(--tos-lcyan)}.passage-ref{font-family:var(--font-serif);color:var(--tos-blue);text-align:center;letter-spacing:.03em;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.passage-text{font-family:var(--font-serif);text-align:center;color:var(--tos-black);font-size:1.4rem;line-height:1.55}.passage-hint{text-align:center;color:var(--tos-dgray);margin-top:.75rem;font-size:.75rem;font-style:italic}.passage-context{border:2px solid var(--tos-dgray);background:var(--tos-lcyan);max-height:400px;margin-top:1rem;padding:1rem;overflow-y:auto}.context-verse{border-bottom:1px dotted var(--tos-dgray);padding:.4rem 0;font-size:.95rem}.context-verse:last-child{border-bottom:none}.target-verse{background:var(--tos-yellow);margin:0 -1rem;padding:.4rem 1rem;font-weight:700}.context-ref{color:var(--tos-blue);min-width:120px;font-weight:700;display:inline-block}.context-text{color:var(--tos-black)}.tongues-words{flex-wrap:wrap;gap:.5rem;line-height:1.8;display:flex}.tongue-word{background:var(--tos-yellow);color:var(--tos-black);border:2px solid var(--tos-black);box-shadow:2px 2px 0 var(--tos-dgray);text-transform:uppercase;padding:.2rem .5rem;font-size:1.1rem;animation:.3s ease-out backwards popIn;display:inline-block}@keyframes popIn{0%{opacity:0;transform:translateY(-4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.meta-content{font-size:.85rem}.meta-row{align-items:baseline;margin-bottom:.4rem;display:flex}.meta-label{color:var(--tos-dgray);flex-shrink:0;min-width:160px;font-weight:700}.meta-value{color:var(--tos-black);word-break:break-all;font-family:Courier New,monospace;font-size:.8rem}.meta-value.hex{color:var(--hex)}.history-content{flex-direction:column;gap:.3rem;display:flex}.history-item{border:1px solid var(--tos-dgray);background:var(--tos-white);padding:.5rem .75rem;transition:background .1s}.history-item:hover{background:var(--tos-lcyan)}.history-item.current{border-left:5px solid var(--tos-lred)}.history-item.expanded{background:var(--tos-lcyan)}.history-summary-row{align-items:stretch;gap:.5rem;display:flex}.history-summary{appearance:none;color:var(--tos-black);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:1;grid-template-columns:1rem minmax(145px,auto) minmax(135px,auto) minmax(0,1fr);align-items:baseline;gap:.75rem;padding:0;font-size:.9rem;display:grid}.history-summary:focus-visible{outline:2px solid var(--tos-blue);outline-offset:3px}.history-caret{color:var(--tos-blue);font-size:.8rem;line-height:1}.history-time{color:var(--tos-dgray);font-variant-numeric:tabular-nums;white-space:nowrap}.history-ref{color:var(--tos-blue);white-space:nowrap;font-weight:700}.history-tongues{color:var(--tos-dgray);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-style:italic;overflow:hidden}.history-link{color:var(--tos-blue);flex-shrink:0;align-items:center;padding:0 .25rem;text-decoration:none;display:flex}.history-link:hover{text-decoration:underline}.history-detail{border-top:2px solid var(--tos-dgray);background:var(--tos-white);margin-top:.75rem;padding:.75rem;font-size:.85rem;animation:.2s ease-out popIn}.history-detail-section{margin-bottom:.9rem}.history-detail-title{color:var(--tos-dgray);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem}.history-detail-title.secondary{margin-top:.75rem}.history-detail-words{flex-wrap:wrap;gap:.4rem;display:flex}.history-word{font-size:.95rem}.history-passage-card{border:2px solid var(--tos-black);background:var(--tos-white);padding:.8rem}.history-passage-card .passage-ref{font-size:1rem}.history-passage-card .passage-text{font-size:1.05rem}.history-context{background:var(--tos-lcyan);border:2px solid var(--tos-dgray);max-height:280px;padding:.75rem;overflow-y:auto}.history-detail .detail-meta{color:var(--tos-dgray);word-break:break-all;font-size:.75rem}.about-content{font-size:.9rem;line-height:1.6}.about-content p{margin-bottom:.75rem}.about-content strong{color:var(--tos-blue)}.about-content a{color:var(--tos-blue);text-decoration:underline}.about-content a:hover{color:var(--tos-lblue)}.about-content code{background:var(--tos-lcyan);border:1px solid var(--tos-dgray);font-family:var(--font-mono);padding:.05rem .25rem;font-size:.85rem}.terry-quote{border-left:4px solid var(--tos-yellow);color:var(--tos-dgray);margin:1rem 0;padding-left:1rem;font-style:italic}.quote-attrib{color:var(--tos-dgray);margin-top:.3rem;font-size:.8rem;font-style:normal;display:block}.tos-boot{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.tos-boot-text{color:var(--tos-black);font-size:1.1rem;animation:1s infinite bootBlink}.tos-boot-bar{border:2px solid var(--tos-black);background:var(--tos-white);width:200px;height:16px;box-shadow:inset 1px 1px 0 var(--tos-dgray)}.tos-boot-fill{background:var(--tos-lgreen);width:0%;height:100%;animation:2s ease-in-out infinite bootFill}@keyframes bootFill{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes bootBlink{0%,to{opacity:1}50%{opacity:.5}}.new-pulse-flash{text-align:center;background:var(--tos-lgreen);color:var(--tos-black);border:2px solid var(--tos-black);margin-bottom:1rem;padding:.6rem;font-size:.95rem;font-weight:700;animation:.4s ease-out flashSlide,2.5s ease-in forwards flashFade}@keyframes flashSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes flashFade{0%,70%{opacity:1}to{opacity:0}}.tos-error{text-align:center;color:var(--tos-white);background:var(--tos-red);border:3px solid var(--tos-black);margin:1rem 0;padding:2rem;font-size:1rem}.hex{color:var(--hex);font-family:Courier New,monospace;font-size:.8rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--tos-lgray);border-left:1px solid var(--tos-dgray)}::-webkit-scrollbar-thumb{background:var(--tos-dgray);border:2px solid var(--tos-lgray);box-shadow:inset 1px 1px 0 var(--tos-white)}::-webkit-scrollbar-thumb:hover{background:var(--tos-blue)}@media (width<=640px){#app{padding:.75rem}.tos-header h1{font-size:1.5rem}.history-summary-row{align-items:flex-start}.history-summary{grid-template-columns:1rem minmax(0,1fr);gap:.2rem .45rem}.history-time,.history-ref,.history-tongues{white-space:normal;grid-column:2}.meta-row{flex-direction:column;gap:.1rem}.passage-text{font-size:1.15rem}.tongue-word{font-size:.95rem}}