.engineering-notes-page{background:var(--bg-base);color:var(--text-main);min-height:100vh}.notes-hero{background:var(--bg-surface);border-bottom:1px solid var(--border-medium);padding-top:150px;padding-bottom:70px}.notes-hero-inner{max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.notes-hero h1{letter-spacing:-.03em;text-transform:uppercase;color:var(--text-main);margin:20px 0;font-size:clamp(38px,5.5vw,68px);font-weight:800;line-height:1.05}.notes-hero h1 em{color:var(--accent);font-style:normal}.notes-hero p{max-width:780px;color:var(--text-muted);margin-bottom:40px;font-size:clamp(16.5px,1.4vw,19.5px);line-height:1.68}.notes-metrics-bar{border-top:1px solid var(--border-medium);flex-wrap:wrap;gap:32px;padding-top:24px;display:flex}.notes-metrics-bar .metric-item{flex-direction:column;gap:4px;display:flex}.notes-metrics-bar .metric-item strong{font-family:var(--font-mono);color:var(--accent);font-size:clamp(24px,2.5vw,32px);font-weight:700}.notes-metrics-bar .metric-item span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:800}.notes-catalog-section{background:var(--bg-base);padding:60px 0 100px}.notes-catalog-inner{max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.notes-tab-bar{border-bottom:1px solid var(--border-medium);flex-wrap:wrap;gap:12px;margin-bottom:36px;padding-bottom:18px;display:flex}.notes-tab-btn{background:var(--bg-surface-raised);border:1px solid var(--border-medium);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 22px;font-size:13px;font-weight:700;transition:all .22s;display:inline-flex}.notes-tab-btn:hover{background:var(--bg-surface-alt);border-color:var(--border-strong);color:var(--text-main)}.notes-tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:0 8px 24px var(--accent-glow)}.tab-badge{font-size:10px;font-weight:800;font-family:var(--font-mono);background:#0003;border-radius:10px;padding:2px 8px}.notes-tab-btn.active .tab-badge{background:var(--accent-contrast);color:var(--accent)}.notes-controls-bar{background:var(--bg-surface-raised);border:1px solid var(--border-medium);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding:16px 20px;display:flex}.notes-search-wrapper{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.notes-search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:14px}.notes-search-input{background:var(--bg-surface-alt);border:1px solid var(--border-medium);width:100%;color:var(--text-main);border-radius:6px;padding:12px 38px 12px 40px;font-family:inherit;font-size:13px;transition:all .2s}.notes-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;right:12px}.notes-filter-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-pill-selector{align-items:center;gap:6px;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.filter-pill{background:var(--bg-surface-raised);border:1px solid var(--border-medium);color:var(--text-muted);cursor:pointer;border-radius:5px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .18s}.filter-pill:hover{background:var(--bg-surface-alt);color:var(--text-main)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.notes-filter-select{background:var(--bg-surface-alt);border:1px solid var(--border-medium);color:var(--text-main);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600}.notes-filter-select:focus{border-color:var(--accent);outline:none}.panel-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.panel-heading{letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px;font-size:clamp(24px,2.5vw,32px);font-weight:800}.panel-subheading{max-width:680px;color:var(--text-muted);font-size:14px;line-height:1.5}.panel-count-badge{font-family:var(--font-mono);background:var(--bg-surface-raised);border:1px solid var(--border-medium);color:var(--accent);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700}.notes-pagination-wrapper{border-top:1px solid var(--border-medium);flex-direction:column;align-items:center;gap:16px;margin-top:48px;padding-top:32px;display:flex}.notes-pagination-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.notes-page-btn{min-width:40px;height:40px;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface-raised);border:1px solid var(--border-medium);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.notes-page-btn:hover:not(:disabled){color:var(--text-main);border-color:var(--accent);background:var(--bg-surface-alt);transform:translateY(-1px)}.notes-page-btn.active{background:var(--accent);border-color:var(--accent);font-weight:700;color:#070a0f!important}.notes-page-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.notes-page-ellipsis{color:var(--text-muted);font-family:var(--font-mono);padding:0 4px;font-weight:700}.notes-page-size-selector{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.notes-page-size-btn{background:var(--bg-surface-raised);border:1px solid var(--border-medium);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.notes-page-size-btn:hover{color:var(--text-main);border-color:var(--border-strong)}.notes-page-size-btn.active{background:var(--accent);border-color:var(--accent);font-weight:700;color:#070a0f!important}.drawings-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px;display:grid}.drawing-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.drawing-card:hover{border-color:#25d36680;transform:translateY(-5px);box-shadow:0 8px 30px #25d36624}.card-border-beam{opacity:0;transition:opacity .3s var(--ease);pointer-events:none;z-index:10}.card-border-beam .border-beam-spinner{animation-play-state:paused}.drawing-card:hover .card-border-beam,.drawing-card:focus-within .card-border-beam,.theoretical-subject-card:hover .card-border-beam,.theoretical-subject-card:focus-within .card-border-beam{opacity:1}.drawing-card:hover .card-border-beam .border-beam-spinner,.drawing-card:focus-within .card-border-beam .border-beam-spinner,.theoretical-subject-card:hover .card-border-beam .border-beam-spinner,.theoretical-subject-card:focus-within .card-border-beam .border-beam-spinner{animation-play-state:running}.drawing-preview-container{aspect-ratio:16/10;background:var(--bg-surface-alt);cursor:pointer;width:100%;position:relative;overflow:hidden}.technical-drawing-frame{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.technical-drawing-svg{object-fit:contain;width:100%;height:100%}.drawing-sheet-img{object-fit:contain;width:100%;height:100%;transition:transform .3s var(--ease);background:#fff;padding:6px;display:block}.drawing-preview-container:hover .drawing-sheet-img{transform:scale(1.03)}.modal-drawing-img{object-fit:contain;background:#fff;border-radius:6px;max-width:100%;max-height:72vh;box-shadow:0 4px 20px #0000004d}.drawing-inspect-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.drawing-preview-container:hover .drawing-inspect-overlay{opacity:1}.inspect-badge{background:var(--accent);color:var(--accent-contrast);border-radius:20px;padding:8px 16px;font-size:11.5px;font-weight:800;box-shadow:0 4px 14px #0003}.drawing-badge-top-left{background:var(--bg-overlay);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:700;position:absolute;top:10px;left:10px}.drawing-badge-top-right{font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:800;position:absolute;top:10px;right:10px}.drawing-badge-top-right.diff-beginner{color:#fff;background:#22c55ee6}.drawing-badge-top-right.diff-intermediate{color:#000;background:#eab308e6}.drawing-badge-top-right.diff-advanced{color:#fff;background:#ef4444e6}.drawing-card-body{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex}.drawing-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.drawing-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.drawing-part-tag{font-family:var(--font-mono);color:var(--accent);background:var(--bg-surface-alt);border:1px solid var(--border-medium);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.drawing-card-actions{border-top:1px solid var(--border-medium);grid-template-columns:1fr 1fr;gap:8px;padding-top:14px;display:grid}.btn-free-download{background:var(--accent);color:var(--accent-contrast);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px var(--accent-glow);text-align:center;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:11px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-free-download:hover{background:var(--text-main);color:var(--bg-base);box-shadow:0 6px 18px var(--card-shadow);transform:translateY(-2px)}.btn-free-download .btn-icon{font-size:13px;transition:transform .2s}.btn-free-download:hover .btn-icon{transform:translateY(2px)}.btn-video-tutorial{color:#f55;letter-spacing:.04em;text-transform:uppercase;text-align:center;background:#dc26261f;border:1px solid #dc262659;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:11px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-video-tutorial:not(.btn-video-disabled):hover{color:#fff;background:#e50914;border-color:#e50914;transform:translateY(-2px);box-shadow:0 4px 14px #e5091459}.btn-video-icon{flex-shrink:0;transition:transform .2s}.btn-video-tutorial:not(.btn-video-disabled):hover .btn-video-icon{transform:scale(1.15)}.btn-video-tutorial.btn-video-disabled{opacity:.45;cursor:not-allowed;background:var(--bg-surface-alt);border-color:var(--border-medium);color:var(--text-muted);box-shadow:none!important;transform:none!important}.theoretical-notes-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-top:24px;display:grid}@media (max-width:640px){.theoretical-notes-grid{grid-template-columns:1fr}}.theoretical-subject-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}.theoretical-subject-card:hover{border-color:#25d36680;transform:translateY(-4px);box-shadow:0 8px 30px #25d36624}.theory-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.theory-icon-badge-wrap{align-items:center;gap:10px;display:flex}.theory-icon{font-size:24px;line-height:1}.theory-sheet-tag{font-family:var(--font-mono);color:var(--accent);background:var(--bg-surface-alt);border:1px solid var(--border-medium);letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.theory-category-tag{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:700}.theory-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:800}.theory-summary{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.55}.theory-section-box{background:var(--bg-surface-alt);border:1px solid var(--border-medium);border-radius:8px;padding:12px 14px}.theory-section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10.5px;font-weight:800;display:block}.theory-formulas-list{flex-direction:column;gap:6px;display:flex}.theory-formula-item{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.theory-formula-name{color:var(--text-muted);font-size:11.5px}.theory-formula-code{font-family:var(--font-mono);color:var(--text-main);border:1px solid var(--border-medium);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:700}.theory-modules-tags{flex-wrap:wrap;gap:6px;display:flex}.theory-module-pill{color:var(--text-main);border:1px solid var(--border-medium);background:#ffffff0a;border-radius:4px;padding:3px 8px;font-size:11px}.theory-card-actions{border-top:1px solid var(--border-medium);grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:12px;display:grid}.notes-coming-soon-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);text-align:center;max-width:960px;box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;align-items:center;margin:0 auto;padding:clamp(36px,5vw,64px) clamp(24px,4vw,56px);display:flex;position:relative;overflow:hidden}.notes-coming-soon-card:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:.25;pointer-events:none;width:320px;height:180px;position:absolute;top:0;left:50%;transform:translate(-50%)}.coming-soon-badge{background:var(--bg-surface-alt);border:1px solid var(--border-medium);font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.cs-pulse-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.8s ease-in-out infinite cs-pulse}@keyframes cs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.coming-soon-icon-ring{background:var(--bg-surface-alt);border:1px solid var(--border-strong);border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;display:flex;box-shadow:0 8px 24px #0003}.cs-big-icon{font-size:36px;line-height:1}.coming-soon-heading{color:var(--text-main);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(24px,3.2vw,36px);font-weight:800;line-height:1.25}.coming-soon-description{color:var(--text-muted);max-width:720px;margin:0 0 36px;font-size:clamp(15px,1.2vw,17px);line-height:1.65}.coming-soon-highlights-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:100%;margin-bottom:40px;display:grid}.cs-highlight-box{background:var(--bg-surface-alt);border:1px solid var(--border-medium);border-radius:10px;padding:22px;transition:transform .2s,border-color .2s}.cs-highlight-box:hover{border-color:var(--accent);transform:translateY(-3px)}.cs-hl-icon{margin-bottom:12px;font-size:24px;display:block}.cs-highlight-box h4{color:var(--text-main);letter-spacing:-.01em;margin:0 0 8px;font-size:15.5px;font-weight:800}.cs-highlight-box p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.coming-soon-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.btn-cs-action-primary{background:var(--accent);color:var(--accent-contrast);letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 16px var(--accent-glow);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.btn-cs-action-primary:hover{background:var(--text-main);color:var(--bg-base);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.btn-cs-action-secondary{background:var(--bg-surface-alt);border:1px solid var(--border-medium);color:var(--text-main);border-radius:8px;justify-content:center;align-items:center;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-cs-action-secondary:hover{background:var(--border-medium);border-color:var(--border-strong)}.drawing-modal-backdrop{z-index:10000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}.drawing-modal-dialog{background:var(--bg-surface-raised);border:1px solid var(--border-medium);border-radius:12px;flex-direction:column;width:100%;max-width:1100px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 70px #0006}.drawing-modal-header{border-bottom:1px solid var(--border-medium);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.modal-sheet-number{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;font-size:10px;font-weight:800}.modal-title-wrap h4{color:var(--text-main);margin:2px 0 0;font-size:16px;font-weight:800}.modal-header-controls{align-items:center;gap:12px;display:flex}.zoom-controls{background:var(--bg-surface-alt);border:1px solid var(--border-medium);border-radius:6px;align-items:center;gap:4px;padding:3px 6px;display:flex}.zoom-btn,.zoom-reset-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:3px 8px;font-size:14px;font-weight:700}.zoom-btn:hover,.zoom-reset-btn:hover{background:var(--border-medium)}.zoom-indicator{font-family:var(--font-mono);color:var(--accent);text-align:center;min-width:40px;font-size:11px}.btn-modal-video{color:#f55;text-transform:uppercase;background:#dc262626;border:1px solid #dc262666;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:800;text-decoration:none;transition:all .18s;display:inline-flex}.btn-modal-video:not(.btn-video-disabled):hover{color:#fff;background:#e50914;border-color:#e50914;box-shadow:0 4px 12px #e5091459}.btn-modal-video.btn-video-disabled{opacity:.45;cursor:not-allowed;background:var(--bg-surface-alt);border-color:var(--border-medium);color:var(--text-muted)}.btn-modal-video-icon{flex-shrink:0}.btn-modal-download{background:var(--accent);color:var(--accent-contrast);text-transform:uppercase;border-radius:6px;padding:8px 16px;font-size:11.5px;font-weight:800;text-decoration:none;transition:all .18s}.btn-modal-download:hover{background:var(--text-main);color:var(--bg-base)}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.modal-close-btn:hover{color:var(--text-main)}.drawing-modal-viewport{background:var(--bg-surface-alt);flex:1;justify-content:center;align-items:center;min-height:420px;padding:20px;display:flex;overflow:auto}.drawing-zoomable-container{transform-origin:50%;width:100%;max-width:900px;transition:transform .15s ease-out}.drawing-modal-footer{background:var(--bg-surface);border-top:1px solid var(--border-medium);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;font-size:11.5px;display:flex}.modal-footer-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.notes-controls-bar{flex-direction:column;align-items:stretch}.drawings-grid{grid-template-columns:1fr}.notes-tab-bar{flex-direction:column}.notes-tab-btn{justify-content:space-between;width:100%}.subject-header-band{flex-direction:column;align-items:flex-start}.subject-meta-actions{justify-content:space-between;width:100%}.formulas-grid,.modules-grid{grid-template-columns:1fr}}