*{margin:0;padding:0;box-sizing:border-box}html,body,#root,.app{width:100%;height:100%;overflow:hidden;font-family:Lucida Console,monospace,Courier New,sans-serif;font-size:14px;background:#0a0a0a;color:#b0b0b0}.editor-badge{position:fixed;top:10px;right:14px;z-index:2000;font-size:30px;line-height:1;color:#1dff53;text-shadow:0 0 6px rgba(29,255,83,.6);font-weight:700}.page{display:block;width:100%;height:100%;overflow:auto;padding:0 20px 40px}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.lock-btn{display:block;padding:6px 20px;background:transparent;color:#aaa;border:1px solid #777;font-size:.85rem;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:2px}.lock-btn:hover{border-color:#00ff41;color:#00ff41}.puzzle{position:relative;width:100%;height:100%}.combo{position:absolute;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none;letter-spacing:2px;white-space:nowrap;padding:2px}.combo:hover{opacity:.7}.combo.used{opacity:.3;color:silver!important;pointer-events:none}.display{position:fixed;bottom:12px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);padding:8px 18px;background:#00ff410a;border:1px solid #1a3a1a;text-align:center;z-index:10}.word{font-size:1.4rem;font-weight:700;letter-spacing:3px;color:#00ff41}.placeholder{color:#1a3a1a}.content-view{margin-top:14px}.content-view h1{margin:1.5em 0 .3em}.content-view h1:before{content:"# ";font-size:.9em;color:#1b491e}.content-view h2{margin:1.2em 0 .3em}.content-view h2:before{content:"## ";font-size:.9em;color:#1b491e}.content-view p{margin:1em 0}.content-view a{color:#0c3;text-decoration:none;border-bottom:1px dashed #1a4a1a}.content-view a:hover{color:#00ff41;border-bottom-color:#00ff41}.content-view a:visited{color:#708a70;border-bottom-color:#2a3a2a}.error-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;color:#b55;padding:20px}.editor-panel,.markdown-editor-wrap{width:100%;max-width:1100px;margin:0 auto}.items-title{margin-top:18px;margin-bottom:8px;color:#7fd08f}.items-list{list-style:none;border:1px solid #1a3a1a;padding:10px;background:#0d120d}.items-list li{margin-bottom:6px;word-break:break-all;color:#8ccf9a}table.df{max-width:800px;width:100%;border-collapse:collapse;margin:16px 0}table.df th,table.df td{padding:8px 12px;text-align:left;border-bottom:1px solid #1a2a1a}table.df th{color:#0c3;font-weight:700;border-bottom-color:#2a3a2a}table.df tr:hover{background:#00ff4108}div.cd{background:#0e0e0e;border-left:3px solid #1a3a1a;padding:12px 16px;margin:12px 0;overflow-x:auto}div.cd code{color:#00ff41;font-family:Courier New,Lucida Console,monospace;font-size:.9rem}.markdown-input{width:100%;min-height:44vh;background:#0e0e0e;border:1px solid #265326;color:#c6e7c6;padding:12px;resize:vertical;margin-top:10px;font-family:inherit}.markdown-preview{width:100%;min-height:26vh;margin-top:12px;border:1px solid #1a3a1a;background:#0b100b;padding:12px;overflow:auto}.markdown-preview pre{white-space:pre-wrap}.phrase-row{margin-top:12px;display:flex;flex-direction:column;gap:8px}.phrase-input{width:100%;background:#0e0e0e;border:1px solid #265326;color:#c6e7c6;padding:10px;font-family:inherit}.pairs-hint{color:#73b783;max-height:90px;overflow:auto;border:1px dashed #1f3f1f;padding:8px;font-size:.85rem}