@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--neon-green:#0f0;--dark-bg:#050505;--panel-bg:#0a140ad9;--border-color:#0f0;--text-color:#e0ffe0;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--dark-bg);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;padding:40px 0;display:flex;position:relative;overflow-x:hidden}.cyber-select{color:var(--neon-green);border:1px solid var(--neon-green);font-family:var(--font-mono);cursor:pointer;background:#001400cc;outline:none;padding:5px 10px}.cyber-select:hover{background:#003200cc}.cyber-select option{background:var(--dark-bg)}#matrix-canvas-container{z-index:-1;opacity:.15;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-container{background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px;width:98%;max-width:1600px;padding:30px;position:relative;box-shadow:0 0 20px #0f03,inset 0 0 20px #00ff001a}.app-container:before{content:"";border:2px solid var(--neon-green);z-index:-1;opacity:.5;animation:4s infinite flicker;position:absolute;inset:-2px}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:.5}20%,24%,55%{opacity:.1}}header{text-align:center;border-bottom:1px dashed var(--neon-green);margin-bottom:20px;padding-bottom:15px}.glitch{text-transform:uppercase;text-shadow:0 0 10px var(--neon-green);color:var(--neon-green);letter-spacing:5px;font-size:2.5rem;font-weight:700;position:relative}.subtitle{color:#8f8;letter-spacing:2px;margin-top:5px;font-size:.8rem}.input-group{margin-bottom:15px}.input-group label{color:var(--neon-green);text-shadow:0 0 5px #00ff0080;margin-bottom:5px;font-size:1rem;display:block}textarea{color:#fff;width:100%;height:90px;font-family:var(--font-mono);resize:none;background:#00140099;border:1px solid #2a2;border-radius:2px;padding:10px;font-size:1.1rem;line-height:1.4;transition:all .3s}.label-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.label-row label{margin-bottom:0}.copy-btn{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:3px 6px;font-size:.75rem;transition:all .3s}.copy-btn:hover{background:#0f03;box-shadow:0 0 10px #00ff0080}.copy-btn:active{background:var(--neon-green);color:var(--bg-dark)}.action-btns{gap:8px;display:flex}.clear-btn{color:#f33;border-color:#f33}.clear-btn:hover{background:#f333;box-shadow:0 0 10px #ff333380}.clear-btn:active{color:var(--bg-dark);background:#f33}textarea:focus{border-color:var(--neon-green);background:#001e00cc;outline:none;box-shadow:0 0 15px #0f06}textarea::placeholder{color:#00ff004d}.fullscreen-backdrop{z-index:998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;display:none;position:fixed;inset:0}.fullscreen-backdrop.active{display:block}.input-group.fullscreen{z-index:999;background:var(--dark-bg);border:2px solid var(--neon-green);flex-direction:column;width:80vw;height:80vh;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #00ff004d}.input-group.fullscreen textarea{flex:1;height:auto;font-size:1.3rem}.input-group.fullscreen .btn-fullscreen{background:var(--neon-green);color:var(--bg-dark)}.controls{justify-content:space-between;gap:15px;margin-bottom:15px;display:flex}.cyber-btn,.cyber-btn-small{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:0 0;flex:1;padding:8px 15px;font-size:1rem;transition:all .3s;position:relative;overflow:hidden}.cyber-btn-small{flex:none;padding:5px 10px;font-size:.8rem}.cyber-btn:hover,.cyber-btn-small:hover{background:var(--neon-green);color:var(--dark-bg);box-shadow:0 0 15px var(--neon-green)}.cyber-btn.danger,.cyber-btn-small.danger{color:#f33;border-color:#f33}.cyber-btn.danger:hover,.cyber-btn-small.danger:hover{color:#000;background:#f33;box-shadow:0 0 15px #f33}.status-panel{color:#5f5;border-top:1px solid #1a1;align-items:center;margin-top:15px;padding-top:8px;font-size:.85rem;display:flex}.status-indicator{background-color:var(--neon-green);width:8px;height:8px;box-shadow:0 0 8px var(--neon-green);border-radius:50%;margin-right:8px;animation:1s infinite alternate blink;display:inline-block}@keyframes blink{0%{opacity:.3}to{opacity:1}}.layout-split{align-items:stretch;gap:15px;height:calc(100vh - 160px);display:flex}.notes-sidebar{border-right:1px dashed var(--neon-green);flex-direction:column;flex:1;height:100%;padding-right:15px;display:flex}.editor-box{flex-direction:column;flex:1.2;padding-right:5px;display:flex;overflow-y:auto}.editor-box::-webkit-scrollbar{width:5px}.editor-box::-webkit-scrollbar-track{background:0 0}.editor-box::-webkit-scrollbar-thumb{background:#0f03;border-radius:3px}.breakdown-box{border-left:1px dashed var(--neon-green);flex-direction:column;flex:.8;height:100%;padding-left:15px;display:flex}.dictionary-box{border-left:1px dashed var(--neon-green);flex:1.2;height:100%;padding-left:15px;overflow-y:auto}.breakdown-list{background:#000f0099;border:1px solid #1a1;border-radius:2px;flex-grow:1;padding:10px;overflow-y:auto}.breakdown-list::-webkit-scrollbar{width:5px}.breakdown-list::-webkit-scrollbar-track{background:#00140080}.breakdown-list::-webkit-scrollbar-thumb{background:var(--neon-green)}.breakdown-item{word-break:break-all;border-bottom:1px dashed #151;align-items:center;padding:5px 0;font-size:.95rem;display:flex}.breakdown-item:last-child{border-bottom:none}.bd-word{color:#fff;flex:1;padding-right:5px}.bd-code{text-align:center;color:var(--neon-green);flex:1;padding-right:5px}.bd-base{text-align:right;color:#888;flex:1;font-style:italic}.bd-error{color:#f55!important}.bd-highlight{font-weight:700;color:#ffea00!important}.bd-sensitive{text-shadow:0 0 5px #f33;font-weight:700;color:#f33!important}.dict-title{color:var(--neon-green);text-shadow:0 0 5px #00ff0080;margin-bottom:15px;font-size:1.2rem}.consonant-grid{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.cons-btn{color:#8f8;font-family:var(--font-mono);cursor:pointer;background:#00140099;border:1px solid #151;min-width:60px;padding:8px 12px;font-size:1rem;transition:all .2s}.cons-btn:hover,.cons-btn.active{background:var(--neon-green);color:var(--dark-bg);box-shadow:0 0 10px var(--neon-green);border-color:var(--neon-green)}.rhyme-matrix{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:300px;padding-right:10px;display:grid;overflow-y:auto}.rhyme-matrix::-webkit-scrollbar{width:5px}.rhyme-matrix::-webkit-scrollbar-track{background:#00140080}.rhyme-matrix::-webkit-scrollbar-thumb{background:var(--neon-green)}.matrix-placeholder{text-align:center;color:#5a5;border:1px dashed #1a1;grid-column:1/-1;padding:40px}.word-cell{text-align:center;background:#000f00cc;border:1px solid #1a1;border-radius:2px;padding:10px;transition:all .2s;position:relative}.word-cell:hover{border-color:var(--neon-green);background:#001e00}.word-cell .time-code{color:#5a5;margin-bottom:5px;font-size:.8rem}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.search-container{margin-bottom:10px}#search-note{width:100%;color:var(--neon-green);font-family:var(--font-mono);box-sizing:border-box;background:#001400cc;border:1px solid #333;margin-bottom:10px;padding:8px}#search-note:focus{border-color:var(--neon-green);outline:none;box-shadow:0 0 10px #0f03}#note-tag-input{color:#ff0;width:100%;font-family:var(--font-mono);box-sizing:border-box;background:#141400cc;border:1px solid #aa0;border-radius:2px;margin-bottom:5px;padding:10px;font-size:1.1rem}#note-tag-input:focus{border-color:#ff0;outline:none;box-shadow:0 0 15px #ff06}.tabs-container{border-bottom:1px solid #1a1;margin-bottom:10px;display:flex}.tab-btn{color:#888;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;transition:all .2s}.tab-btn.active{color:var(--neon-green);border-bottom-color:var(--neon-green)}.tab-btn:hover{color:#fff}.notes-list{flex-grow:1;overflow-y:auto}.notes-list::-webkit-scrollbar{width:4px}.notes-list::-webkit-scrollbar-track{background:0 0}.notes-list::-webkit-scrollbar-thumb{background:#1a1}.note-item{cursor:pointer;background:#000f0080;border:1px solid #1a1;margin-bottom:8px;padding:10px;transition:all .2s}.note-item:hover{border-color:var(--neon-green);background:#001e00cc}.note-item.selected{border-color:var(--neon-green);background:#003200cc;box-shadow:0 0 10px #0f03}.note-time{color:#8f8;margin-bottom:4px;font-size:.75rem}.note-preview{color:#fff;word-break:break-all;max-height:40px;font-size:1rem;overflow:hidden}.note-actions{gap:10px;margin-top:10px;display:flex}@media (width<=900px){.layout-split{flex-direction:column;gap:20px;height:auto}.notes-sidebar{border-right:none;border-bottom:1px dashed var(--neon-green);height:35vh;padding-bottom:15px;padding-right:0}.editor-box{width:100%}.breakdown-box,.dictionary-box{border-left:none;border-top:1px dashed var(--neon-green);width:100%;height:400px;padding-top:15px;padding-left:0}}