:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background:#f3f7fc;color:#112035}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 10%,#e5f0ff,#f7fbff 45%,#eef5ff)}.page{max-width:1100px;margin:0 auto;padding:24px}.header h1{margin:0;font-size:2rem}.header p{margin-top:8px;color:#365272}.panel{background:#fff;border:1px solid #d0deef;border-radius:14px;padding:16px;margin-top:14px;box-shadow:0 8px 20px #11223514}.form-row{display:grid;grid-template-columns:1fr auto;gap:10px}input,button{font:inherit}input{border:1px solid #b6cbe5;border-radius:10px;padding:10px 12px;background:#fbfdff}button{border:1px solid #1f4e88;background:#225ea8;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.error{color:#b22929;margin:10px 0 0}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.meta-grid>div{border:1px solid #dbe7f4;border-radius:10px;padding:10px;background:#f8fbff;display:grid;gap:4px}.meta-label{font-size:.8rem;color:#5a7594}.video-link{display:inline-block;margin-top:10px;color:#1f4e88}.section-head{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}h2{margin:16px 0 8px}.chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(4px,1fr));align-items:end;gap:2px;min-height:140px;padding:12px;border:1px solid #dbe7f4;border-radius:10px;background:linear-gradient(180deg,#f2f7ff,#f9fcff)}.bar{background:linear-gradient(180deg,#4d89d6,#20538f);border-radius:3px 3px 0 0;min-width:2px}.peaks{display:grid;gap:8px}.peak-item{border:1px solid #dbe7f4;border-radius:10px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:10px;background:#f8fbff}.peak-rank{width:48px;height:48px;border-radius:50%;background:#1f4e88;color:#fff;display:grid;place-items:center;font-weight:700}.peak-time{font-weight:700}.peak-meta{margin-top:3px;color:#365272;font-size:.9rem}.question-line,.snippet-line{margin:8px 0 0}.keyword-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.keyword-pill{background:#e6f0fe;border:1px solid #b9d0f1;color:#174a83;border-radius:999px;padding:4px 9px;font-size:.8rem}@media (max-width: 820px){.form-row{grid-template-columns:1fr}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}