.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:max(.75rem,env(safe-area-inset-top)) 1rem .5rem}.header h1{margin:0;font-size:1.35rem;font-weight:500;letter-spacing:.02em;color:var(--muted)}@media (max-width: 560px){.header h1{font-size:1.2rem}}.main{flex:1;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));max-width:40rem;margin:0 auto;width:100%;min-width:0;overflow-x:hidden}.form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.search-box{padding:.25rem;border:none;border-radius:999px;background:transparent}.search-hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--muted)}.input-label{margin:0;font-size:.875rem;color:var(--muted)}.input{width:100%;min-height:44px;padding:.5rem .75rem;font-size:16px;font-family:inherit;color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--border);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input.input--search{min-height:52px;padding:.75rem 1.1rem;font-size:18px;background:transparent;border:1px solid var(--border);border-radius:999px;box-shadow:0 1px 2px #0000001f}.input.input--search:hover:not(:disabled){border-color:#ffffff59;box-shadow:0 2px 6px #0000002e}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-bottom-color:var(--text)}.input.input--search:focus{border-color:#ffffffb3;box-shadow:0 0 0 4px #ffffff14,0 3px 10px #0003}.autocomplete{position:relative}.dropdown{position:absolute;left:0;right:0;top:calc(100% + .25rem);background:var(--surface);border:1px solid var(--border);border-radius:.5rem;overflow:hidden;z-index:20}.dropdown-item{width:100%;display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text);cursor:pointer;text-align:left}.dropdown-item:hover{background:#ffffff0a}.dropdown-item.muted{cursor:default;color:var(--muted)}.dropdown-title{font-size:.875rem;line-height:1.3}.dropdown-subtitle{font-size:.75rem;color:var(--muted)}.selected{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:999px;background:transparent;min-width:0}.chip-title{font-size:.75rem;color:var(--text);max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-x{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:0;line-height:1;font-size:1rem}.chip-x:hover{color:var(--text)}.button{width:100%;min-height:44px;padding:.5rem .75rem;font-size:.875rem;font-weight:400;font-family:inherit;color:var(--bg);background:#fff;border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent}.button:hover:not(:disabled){background:#f0f0f0}.button:disabled{opacity:.6;cursor:not-allowed}.error{margin:0;font-size:.8125rem;color:var(--muted)}.results{margin-top:0}.list{margin:0;padding:0;list-style:none;min-width:0}.rec-item{padding:.75rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;min-width:0}.rec-item:last-child{border-bottom:none}.rec-card-top{display:flex;flex-direction:row;gap:.75rem;align-items:flex-start;min-width:0}.rec-thumb-wrap{flex-shrink:0;display:block;line-height:0;-webkit-tap-highlight-color:transparent;min-width:0}.rec-thumb{display:block;width:100%;max-width:120px;height:auto;aspect-ratio:2 / 3;object-fit:cover;background:var(--border)}@media (max-width: 560px){.rec-card-top{flex-direction:row;gap:.625rem}.rec-thumb-wrap{width:auto}.rec-thumb{max-width:84px;width:84px;border-radius:.375rem}.rec-title{font-size:16px}.rec-tags,.rec-why,.rec-overview{font-size:16px;line-height:1.4}}.rec-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.rec-title-row{display:flex;align-items:center;gap:.5rem;color:var(--text)}.rec-copy{flex-shrink:0;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;padding:.25rem .5rem;font-size:.75rem;line-height:1;border-radius:999px}.rec-copy:hover{color:var(--text);border-color:#ffffff59}.rec-tags,.rec-why{font-size:.75rem;line-height:1.4;color:var(--muted)}.rec-overview{font-size:.75rem;line-height:1.4;color:var(--text);opacity:.9}.rec-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);-webkit-tap-highlight-color:transparent}.rec-link:hover{color:var(--muted)}.rec-bracket{flex-shrink:0;font-size:.875rem;color:var(--muted)}.rec-num{flex-shrink:0;font-size:.875rem;color:var(--muted);min-width:1.25rem}.rec-title{flex:1;min-width:0;font-size:.875rem;line-height:1.4}.rec-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;min-width:0}.rec-status{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .75rem;font-size:.875rem;font-weight:400;font-family:inherit;color:var(--bg);background:#fff;border:1px solid var(--border);-webkit-tap-highlight-color:transparent}.rec-watched-btn{min-height:44px;padding:.5rem .75rem;font-size:.875rem;font-weight:400;font-family:inherit;color:var(--bg);background:#fff;border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent}.rec-watched-btn:hover{background:#f0f0f0}.rec-resonance{margin-top:.375rem;display:flex;flex-direction:column;gap:.2rem}.resonance-row{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;line-height:1}.resonance-label{flex-shrink:0;width:7rem;color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resonance-bar-bg{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;min-width:3rem}.resonance-bar-fill{display:block;height:100%;border-radius:3px;background:#ffffff73;transition:width .3s ease}.resonance-val{flex-shrink:0;width:2rem;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.resonance-weight{flex-shrink:0;width:2.5rem;text-align:right;color:var(--muted);opacity:.6;font-variant-numeric:tabular-nums}@media (max-width: 560px){.resonance-label{width:5.5rem;font-size:.625rem}.resonance-val,.resonance-weight{font-size:.625rem}}.rec-yt{margin-left:0;font-size:16px;color:#2563eb;text-decoration:none;-webkit-tap-highlight-color:transparent}.rec-yt:hover{color:#3b82f6}:root{--bg: #0b1220;--surface: #0f1a2b;--border: #1d2a3d;--text: #e6edf6;--muted: #8fa0b3;--font-sans: Arial, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-sans);font-size:16px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh;min-height:100dvh}