*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;-webkit-font-smoothing:antialiased;background:#f5f5f5;height:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;margin-top:56px;display:flex}.header{z-index:100;background:#fff;border-bottom:3px solid #ffe016;height:56px;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #00000014}.header-inner{align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 20px;display:flex}.header-logo{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo:hover{text-decoration:none}.header-logo-img{object-fit:contain;width:36px;height:36px}.header-logo-text{flex-direction:column;line-height:1.2;display:flex}.header-brand{color:#1a1a1a;font-size:16px;font-weight:700}.header-tagline{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.header-nav{gap:4px;margin-left:auto;display:flex}.header-nav-link{color:#555;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.header-nav-link:hover{color:#1a1a1a;background:#f0f0f0;text-decoration:none}.header-nav-link--active{color:#1a1a1a;background:#ffe016}.header-nav-link--active:hover{background:gold}.sidebar{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:260px;min-width:260px;height:calc(100vh - 56px);padding:20px 0;display:flex;position:sticky;top:56px;overflow-y:auto}.sidebar-section{margin-bottom:24px;padding:0 16px}.sidebar-title{text-transform:uppercase;letter-spacing:.8px;color:#999;margin-bottom:8px;padding:0 8px;font-size:11px;font-weight:700}.sidebar-menu{list-style:none}.sidebar-menu-item{color:#555;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-menu-item:hover{color:#1a1a1a;background:#f5f5f5}.sidebar-menu-item--active{color:#1a1a1a;background:#fff8d6;border-left:3px solid #ffe016}.sidebar-icon{flex-shrink:0;width:18px;height:18px}.sidebar-history{list-style:none}.sidebar-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 8px;display:flex}.sidebar-title-row .sidebar-title{margin-bottom:0}.sidebar-clear-btn{color:#999;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11px}.sidebar-clear-btn:hover{color:#ff3b30;text-decoration:underline}.sidebar-history-item{border-radius:4px;align-items:center;padding:6px 12px;transition:background .15s;display:flex}.sidebar-history-item:hover{background:#f0f6ff}.sidebar-history-text{color:#06c;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.sidebar-history-remove{color:#ccc;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:4px;padding:0 2px;font-size:16px;line-height:1;display:none}.sidebar-history-remove:hover{color:#ff3b30}.sidebar-history-item:hover .sidebar-history-remove{display:block}.sidebar-footer{color:#999;border-top:1px solid #e0e0e0;align-items:center;gap:8px;margin-top:auto;padding:16px;font-size:12px;display:flex}.sidebar-footer-logo{opacity:.5;width:20px;height:20px}.main-content{flex:1;min-width:0;padding:0}.search-page{max-width:900px;margin:0 auto;padding:0 24px}.hero-section{text-align:center;padding:80px 0 20px}.hero-title{color:#1a1a1a;margin-bottom:8px;font-size:32px;font-weight:700}.hero-subtitle{color:#777;font-size:16px}.search-bar-container{transition:all .3s}.search-bar-center{padding:30px 0 40px}.search-bar-top{z-index:50;background:#f5f5f5;padding:24px 0 16px;position:sticky;top:56px}.search-form{width:100%}.search-input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:10px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}.search-input-wrapper:focus-within{border-color:#ffe016;box-shadow:0 0 0 3px #ffe01633}.search-icon{color:#aaa;flex-shrink:0;width:20px;height:20px;margin-left:14px}.search-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:14px 12px;font-family:inherit;font-size:16px}.search-input::placeholder{color:#bbb}.search-button{color:#1a1a1a;cursor:pointer;white-space:nowrap;background:#ffe016;border:none;border-radius:8px;margin:4px;padding:10px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.search-button:hover:not(:disabled){background:gold}.search-button:disabled{opacity:.5;cursor:not-allowed}.search-history{z-index:60;background:#fff;border:1px solid #e0e0e0;border-radius:10px;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.search-history-header{color:#999;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.search-history-clear{color:#06c;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px}.search-history-clear:hover{text-decoration:underline}.search-history-item{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.search-history-item:hover{background:#f8f8f8}.history-icon{color:#ccc;flex-shrink:0;width:16px;height:16px}.search-history-text{text-overflow:ellipsis;white-space:nowrap;color:#333;flex:1;font-size:14px;overflow:hidden}.search-history-remove{color:#ccc;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.search-history-remove:hover{color:#ff3b30}.results-area{padding-bottom:60px}.search-results{margin-top:0}.results-header{align-items:center;margin-bottom:16px;display:flex}.results-count{color:#888;font-size:13px}.result-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;margin-bottom:12px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.result-card:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #0000000f}.result-card--expanded{border-color:#ffe016;box-shadow:0 2px 12px #ffe01626}.result-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.result-rank{color:#1a1a1a;background:#ffe016;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.result-info{flex:1;min-width:0}.result-title{color:#1a1a1a;margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.3}.result-time{color:#999;background:#f0f0f0;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:12px;font-weight:400}.result-snippet{color:#666;margin-bottom:6px;font-size:13px;line-height:1.5}.result-badge{color:#06c;background:#e8f2ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.result-chevron{color:#ccc;flex-shrink:0;width:20px;height:20px;margin-top:6px;transition:transform .2s}.result-chevron--open{transform:rotate(180deg)}.result-card-body{border-top:1px solid #f0f0f0;padding:0 20px 20px}.result-answer{margin-top:16px}.result-answer h4{text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:8px;font-size:13px;font-weight:700}.result-answer-text{color:#444;white-space:pre-wrap;font-size:14px;line-height:1.7}.result-video{margin-top:20px}.result-video h4{text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:8px;font-size:13px;font-weight:700}.video-player{margin-top:8px}.video-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.video-wrapper{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.video-wrapper video{border-radius:8px;width:100%;height:100%}.video-error-hint{color:#8d6e00;text-align:center;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:16px;font-size:13px}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.btn-primary{color:#1a1a1a;background:#ffe016}.btn-primary:hover{background:gold}.btn-outline{color:#555;background:#fff;border:1px solid #ddd}.btn-outline:hover{background:#f8f8f8;border-color:#ccc}.search-loading{color:#888;flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.loading-spinner{border:3px solid #e0e0e0;border-top-color:#ffe016;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#c62828;background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;margin-bottom:16px;padding:14px 18px;font-size:14px}.no-results{text-align:center;color:#888;padding:40px 0}.no-results p:first-child{margin-bottom:4px;font-size:16px}.no-results-hint{color:#aaa;font-size:13px}@media (width<=900px){.sidebar{display:none}.search-page{padding:0 16px}.hero-section{padding-top:40px}.hero-title{font-size:24px}}@media (width<=600px){.search-button{padding:10px 16px;font-size:14px}.search-input{padding:12px 10px;font-size:15px}.result-card-header{padding:12px 14px}.result-title{font-size:14px}}