:root{--bg-color: #0055AA;--panel-bg: #0055AA;--border-color: #55FFFF;--text-main: #FFFFFF;--text-dim: #AAAAAA;--highlight-bg: #00AAAA;--highlight-text: #000000;--menu-bg: #00AAAA;--menu-text: #000000;--shadow: 10px 10px 0px rgba(0, 0, 0, .7)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:Courier New,Courier,monospace;font-size:16px;overflow:hidden;user-select:none}@media (max-width: 768px){body{overflow:auto}.app-container{height:auto;min-height:100vh;padding:6px}.main-view{flex-direction:column;gap:12px;margin-top:12px;margin-bottom:6px;overflow:visible}.main-view .panel:first-child{flex:none;height:40vh;min-height:180px}.main-view .panel:last-child{flex:none;min-height:50vh}.bottom-bar{flex-wrap:wrap;gap:4px}.fn-key{flex:none;font-size:13px;padding:4px 6px}.modal-box{min-width:unset;width:90vw;padding:20px 16px}}@media (max-width: 480px){body{font-size:13px}.app-container{padding:4px}.main-view .panel:first-child{height:35vh}.panel-content{padding:16px 6px 6px}.list-item{padding:4px}.fn-key{font-size:11px;padding:3px 4px}.fn-number{padding:0 2px;margin-right:3px}}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;padding:10px}.top-menu{display:flex;background-color:var(--menu-bg);color:var(--menu-text);padding:2px 10px;gap:20px;font-weight:700}.top-menu-item{display:flex;gap:5px}.menu-key{color:#a00}.main-view{display:flex;flex:1;min-height:0;margin-top:10px;margin-bottom:10px;gap:20px;position:relative}.panel{flex:1;background-color:var(--panel-bg);border:4px double var(--border-color);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow)}.panel-title{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--panel-bg);padding:0 10px;color:#ff5}.panel-content{flex:1;padding:20px 10px 10px;overflow-y:auto}.panel-content::-webkit-scrollbar{width:12px}.panel-content::-webkit-scrollbar-track{background:var(--panel-bg);border-left:1px solid var(--border-color)}.panel-content::-webkit-scrollbar-thumb{background:var(--border-color)}.list-item{display:flex;justify-content:space-between;padding:2px 5px;cursor:pointer}.list-item.selected{background-color:var(--highlight-bg);color:var(--highlight-text)}.content-viewer{user-select:none;line-height:1.4}.content-viewer a{user-select:text;pointer-events:auto}.content-viewer h1,.content-viewer h2,.content-viewer h3{color:#ff5;margin-top:0;margin-bottom:10px}.content-viewer p{margin-bottom:15px}.content-viewer img{max-width:100%;border:2px solid var(--border-color);display:block;margin:15px 0}.markdown-body a{color:#ff5;text-decoration:underline}.markdown-body a:visited{color:#afa}.markdown-body a:hover,.markdown-body a:active{color:#5ff;text-decoration:none}.bottom-bar{display:flex;justify-content:space-between;background-color:var(--bg-color);padding:5px 0}.fn-key{flex:1;display:flex;margin:0 2px;background-color:var(--menu-bg);color:var(--menu-text);padding:2px 5px;cursor:pointer}.fn-number{color:var(--text-main);background-color:#000;padding:0 4px;margin-right:5px}.modal-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background-color:var(--panel-bg);border:4px double var(--border-color);box-shadow:10px 10px #000c;padding:20px 40px;min-width:400px;position:relative;text-align:center}.intruder-modal-box{background:linear-gradient(180deg,#150000,#250808);border-color:#f77;box-shadow:10px 10px #000000e0}.intruder-modal-box .modal-title{background-color:#150000;color:#ffb36b}.intruder-modal-box .modal-footer{color:#ffd27a}.modal-title{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--panel-bg);padding:0 10px;color:#ff5;font-weight:700}.modal-box input{background-color:#0aa;color:#000;border:none;padding:5px 10px;font-family:Courier New,Courier,monospace;font-weight:700;font-size:16px;outline:none}.modal-footer{margin-top:20px;color:#5ff}.help-markdown p,.help-markdown ul{margin:0 0 12px}.help-markdown h1,.help-markdown h2,.help-markdown h3{color:#ff5;margin:0 0 12px}.help-markdown a{color:#fff;text-decoration:underline}.help-markdown a:visited,.help-markdown a:hover,.help-markdown a:active{color:#5ff}.intruder-markdown{color:#ffe6c7}.intruder-markdown p,.intruder-markdown ul{margin:0 0 12px}.intruder-markdown h1,.intruder-markdown h2,.intruder-markdown h3{color:#ff8b5e;margin:0 0 12px}.lock-screen{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle at top,rgba(0,255,140,.1),transparent 35%),linear-gradient(180deg,#050707,#030303 55%,#000);padding:32px;text-align:center}.lock-screen-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,140,.08) 50%,transparent 100%),repeating-linear-gradient(180deg,rgba(0,255,140,.04) 0,rgba(0,255,140,.04) 1px,transparent 1px,transparent 5px);animation:grid-scan 4s linear infinite;pointer-events:none}.lock-screen-message,.lock-screen-meta{position:relative;z-index:1}.lock-screen-message{max-width:960px;padding:36px 40px;border:1px solid rgba(0,255,140,.3);background:linear-gradient(180deg,#000000ad,#000000d6);box-shadow:0 0 30px #00ff8c14,inset 0 0 24px #00ff8c0a;color:#9dffbd;text-shadow:0 0 8px rgba(76,255,156,.35);animation:title-pulse 2.8s ease-in-out infinite;letter-spacing:.06em;text-transform:uppercase}.lock-screen-message h1,.lock-screen-message h2,.lock-screen-message h3,.lock-screen-message p{margin:0 0 18px}.lock-screen-message h1,.lock-screen-message h2,.lock-screen-message h3{color:#ff4d4d;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;letter-spacing:.16em;text-shadow:0 0 12px rgba(255,77,77,.45),0 0 30px rgba(255,77,77,.2)}.lock-screen-message p{font-size:clamp(1rem,2vw,1.35rem)}.lock-screen-meta{margin-top:16px;color:#7ce0a6;letter-spacing:.08em;text-transform:uppercase}@keyframes grid-scan{0%{transform:translateY(-4%);opacity:.5}50%{transform:translateY(4%);opacity:.95}to{transform:translateY(-4%);opacity:.5}}@keyframes title-pulse{0%{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}to{opacity:.92;transform:scale(1)}}