#detailView{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent);color:var(--gray-0);border:0;border-radius:.5rem;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--theme-transition);margin-bottom:1.5rem}.back-button:hover{background:var(--accent-dark);transform:translate(-4px)}#detailTitle{font-size:2.5rem;color:var(--gray-0);margin:1rem 0 2rem;font-weight:800;text-transform:capitalize;font-family:Georgia,Times New Roman,serif}#detailContent{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);border:2px solid var(--gray-700);border-radius:1rem;padding:2rem;max-width:100%;overflow-x:auto}.font-controls{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#64c8ff1a,#96c8ff0d);border:2px solid rgba(100,200,255,.2);border-radius:.75rem;flex-wrap:wrap;align-items:center}.control-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.control-group label{font-size:var(--text-base);color:var(--gray-0);font-weight:600;white-space:nowrap}.control-group.file-info{display:flex;align-items:center;gap:1.5rem;margin-left:auto;flex-wrap:wrap}.timestamp{font-size:var(--text-sm);color:var(--gray-400);font-weight:500}.download-link{padding:.4rem .8rem;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--gray-0);border:0;border-radius:.4rem;font-size:var(--text-sm);cursor:pointer;text-decoration:none;transition:all var(--theme-transition);font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.download-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.font-select{padding:.5rem 1rem;background:var(--gray-700);color:var(--gray-0);border:2px solid var(--accent);border-radius:.5rem;font-size:var(--text-sm);cursor:pointer;transition:all var(--theme-transition);font-family:inherit;min-width:180px}.font-select:hover{background:var(--gray-600);border-color:var(--accent-light)}.font-select:focus{outline:0;background:var(--gray-600);border-color:var(--accent-light);box-shadow:0 0 0 3px #ff780033}.font-slider{width:150px;height:8px;border-radius:5px;background:var(--gray-700);outline:0;-webkit-appearance:none;appearance:none;cursor:pointer}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;transition:all var(--theme-transition);border:2px solid var(--accent-light)}.font-slider::-webkit-slider-thumb:hover{background:var(--accent-light);transform:scale(1.2)}.font-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;transition:all var(--theme-transition);border:2px solid var(--accent-light)}.font-slider::-moz-range-thumb:hover{background:var(--accent-light);transform:scale(1.2)}@media (max-width:768px){.font-controls{flex-direction:column;gap:1rem;align-items:flex-start}.control-group{width:100%}.control-group.file-info{width:100%;margin-left:0;justify-content:space-between}.font-select{min-width:auto;flex:1}.font-slider{flex:1;width:100%}}.metadata-box{background:linear-gradient(135deg,#64c8ff26,#96c8ff1a);border:2px solid rgba(100,200,255,.3);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;box-shadow:0 4px 15px #0003}.meta-item{display:flex;gap:.5rem;padding:.75rem 1rem;background:#0003;border-radius:.5rem;border-left:3px solid var(--accent)}.meta-key{font-weight:700;color:var(--accent);min-width:80px;font-family:Courier New,monospace}.meta-value{color:var(--gray-200);font-family:Georgia,serif;flex:1}.section-box{margin-bottom:2rem;border-radius:.75rem;overflow:hidden;border:2px solid rgba(100,150,200,.3);background:#0000004d}.section-heading{background:linear-gradient(90deg,#64c8ff4d,#96c8ff33);border-bottom:3px solid var(--accent);color:var(--accent);padding:1rem 1.5rem;margin:0;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-family:Georgia,serif}.section-content{font-family:Consolas,monospace;font-weight:bolder;font-size:1.4rem;line-height:2.4;color:#000;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding:1.5rem;margin:0;background:#fff;overflow-x:auto;text-transform:uppercase}.section-content{--line-number-color:var(--accent)}.section-content{position:relative}.lr-content{color:#3b82f6;font-weight:600}.notations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;list-style:none;padding:0}.notation-item{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);border:2px solid var(--gray-700);border-radius:1rem;overflow:hidden;transition:all var(--theme-transition);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #0000004d}.notation-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:var(--accent)}.notation-item:nth-child(4n+1){background:linear-gradient(135deg,#667eea,#764ba2)}.notation-item:nth-child(4n+2){background:linear-gradient(135deg,#f093fb,#f5576c)}.notation-item:nth-child(4n+3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.notation-item:nth-child(4n+4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.notation-cover{text-align:center;padding:1.5rem;position:relative;z-index:1}.notation-cover:before{content:"♪";font-size:2rem;color:#ffffff4d;position:absolute;top:.5rem;left:.5rem}.notation-title{font-size:1.75rem;font-weight:800;color:var(--gray-0);margin:0;overflow-wrap:break-word;word-break:break-word;hyphens:auto;text-shadow:0 3px 6px rgba(0,0,0,.7);line-height:1.1;letter-spacing:.5px;font-family:Georgia,Times New Roman,serif;text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:5.85rem}@media (max-width:768px){.notations-grid{grid-template-columns:repeat(2,1fr)}#detailTitle{font-size:1.75rem}#detailContent{padding:1.5rem}.metadata-box{grid-template-columns:1fr;padding:1rem}.meta-item{padding:.5rem .75rem}.section-heading{font-size:1.25rem;padding:.75rem 1rem}.section-content{font-size:.85rem;padding:1rem}.section-box{margin-bottom:1.5rem}}@media (max-width:480px){#detailTitle{font-size:1.5rem}#detailContent{padding:1rem;border-radius:.5rem}.metadata-box{grid-template-columns:1fr;padding:.75rem;margin-bottom:1.5rem;gap:.75rem}.meta-item{flex-direction:column;padding:.5rem;gap:.25rem}.meta-key{min-width:auto}.section-heading{font-size:1.1rem;padding:.5rem .75rem;letter-spacing:.5px}.section-content{font-size:.75rem;padding:.75rem;line-height:1.3}.section-box{margin-bottom:1rem;border-radius:.5rem}.back-button{padding:.5rem 1rem;font-size:var(--text-sm)}.font-controls{padding:1rem}.control-group{width:100%}.control-group.file-info{width:100%;gap:.75rem;margin-left:0}.timestamp{font-size:.7rem}.download-link{padding:.3rem .6rem;font-size:.7rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0}.pagination-btn{padding:.5rem 1rem;background:var(--gray-800);color:var(--gray-200);border:1px solid var(--gray-700);border-radius:.5rem;cursor:pointer;transition:background var(--theme-transition)}.pagination-btn:hover{background:var(--gray-700)}.pagination-btn.active{background:var(--accent);color:var(--gray-0)}.controls,.search-form{display:flex;flex-direction:column;gap:1rem}.search-wrapper{position:relative}.search-input{width:100%;padding:.75rem 1rem;background:var(--gray-999);border:1px solid var(--gray-800);border-radius:.5rem;color:var(--gray-200);font-size:var(--text-base)}.search-input:focus{outline:0;border-color:var(--accent)}.search-button-wrapper{display:flex;gap:.5rem}.search-button{padding:.5rem 1rem;background:var(--accent);color:var(--gray-0);border:0;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);transition:background var(--theme-transition)}.search-button:hover{background:var(--accent-dark)}.results-count{text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.no-results{text-align:center;color:var(--gray-400);font-size:var(--text-lg)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);margin:5%auto;padding:2rem;border:2px solid var(--gray-700);border-radius:1rem;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;position:relative;box-sizing:border-box}.notation-text{font-family:Courier New,monospace;font-size:.95rem;line-height:1.4;color:var(--gray-100);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background:#0003;padding:1rem;border-radius:.5rem;border:1px solid var(--gray-700);overflow-x:auto;max-width:100%}@media (max-width:768px){.modal-content{width:95%;padding:1.5rem;margin:10%auto;max-height:85vh}.notation-text{font-size:.85rem;padding:.75rem}}@media (max-width:480px){.modal-content{width:98%;padding:1rem;margin:20%auto;max-height:70vh;border-radius:.5rem}.close{font-size:1.5rem;top:.5rem;right:1rem}.notation-text{font-size:.75rem;padding:.5rem;line-height:1.3}}.footnote-box{margin-top:3rem;padding:1.5rem;background:linear-gradient(135deg,#ff8c0026,#ffa50014);border:2px solid var(--gray-700);border-top:4px solid #ff8c00;border-radius:.75rem;position:relative}.footnote-title{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:#ff8c00;text-transform:uppercase;letter-spacing:1px}.footnote-content{font-size:.9rem;color:var(--gray-200);line-height:1.6}.footnote-content pre{background:#0000004d;padding:1rem;border-radius:.5rem;border-left:3px solid #ff8c00;overflow-x:auto;font-size:.85rem;line-height:1.5;margin:0}@media (max-width:768px){.footnote-box{margin-top:2rem;padding:1rem}.footnote-title{font-size:1rem}.footnote-content{font-size:.85rem}.footnote-content pre{padding:.75rem;font-size:.8rem}}