*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--secondary-color: #667eea;--accent-color: #e74c3c;--success-color: #27ae60;--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--text-color: #333;--text-light: #666;--border-color: #e0e0e0;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-color);line-height:1.6;min-height:100vh;padding:20px}.prosign{text-decoration:overline}.container{max-width:1200px;margin:0 auto;padding:20px}.menu-header{text-align:center;color:#fff;margin-bottom:40px}.menu-header h1{font-size:2.5rem;margin-bottom:10px}.menu-header .subtitle{font-size:1.1rem;opacity:.9}.menu-main{margin-bottom:40px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.menu-item{background:#fff;border-radius:12px;padding:30px;box-shadow:var(--shadow);cursor:pointer;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.menu-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.menu-icon{font-size:3rem;margin-bottom:15px}.menu-item-title{font-size:1.3rem;color:var(--primary-color);margin-bottom:10px}.menu-item-description{font-size:.95rem;color:var(--text-light);line-height:1.5}.menu-footer{text-align:center;color:#fff;opacity:.8;font-size:.9rem}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--bg-gradient-end) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d}.btn-large{padding:12px 24px;font-size:1.1rem}.header{display:flex;align-items:center;gap:20px;margin-bottom:30px;color:#fff}.header h1{font-size:2rem;flex:1}.back-btn{background:#fff3;border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.back-btn:hover{background:#ffffff4d}.settings-btn{background:#fff3;border:none;color:#fff;padding:10px;border-radius:50%;cursor:pointer;font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:all .3s}.settings-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.practice-container{background:#fff;border-radius:8px;padding:30px;box-shadow:var(--shadow);margin-bottom:20px}.display-area{margin-bottom:30px}.display-section{margin-bottom:20px}.display-section h3{font-size:1.1rem;color:var(--primary-color);margin-bottom:10px}.display-output{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:4px;padding:15px;min-height:60px;font-family:Courier New,monospace;font-size:1.2rem;color:var(--text-color);word-wrap:break-word}.display-output.morse-buffer{letter-spacing:2px;font-size:1.3rem}.status-area{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;margin-top:30px;border-radius:4px;margin-bottom:20px}.status-item{display:flex;flex-direction:column;align-items:center}.status-item .label{font-size:.85rem;color:#7f8c8d;margin-bottom:5px}.status-item .value{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.status-item.active .value{color:var(--success-color)}.settings-panel{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:4px;padding:20px;margin-bottom:20px}.settings-panel h3{font-size:1.1rem;color:var(--primary-color);margin-bottom:15px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.setting-row:last-child{margin-bottom:0}.setting-row label{font-size:.95rem;color:var(--text-color)}.setting-row input[type=number],.setting-row input[type=range]{width:150px}.setting-row input[type=range]{width:200px}.setting-row .value-display{font-weight:700;min-width:50px;text-align:right;color:var(--secondary-color)}.action-area{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-large{padding:15px 30px;font-size:1.1rem}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#229954}.btn-danger{background-color:var(--accent-color);color:#fff}.btn-danger:hover{background-color:#c0392b}.key-button-container{display:flex;justify-content:center;margin:30px 0;gap:20px}.key-button{width:200px;height:200px;border-radius:50%;border:4px solid var(--secondary-color);background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .1s ease;box-shadow:0 4px 15px #3498db4d;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.key-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.key-button:active,.key-button.pressed{transform:translateY(2px);background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 2px 8px #3498db66}.key-button .key-label{display:block;margin-top:10px;font-size:.9rem;opacity:.9}.paddle-container{display:flex;justify-content:center;gap:30px;margin:30px 0}.paddle-button{width:150px;height:150px;border-radius:50%;border:4px solid var(--secondary-color);color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .1s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.paddle-button.dit{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d}.paddle-button.dah{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.paddle-button:hover{transform:translateY(-2px)}.paddle-button.dit:hover{box-shadow:0 6px 20px #27ae6066}.paddle-button.dah:hover{box-shadow:0 6px 20px #e74c3c66}.paddle-button:active,.paddle-button.pressed{transform:translateY(2px)}.paddle-button.dit:active,.paddle-button.dit.pressed{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 2px 8px #27ae6066}.paddle-button.dah:active,.paddle-button.dah.pressed{background:linear-gradient(135deg,#c0392b,#922b21);box-shadow:0 2px 8px #e74c3c66}.paddle-button .paddle-label{font-size:.75rem;margin-top:8px;opacity:.9}.paddle-button .paddle-key{font-size:.7rem;opacity:.7;margin-top:4px}.instructions{background-color:#e8f4f8;border-left:4px solid var(--secondary-color);padding:15px;margin-bottom:20px;border-radius:4px}.instructions h3{font-size:1.1rem;color:var(--secondary-color);margin-bottom:10px}.instructions ul{margin-left:20px;color:var(--text-color)}.instructions li{margin-bottom:5px}@media(max-width:768px){.menu-header h1{font-size:2rem}.menu-grid{grid-template-columns:1fr}.menu-item{padding:20px}.menu-item-title{font-size:1.3rem}.practice-container{padding:20px}.status-area{flex-direction:column;gap:15px}.setting-row{flex-direction:column;align-items:flex-start;gap:10px}.setting-row input[type=number],.setting-row input[type=range]{width:100%}.action-area{flex-direction:column}.btn-large{width:100%}.key-button{width:150px;height:150px;font-size:1.2rem}.key-button .key-label{font-size:.8rem}}.flashcard-container{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.filter-section{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.filter-section h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:20px}.filter-group{margin-bottom:20px}.filter-group label{display:block;font-weight:700;margin-bottom:10px;color:var(--text-color)}.tag-filter,.frequency-filter{display:flex;flex-wrap:wrap;gap:10px}.tag-checkbox,.frequency-checkbox{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:background-color .2s}.tag-checkbox:hover,.frequency-checkbox:hover{background-color:#e9ecef}.tag-checkbox input:checked~span,.frequency-checkbox input:checked~span{font-weight:700;color:var(--secondary-color)}.search-input{width:100%;padding:10px;font-size:1rem;border:1px solid var(--border-color);border-radius:4px}.filter-stats{display:flex;gap:20px;margin-top:15px;padding:10px;background-color:#f8f9fa;border-radius:4px}.filter-stats span{font-size:.95rem;color:var(--text-color)}.filter-stats strong{color:var(--secondary-color);font-size:1.1rem}.exam-setup-section{margin-bottom:20px}.exam-setup-section h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:20px}.exam-container{background:#fff;border-radius:8px;padding:30px;box-shadow:var(--shadow)}.exam-progress{text-align:center;margin-bottom:30px;padding:15px;background-color:#f8f9fa;border-radius:4px;font-size:1.1rem}.exam-progress strong{color:var(--secondary-color);font-size:1.3rem}.question-area{text-align:center;margin-bottom:30px;padding:30px;background-color:#f8f9fa;border-radius:8px;min-height:120px;display:flex;align-items:center;justify-content:center}.question{font-size:1.2rem;line-height:1.6;color:var(--text-color)}.question-text{font-size:1.8rem;color:var(--secondary-color);display:block;margin-top:10px}.choices-area{display:grid;grid-template-columns:1fr;gap:15px}.choice-btn{padding:20px;background-color:#fff;border:2px solid var(--border-color);border-radius:8px;font-size:1.1rem;text-align:left;cursor:pointer;transition:all .2s}.choice-btn:hover{background-color:#f8f9fa;border-color:var(--secondary-color);transform:translate(5px)}.result-container{background:#fff;border-radius:8px;padding:30px;box-shadow:var(--shadow)}.score-area{text-align:center;padding:40px;border-radius:8px;margin-bottom:30px}.score-area.passed{background-color:#d4edda;border:2px solid var(--success-color)}.score-area.failed{background-color:#f8d7da;border:2px solid var(--accent-color)}.score-area h2{font-size:2rem;margin-bottom:20px}.score-area.passed h2{color:var(--success-color)}.score-area.failed h2{color:var(--accent-color)}.score-display{display:flex;flex-direction:column;align-items:center;gap:10px}.score-percentage{font-size:3rem;font-weight:700;color:var(--primary-color)}.score-detail{font-size:1.2rem;color:#7f8c8d}.wrong-answers-section{margin-bottom:30px}.wrong-answers-section h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:15px}.wrong-answers-list{display:flex;flex-direction:column;gap:15px}.wrong-answer-item{padding:20px;background-color:#f8f9fa;border-left:4px solid var(--accent-color);border-radius:4px}.wrong-answer-question{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.wrong-answer-question strong{font-size:1.3rem;color:var(--primary-color)}.wrong-answer-question span{font-size:1rem;color:#7f8c8d}.wrong-answer-detail{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px;padding:10px;background-color:#fff;border-radius:4px}.wrong-label,.correct-label{font-weight:700;color:#7f8c8d;font-size:.9rem}.wrong-user-answer{color:var(--accent-color);font-size:1rem}.correct-answer{color:var(--success-color);font-weight:700;font-size:1rem}.wrong-answer-description{font-size:.95rem;color:#7f8c8d;line-height:1.6;padding:10px;background-color:#fff;border-radius:4px}.perfect-score{text-align:center;padding:40px;background-color:#d4edda;border-radius:8px;margin-bottom:30px}.perfect-score p{font-size:1.5rem;color:var(--success-color);font-weight:700}.loading-container,.error-container{text-align:center;padding:60px 20px}.loading-container p,.error-container p{font-size:1.2rem;color:var(--text-color);margin-bottom:10px}.error-container{color:var(--accent-color)}@media(max-width:768px){.flashcard-container,.exam-container,.result-container{padding:20px}.tag-filter,.frequency-filter{flex-direction:column}.question-text{font-size:1.4rem}.choice-btn{padding:15px;font-size:1rem}.score-percentage{font-size:2.5rem}.wrong-answer-detail{grid-template-columns:1fr}}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{padding:12px 24px;background:#fff3;border:none;border-radius:8px 8px 0 0;font-size:1rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.tab-button:hover{background:#ffffff4d}.tab-button.active{background:#fff;color:var(--primary-color);font-weight:700}.entries-section{margin-top:20px}.entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.entries-header h3{font-size:1.2rem;color:var(--primary-color);margin:0}.toggle-display-btn{padding:8px 16px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background-color .2s}.toggle-display-btn:hover{background-color:#2980b9}.entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.entry-card{background:#f9f9f9;border-radius:8px;padding:15px;cursor:pointer;transition:transform .2s,box-shadow .2s}.entry-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.entry-card.playing{background:linear-gradient(135deg,#ffe0e0,#ffd0d0);box-shadow:0 4px 12px #f443364d;animation:cardPulse 1s infinite}@keyframes cardPulse{0%,to{opacity:1}50%{opacity:.85}}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.entry-abbr{font-size:1.5rem;font-weight:700;color:var(--secondary-color);font-family:Courier New,monospace}.entry-frequency{color:#f39c12;font-size:.9rem}.entry-english{font-size:1rem;color:var(--text-color);margin-bottom:5px;font-weight:500}.entry-japanese{font-size:.95rem;color:#7f8c8d;margin-bottom:10px}.entry-description{font-size:.9rem;color:#7f8c8d;line-height:1.5;margin-bottom:8px;padding:8px;background-color:#f8f9fa;border-radius:4px}.entry-example{font-size:.85rem;color:#95a5a6;font-style:italic;margin-bottom:8px}.entry-tags{font-size:.85rem;color:var(--secondary-color);font-weight:500}.list-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;background:#fff}.list-table{width:100%;border-collapse:collapse;font-size:.95rem}.list-table thead{background-color:#f8f9fa;border-bottom:2px solid var(--border-color)}.list-table th{padding:12px;text-align:left;font-weight:700;color:var(--primary-color);white-space:nowrap}.list-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.list-table th.sortable:hover{background-color:#e9ecef}.list-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.list-table tbody tr:hover{background-color:#f8f9fa}.list-table tbody tr:last-child{border-bottom:none}.list-table td{padding:12px;vertical-align:top}.list-abbr{font-family:Courier New,monospace}.abbr-play-btn{background:none;border:none;color:var(--secondary-color);font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.abbr-play-btn:hover{background-color:#e9ecef;transform:scale(1.05)}.abbr-play-btn.playing{background-color:#d4edda;color:var(--success-color)}.prosign{text-decoration:overline;font-weight:700}.coming-soon{text-align:center;padding:80px 20px;background-color:#f8f9fa;border-radius:8px;margin:20px 0}.coming-soon h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:15px}.coming-soon p{font-size:1.1rem;color:#7f8c8d;line-height:1.6}@media(max-width:768px){.tabs{gap:5px;overflow-x:auto}.tab-button{padding:10px 16px;font-size:.9rem;white-space:nowrap}.entries-header{flex-direction:column;gap:10px;align-items:flex-start}.toggle-display-btn{width:100%}.entries-grid{grid-template-columns:1fr}.list-table{font-size:.85rem}.list-table th,.list-table td{padding:8px;font-size:.85rem}}.learn-setup-section{margin-top:20px;padding-top:20px}.learn-setup-section h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:20px}.mode-buttons{display:flex;flex-wrap:wrap;gap:10px}.mode-btn{padding:12px 20px;background-color:#fff;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;font-size:1rem;color:var(--text-color)}.mode-btn:hover{border-color:var(--secondary-color);background-color:#f8f9fa}.mode-btn.active{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color);font-weight:700}.question-type-buttons,.question-count-buttons{display:flex;flex-wrap:wrap;gap:10px}.question-type-btn,.question-count-btn{padding:10px 16px;background-color:#fff;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--text-color)}.question-type-btn:hover,.question-count-btn:hover{border-color:var(--secondary-color);background-color:#f8f9fa}.question-type-btn.active,.question-count-btn.active{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color);font-weight:700}.learning-view{max-width:800px;margin:0 auto;padding:20px}.learning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.progress-indicator{font-size:1.2rem;font-weight:700;color:var(--secondary-color)}.card-container{perspective:1000px;margin-bottom:30px;min-height:400px;display:flex;align-items:center;justify-content:center}.flashcard{position:relative;width:100%;min-height:400px;transition:transform .6s;transform-style:preserve-3d;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;min-height:400px;backface-visibility:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-back{transform:rotateY(180deg)}.card-label{font-size:1.1rem;color:#7f8c8d;margin-bottom:20px;font-weight:500}.card-content-abbr{font-size:3rem;font-weight:700;color:var(--secondary-color);font-family:Courier New,monospace;margin:20px 0}.card-content-text{font-size:1.5rem;color:var(--text-color);margin:10px 0;line-height:1.6}.card-description{font-size:1rem;color:#7f8c8d;line-height:1.6;margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:6px;width:100%}.card-example{font-size:.95rem;color:#95a5a6;font-style:italic;margin-top:10px}.card-tags{font-size:.9rem;color:var(--secondary-color);margin-top:15px;font-weight:500}.card-controls{display:flex;justify-content:center;margin-bottom:20px}.control-button{padding:15px 40px;font-size:1.1rem;background-color:var(--secondary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:700}.control-button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.play-morse-btn{padding:20px 40px;font-size:1.3rem;background-color:var(--success-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:20px}.play-morse-btn:hover{background-color:#229954;transform:scale(1.05)}.judgment-controls{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.judgment-button{padding:15px 40px;font-size:1.1rem;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:700}.judgment-button.unknown{background-color:#fff;border-color:var(--accent-color);color:var(--accent-color)}.judgment-button.unknown:hover{background-color:var(--accent-color);color:#fff}.judgment-button.unknown.active{background-color:var(--accent-color);color:#fff;box-shadow:0 0 0 3px #e74c3c4d}.judgment-button.known{background-color:#fff;border-color:var(--success-color);color:var(--success-color)}.judgment-button.known:hover{background-color:var(--success-color);color:#fff}.judgment-button.known.active{background-color:var(--success-color);color:#fff;box-shadow:0 0 0 3px #27ae604d}.navigation-controls{display:flex;justify-content:center;gap:20px}.nav-button{padding:12px 30px;font-size:1rem;background-color:#fff;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-color)}.nav-button:hover:not(:disabled){border-color:var(--secondary-color);background-color:#f8f9fa}.nav-button:disabled{opacity:.4;cursor:not-allowed}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.settings-modal.active{display:flex}.settings-content{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.settings-content h2{margin-bottom:20px;color:#333}.settings-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.settings-modal .setting-item{display:grid;grid-template-columns:150px 1fr auto auto;gap:15px;align-items:center}.settings-modal .setting-item label{font-weight:600;color:#555}.settings-modal .setting-item input[type=range]{width:100%}.settings-modal .setting-item input[type=number]{width:80px;padding:8px;border:2px solid #e0e0e0;border-radius:8px;text-align:center}.settings-modal .setting-item input[type=number]:only-of-type{width:100%;text-align:left}.setting-row{display:flex;align-items:center;gap:10px;width:100%}.setting-row input[type=range]{flex:1;min-width:0;width:auto}.setting-row input[type=number]{width:70px;padding:8px;border:2px solid #e0e0e0;border-radius:8px;text-align:center}.setting-row span{color:#666;font-size:.9rem}.setting-item>input[type=range]{width:100%}.setting-item>input[type=number]{width:100%;padding:8px;border:2px solid #e0e0e0;border-radius:8px;text-align:left}.setting-item input[type=number]:focus{outline:none;border-color:var(--primary-color)}.setting-item input[type=text]{width:100%;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem}.setting-item input[type=text]:focus{outline:none;border-color:var(--primary-color)}.setting-item input[type=text].waiting-key{border-color:#ff9800;background-color:#fff3e0}.setting-item select{width:100%;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;cursor:pointer;font-size:.9rem}.setting-item select:focus{outline:none;border-color:var(--primary-color)}.key-hint{font-size:.8rem;color:#999}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.settings-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.settings-content::-webkit-scrollbar-thumb:hover{background:#555}.settings-buttons{display:flex;justify-content:center;gap:15px;margin-top:10px}.instructions{background:#ffffff1a;border-radius:12px;padding:20px;color:#fff;margin-top:30px}.instructions h3{margin-bottom:15px;font-size:1.2rem}.instructions ul{list-style:none;padding:0}.instructions li{margin-bottom:10px;padding-left:20px;position:relative}.instructions li:before{content:"•";position:absolute;left:0}@media(max-width:768px){.learning-view{padding:10px}.learning-header{flex-direction:column;gap:10px;align-items:flex-start}.card-container,.flashcard{min-height:300px}.card-front,.card-back{min-height:300px;padding:20px}.card-content-abbr{font-size:2rem}.card-content-text{font-size:1.2rem}.control-button,.play-morse-btn{padding:12px 20px;font-size:1rem}.judgment-controls{flex-direction:column;gap:10px}.judgment-button{width:100%;padding:12px 20px;font-size:1rem}.navigation-controls{flex-direction:column;gap:10px}.nav-button{width:100%}.mode-buttons,.question-type-buttons,.question-count-buttons{flex-direction:column}.mode-btn,.question-type-btn,.question-count-btn{width:100%}}.lesson-info{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.lesson-info h2{color:#667eea;margin-bottom:10px}.chars{font-family:Courier New,monospace;font-size:1.2rem;color:#333;margin-bottom:20px}.practice-area{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px}.progress-section{margin-bottom:20px}.progress-bar-container{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{font-size:1rem;color:#667eea;text-align:center}.playback-controls{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.control-btn{width:50px;height:50px;border-radius:50%;border:2px solid #667eea;background:#fff;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.control-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.1)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.input-area{width:100%;min-height:120px;padding:15px;border:2px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:1.1rem;margin-bottom:15px;resize:vertical}.input-area:focus{outline:none;border-color:#667eea}.result{background:#fff;border-radius:12px;padding:30px;text-align:center}.result h2{font-size:2rem;margin-bottom:20px}.result.passed h2{color:#4caf50}.result.failed h2{color:#f44336}.accuracy{font-size:1.5rem;color:#667eea;margin-bottom:20px}.comparison{background:#f9f9f9;border-radius:8px;padding:15px;margin-bottom:20px;text-align:left}.comparison div{font-family:Courier New,monospace;margin-bottom:10px}.actions{display:flex;gap:10px;justify-content:center}.lesson-list-section{background:#fff;border-radius:12px;padding:20px;color:#000;margin-top:20px}.lesson-list-section h3{margin-bottom:15px;color:#667eea}.lesson-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.lesson-item{background:#f9f9f9;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:5px;transition:all .3s;border:2px solid transparent;cursor:pointer}.lesson-item:hover{background:#f0f0f0;transform:translateY(-2px)}.lesson-item.current{background:#e8ebff;border-color:#667eea;box-shadow:0 0 10px #667eea4d}.lesson-item.passed{opacity:.6}.lesson-num{font-weight:600;font-size:.9rem;color:#667eea}.lesson-chars{font-family:Courier New,monospace;font-size:.85rem;color:#000;word-wrap:break-word}.settings-icon{position:fixed;top:20px;right:20px;width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:100}.settings-icon:hover{background:#ffffff4d;transform:rotate(45deg)}.settings-icon svg{width:24px;height:24px;fill:#fff}.container .settings-icon{width:40px;height:40px;background:#667eea;box-shadow:0 2px 8px #0003;z-index:999}.container .settings-icon:hover{background:#5568d3;transform:scale(1.1)}.container .header .back-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.container .header .back-btn:hover{background:#5568d3}.container .btn{padding:10px 20px;border:1px solid #667eea;background:#fff;color:#667eea;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s}.container .btn:hover{background:#f0f0f0}.container .btn.primary,.container .btn.btn-primary{background:#667eea;color:#fff;border-color:#667eea}.container .btn.primary:hover,.container .btn.btn-primary:hover{background:#5568d3}.container .tabs{border-bottom:2px solid rgba(255,255,255,.3)}.container .tab-button{background:#ffffff1a;color:#fff;border-bottom:3px solid transparent}.container .tab-button:hover{background:#fff3}.container .tab-button.active{background:#fff;color:#667eea;border-bottom-color:#667eea}.container .template-card{background:#fff;border:1px solid #e0e0e0}.container .template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.container .delete-btn{border-color:#dc3545;color:#dc3545}.container .delete-btn:hover{background:#dc3545;color:#fff}.container .practice-area{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.keyboard{margin:20px 0;background:#f9f9f9;border-radius:8px;padding:15px}.keyboard-header{text-align:center;margin-bottom:15px;color:#666}.keyboard-groups-wrapper{overflow-x:auto;margin-bottom:15px}.keyboard-groups{display:flex;flex-direction:row;gap:4px;min-width:min-content}.keyboard-group{background:#fff;border-radius:6px;padding:3px;flex-shrink:0}.group-label{text-align:center;font-size:.75rem;color:#667eea;font-weight:600;margin-bottom:4px}.group-keys{display:flex;flex-direction:column;gap:3px}.key-btn{background:#667eea;color:#fff;border:none;border-radius:4px;padding:9px 16px;font-size:1.7rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Courier New,monospace;min-width:60px}.key-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.key-btn:active:not(:disabled){transform:translateY(0)}.key-btn.disabled{background:#ddd;color:#999;cursor:not-allowed;opacity:.5}.key-btn.special{background:#764ba2}.key-btn.special:hover{background:#663d8f}.keyboard-controls{display:flex;gap:10px;justify-content:center}.keyboard-controls .key-btn{padding:12px 30px}.char-selection{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;justify-content:center}.char-select-btn{background:#fff;border:2px solid #667eea;color:#667eea;padding:15px 20px;border-radius:8px;cursor:pointer;font-size:1.2rem;font-weight:600;font-family:Courier New,monospace;transition:all .3s;min-width:60px}.char-select-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.char-select-btn.selected{background:#667eea;color:#fff}.char-select-btn.selected:hover{background:#5568d3}.empty-state{background:#fff;border-radius:12px;padding:60px 20px;text-align:center;box-shadow:0 2px 8px #0000001a}.empty-state p{font-size:1.2rem;margin-bottom:20px;color:#666}.template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0}.template-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-card h3{margin:0 0 10px;color:#333;font-size:1.1rem}.template-preview{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:15px;font-family:monospace}.template-actions{display:flex;gap:10px;flex-wrap:wrap}.select-btn{flex:1}.edit-btn,.delete-btn{padding:8px 16px;font-size:.85rem}.delete-btn{border-color:#dc3545;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff}.practice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.practice-header h2{margin:0;color:#333}.input-section{margin-bottom:20px}.input-section label{display:block;margin-bottom:10px;color:#333;font-weight:700}.action-buttons{display:flex;gap:10px;margin-bottom:30px}.answer-area{background:#e8f5e9;border-radius:12px;padding:20px;margin-top:20px;border:2px solid #4caf50}.answer-area h3{margin:0 0 15px;color:#2e7d32}.answer-text{background:#fff;padding:15px;border-radius:8px;font-family:monospace;line-height:1.8;word-break:break-all;color:#1b5e20;font-size:1.05rem}.result-area{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:30px}.result-area h3{margin:0 0 15px;color:#333}.comparison-row{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.comparison-row strong{color:#333}.comparison-text{background:#fff;padding:15px;border-radius:8px;font-family:monospace;line-height:1.5;word-break:break-all}.dialog-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.dialog-table tr{border-bottom:1px solid #e0e0e0}.dialog-table tr:last-child{border-bottom:none}.speaker-cell{width:60px;padding:12px 15px;font-weight:700;color:#667eea;text-align:center;border-right:2px solid #667eea;background:#f8f9fa;vertical-align:top}.content-cell{padding:12px 15px;font-family:monospace;line-height:1.8;word-break:break-all;color:#1b5e20}.modal-overlay,.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#333}.close-btn{width:30px;height:30px;border:none;background:transparent;font-size:1.5rem;color:#666;cursor:pointer;transition:color .3s}.close-btn:hover{color:#333}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0}.modal .setting-item{display:grid;grid-template-columns:150px 1fr auto auto;gap:15px;align-items:center;margin-bottom:15px}.modal .setting-item label,.modal .setting-item span{font-weight:600;color:#555}.modal .setting-item input[type=number]{width:80px;padding:8px;border:2px solid #e0e0e0;border-radius:8px;text-align:center;transition:border-color .3s}.modal .setting-item input[type=number]:focus{outline:none;border-color:#667eea}.modal .setting-item input[type=range]{width:100%}.modal .setting-item input[type=number]:only-of-type{grid-column:2;width:100%}.volume-control{display:flex;gap:10px;align-items:center}.volume-control input[type=range]{flex:1}.volume-control input[type=number]{width:80px}.primary-button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.primary-button:hover{background:#5568d3}.secondary-button{background:#f0f0f0;color:#333;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.secondary-button:hover{background:#e0e0e0}.test-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.test-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:700}.form-group input[type=text],.form-group textarea{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group textarea{min-height:200px;font-family:monospace;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.setting-group{margin-bottom:20px}.setting-group label{display:block;margin-bottom:8px;color:#333;font-weight:700}.input-with-value{display:flex;align-items:center;gap:10px}.input-with-value input[type=range]{flex:1}.input-with-value span{min-width:60px;text-align:right;font-weight:700;color:#667eea}@media(max-width:768px){.template-list{grid-template-columns:1fr}.practice-header{flex-direction:column;gap:15px;align-items:flex-start}.action-buttons{flex-direction:column}.keyboard-controls .key-btn{flex:1}}.timing-evaluation-area{background:#fff;border-radius:12px;padding:20px;margin-top:20px;box-shadow:var(--shadow)}.timing-evaluation-area h3{color:var(--primary-color);margin-bottom:15px;font-size:1.2rem}.timing-evaluation-area h4{color:var(--text-color);margin-bottom:10px;font-size:1rem;font-weight:600}.evaluation-panel{display:grid;grid-template-columns:1fr;gap:20px}.latest-evaluation{background:#f8f9fa;border-radius:8px;padding:15px;border:2px solid #e0e0e0}.evaluation-content{display:flex;flex-direction:column;gap:8px}.eval-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border-left:3px solid var(--primary-color)}.eval-label{font-weight:600;color:var(--text-light);font-size:.9rem}.eval-value{font-weight:600;color:var(--text-color);font-size:1rem}.timing-chart{background:#fff;border-radius:8px;padding:15px;margin:10px 0;border:2px solid #e0e0e0}.chart-row{display:flex;align-items:center;margin-bottom:12px;gap:10px}.chart-label{min-width:70px;font-weight:600;color:var(--text-light);font-size:.9rem;text-align:right}.chart-bar-container{flex:1;height:32px;background:#f0f0f0;border-radius:4px;position:relative;overflow:visible}.chart-bar{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;transition:width .3s ease;position:relative;min-width:60px}.chart-bar.expected{background:linear-gradient(90deg,#3498db,#2980b9);border:2px solid #2471a3}.chart-bar.actual{border:2px solid}.chart-bar.actual.good{background:linear-gradient(90deg,#27ae60,#229954);border-color:#1e8449}.chart-bar.actual.fair{background:linear-gradient(90deg,#f39c12,#e67e22);border-color:#d68910}.chart-bar.actual.poor{background:linear-gradient(90deg,#e74c3c,#c0392b);border-color:#a93226}.chart-value{color:#fff;font-weight:700;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.chart-scale{display:flex;justify-content:space-between;margin-top:8px;padding:0 75px 0 80px;font-size:.75rem;color:var(--text-light)}.timing-diff-longer{color:#e67e22;font-weight:700}.timing-diff-shorter{color:#3498db;font-weight:700}.timing-diff-perfect{color:#27ae60;font-weight:700}.statistics-panel{background:#f8f9fa;border-radius:8px;padding:15px;border:2px solid #e0e0e0}.stats-content{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px}.stat-label{font-weight:500;color:var(--text-light);font-size:.9rem}.stat-value{font-weight:600;color:var(--text-color);font-size:1rem}.element-stats-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dot-stats,.dash-stats{background:#f8f9fa;border-radius:8px;padding:15px;border:2px solid #e0e0e0}.dot-stats h4{color:#27ae60}.dash-stats h4{color:#667eea}.accuracy-excellent{color:#27ae60!important;font-weight:700}.accuracy-good{color:#f39c12!important;font-weight:700}.accuracy-fair{color:#e67e22!important;font-weight:700}.accuracy-poor{color:#e74c3c!important;font-weight:700}@media(max-width:768px){.element-stats-panel{grid-template-columns:1fr}.eval-item,.stat-item{flex-direction:column;align-items:flex-start;gap:5px}}.timing-diagram-section{background:#fff;border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 2px 8px #0000001a;border:2px solid #e0e0e0}.timing-diagram-section h3{margin:0 0 15px;color:var(--text-color);font-size:1.2rem;font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:8px}.timing-diagram-content{min-height:100px;display:flex;flex-direction:column;gap:12px}.timing-diagram-header{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.timing-diagram-char{font-size:2rem;font-weight:700;color:var(--primary-color)}.timing-diagram-morse{font-size:1.5rem;font-weight:600;color:var(--text-light);font-family:Courier New,monospace}.timing-diagram-rows{display:flex;flex-direction:column;gap:12px}.timing-diagram-row{display:flex;align-items:center;gap:10px}.timing-row-label{min-width:70px;font-weight:600;color:var(--text-color);font-size:.95rem;text-align:right}.timing-row-content{flex:1;display:flex;height:40px;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;background:#f8f9fa}.timing-element{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(0,0,0,.1);transition:all .2s ease;cursor:help;position:relative}.timing-element:hover{opacity:.8;transform:scaleY(1.05)}.timing-element.expected.dit{background:linear-gradient(180deg,#a8e6cf,#7ed3a6);border-top:2px solid #5cb85c;border-bottom:2px solid #5cb85c}.timing-element.expected.dah{background:linear-gradient(180deg,#84b6f4,#5a9fd4);border-top:2px solid #3498db;border-bottom:2px solid #3498db}.timing-element.actual.dit.good{background:linear-gradient(180deg,#27ae60,#229954);border-top:2px solid #1e8449;border-bottom:2px solid #1e8449}.timing-element.actual.dit.fair{background:linear-gradient(180deg,#f39c12,#e67e22);border-top:2px solid #d68910;border-bottom:2px solid #d68910}.timing-element.actual.dit.poor{background:linear-gradient(180deg,#e74c3c,#c0392b);border-top:2px solid #a93226;border-bottom:2px solid #a93226}.timing-element.actual.dah.good{background:linear-gradient(180deg,#3498db,#2980b9);border-top:2px solid #2471a3;border-bottom:2px solid #2471a3}.timing-element.actual.dah.fair{background:linear-gradient(180deg,#f39c12,#e67e22);border-top:2px solid #d68910;border-bottom:2px solid #d68910}.timing-element.actual.dah.poor{background:linear-gradient(180deg,#e74c3c,#c0392b);border-top:2px solid #a93226;border-bottom:2px solid #a93226}.timing-gap{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(0,0,0,.05);cursor:help;position:relative;transition:all .2s ease}.timing-gap:hover{background:#0000000d}.timing-gap.expected{background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 4px,#e8e8e8 4px 8px)}.timing-gap.actual.good{background:repeating-linear-gradient(45deg,#d5f4e6,#d5f4e6 4px,#c3e8d5 4px 8px)}.timing-gap.actual.fair{background:repeating-linear-gradient(45deg,#fce8cd,#fce8cd 4px,#f9dbb7 4px 8px)}.timing-gap.actual.poor{background:repeating-linear-gradient(45deg,#f8d7da,#f8d7da 4px,#f1c0c4 4px 8px)}.timing-diagram-scale{position:relative;margin-top:8px;margin-left:80px;height:20px;font-size:.75rem;color:var(--text-light);border-top:1px solid #e0e0e0;padding-top:8px}.timing-diagram-scale .scale-tick{position:absolute;transform:translate(-50%)}.timing-diagram-scale .scale-tick:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);width:1px;height:5px;background:var(--text-light)}@media(max-width:768px){.timing-row-label{min-width:50px;font-size:.85rem}.timing-row-content{height:30px}.timing-diagram-scale{margin-left:60px;font-size:.7rem}.timing-diagram-char{font-size:1.5rem}.timing-diagram-morse{font-size:1.2rem}}.timing-chart-section{margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0}.timing-chart-section h4{margin:0 0 12px;color:var(--text-color);font-size:1.1rem;font-weight:600}.timing-chart-container{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:15px;min-height:200px}.timing-chart-signals{display:flex;flex-direction:column;gap:15px;position:relative}.timing-chart-signal{display:flex;align-items:center;gap:10px;height:50px}.signal-label{min-width:80px;font-weight:600;color:var(--text-color);font-size:.9rem;text-align:right}.signal-timeline{flex:1;height:40px;position:relative;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px}.signal-segment{position:absolute;height:100%;border-right:1px solid rgba(0,0,0,.1);transition:opacity .2s ease}.signal-segment:hover{opacity:.8}.signal-segment.signal-high{top:0;background:#27ae60;border-top:2px solid #1e8449;border-bottom:2px solid #1e8449}.signal-segment.signal-low{top:60%;height:40%;background:#ecf0f1;border-top:2px solid #bdc3c7;border-bottom:2px solid #bdc3c7}.signal-segment.output-dit{background:linear-gradient(180deg,#27ae60,#229954)}.signal-segment.output-dah{background:linear-gradient(180deg,#3498db,#2980b9)}.element-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.squeeze-highlights-layer{position:absolute;inset:0 0 0 90px;pointer-events:none;z-index:1}.squeeze-highlight{position:absolute;top:0;bottom:0;background:#ffeb3b33;border-left:2px dashed #ff9800;border-right:2px dashed #ff9800;pointer-events:none}.squeeze-highlight:before{content:"Squeeze";position:absolute;top:5px;left:50%;transform:translate(-50%);background:#ff9800;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.gap-highlight{position:absolute;top:0;bottom:0;background:#2196f326;border-left:2px dashed #2196f3;border-right:2px dashed #2196f3;pointer-events:none}.gap-highlight:before{content:"Gap";position:absolute;top:30px;left:50%;transform:translate(-50%);background:#2196f3;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.timing-chart-axis{position:relative;margin-top:12px;margin-left:90px;height:20px;font-size:.75rem;color:var(--text-light);border-top:1px solid #e0e0e0;padding-top:8px}.timing-chart-axis .axis-tick{position:absolute;transform:translate(-50%)}.timing-chart-axis .axis-tick:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);width:1px;height:5px;background:var(--text-light)}.timing-chart-empty{padding:20px;text-align:center;color:var(--text-light);font-style:italic}.timing-debug-info{margin-top:15px;padding:15px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:.85rem}.debug-section{margin-bottom:10px}.debug-section:last-child{margin-bottom:0}.debug-section h5{margin:0 0 8px;font-size:.9rem;font-weight:600;color:var(--text-color)}.debug-events,.debug-squeezes,.debug-gaps{padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-family:Courier New,monospace;line-height:1.6;color:#555}@media(max-width:768px){.signal-label{min-width:60px;font-size:.85rem}.timing-chart-signal{height:40px}.signal-timeline{height:30px}.timing-chart-axis{margin-left:70px;font-size:.7rem}.element-label{font-size:1rem}.squeeze-highlights-layer{left:70px}}.playing-word{background-color:#ffeb3b;font-weight:700;padding:2px 4px;border-radius:3px}.playing-segment{background-color:#ffeb3b1a}.diff-error{color:#f44336;font-weight:700;background-color:#ffebee;padding:2px 4px;border-radius:3px}.diff-extra{color:#2196f3;font-weight:700;background-color:#e3f2fd;padding:2px 4px;border-radius:3px}.diff-missing{color:transparent;-webkit-user-select:none;user-select:none}.btn.active{background-color:var(--primary-color);color:#fff}