.search-view{display:grid;gap:22px;align-self:start;width:100%}.search-heading{display:grid;gap:8px}.search-heading h1{margin:0;font-size:clamp(2rem,11vw,3.25rem);line-height:.95}.search-bar{display:grid;grid-template-columns:1fr auto;gap:10px}.search-notice{margin:-8px 0 0;padding:10px 12px;border:1px solid rgb(66 199 184 / 35%);border-radius:var(--radius-sm);background:#42c7b81a;color:var(--color-text);font-size:.9rem;font-weight:700}.search-input-field{min-width:0;min-height:46px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:0 14px;outline:none}.search-input-field:focus{border-color:#42c7b8b3;box-shadow:0 0 0 3px #42c7b824}.search-button{min-width:92px}.search-results{display:grid;gap:12px}.search-card{display:grid;grid-template-columns:74px 1fr;gap:12px;min-height:108px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.search-card-poster{display:grid;place-items:center;width:74px;aspect-ratio:2 / 3;overflow:hidden;border-radius:6px;background:var(--color-surface-strong);color:var(--color-muted);font-size:.72rem;text-align:center}.search-card-poster img{width:100%;height:100%;object-fit:cover}.search-card-body{display:grid;align-content:center;gap:8px;min-width:0}.search-card-body h2{margin:0;font-size:1rem;line-height:1.25}.search-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}.search-card-meta span{padding:4px 8px;border-radius:999px;background:var(--color-surface-strong);color:var(--color-muted);font-size:.75rem;font-weight:700}.search-card-add{justify-self:start;min-height:36px}@media (max-width: 380px){.search-bar{grid-template-columns:1fr}}:root{color-scheme:dark;--color-bg: #05070a;--color-surface: #11151b;--color-surface-strong: #171d25;--color-border: #2a3340;--color-text: #f7fafc;--color-muted: #95a1af;--color-accent: #42c7b8;--color-accent-strong: #e9b44c;--shadow-soft: 0 18px 60px rgb(0 0 0 / 32%);--radius-sm: 8px;--radius-md: 12px;--space-page: clamp(16px, 4vw, 28px)}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;margin:0 auto;width:min(100%,520px);background:linear-gradient(180deg,rgb(66 199 184 / 8%),transparent 220px),var(--color-bg);border-inline:1px solid rgb(255 255 255 / 6%)}.app-header{display:flex;align-items:center;gap:12px;padding:18px var(--space-page) 12px}.brand-mark{display:grid;place-items:center;width:40px;aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-accent);font-weight:800}.brand-copy{display:grid;gap:2px;min-width:0}.brand-name{font-size:1rem;font-weight:800}.brand-status,.eyebrow{color:var(--color-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.icon-button,.button,.bottom-nav-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.icon-button{display:grid;place-items:center;width:40px;aspect-ratio:1;margin-left:auto}.app-main{display:grid;align-items:start;padding:var(--space-page)}.foundation-panel{padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft)}.foundation-panel h1{margin:8px 0 10px;font-size:clamp(2rem,12vw,3.4rem);line-height:.95}.lede{max-width:28rem;margin:0;color:var(--color-muted);font-size:1rem;line-height:1.6}.foundation-actions{display:flex;margin-top:24px}.button{min-height:42px;padding:0 16px;font-weight:700}.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px var(--space-page) 18px}.bottom-nav-item{min-height:42px;color:var(--color-muted);font-size:.85rem;font-weight:700}.bottom-nav-item:not(:disabled){color:var(--color-accent);border-color:#42c7b87f}.button:disabled,.icon-button:disabled,.bottom-nav-item:disabled{cursor:not-allowed;opacity:.55}.modal-root,.toast-root{position:fixed;inset:auto 0 0;pointer-events:none}.empty-state{display:grid;gap:8px;color:var(--color-muted);text-align:center}.empty-state h2,.empty-state p{margin:0}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}