@layer reset,product;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}}@layer product{.rating-section{display:grid;gap:12px}.rating-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.rating-option{display:grid;gap:3px;place-items:center;min-height:58px;border:0;border-radius:var(--r);background:var(--surface);color:var(--muted);font:14px var(--mono);padding:6px 2px}.rating-option small{font:9px var(--mono);text-align:center;overflow-wrap:anywhere}.rating-option.selected{color:var(--signal);background:color-mix(in srgb,var(--signal) 14%,var(--surface))}.clear-rating{justify-self:start;border:0;background:transparent;color:var(--muted);font:12px var(--mono);padding:0}.clear-rating:hover{color:var(--blue)}.accordion-list{display:grid;gap:0}.movie-accordion{border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.movie-accordion:first-child{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.movie-accordion summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:72px;padding:12px 0;color:var(--text);cursor:pointer;list-style:none}.movie-accordion summary::-webkit-details-marker{display:none}.movie-accordion summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.movie-accordion summary:hover .film-title,.movie-accordion[open] summary .film-title{color:var(--blue)}.accordion-heading{display:grid;gap:3px;min-width:0}.accordion-heading .film-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-trailing{display:flex;align-items:center;gap:10px;color:var(--muted)}.accordion-rating{min-width:24px;color:var(--signal);font:700 14px var(--mono);text-align:center}.accordion-bookmark{width:18px;height:18px;color:var(--muted)}.accordion-chevron{display:grid;place-items:center;width:24px;height:24px;color:var(--muted);font:22px/1 var(--display);transition:transform var(--ease)}.movie-accordion[open] .accordion-chevron{transform:rotate(180deg);color:var(--blue)}.accordion-content{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:4px 0 24px;color:var(--muted);animation:accordion-enter .18s ease-out both}.accordion-copy{display:grid;gap:10px;min-width:0}.accordion-copy p{max-width:42ch}.accordion-copy .action-link{min-height:44px;color:var(--text);font-size:15px}.accordion-copy .clear-rating{justify-self:start}.accordion-content .poster{width:64px;align-self:start}@keyframes accordion-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{color-scheme:dark;--ink:#021129;--bg:#021129;--surface:#091c35;--text:#d4e4f1;--muted:#89a9c6;--line:#253f5c;--blue:#8ebde4;--signal:#e58c40;--display:"Azeret Mono","IBM Plex Mono",SFMono-Regular,Consolas,monospace;--body:Newsreader,"Iowan Old Style","Palatino Linotype",Georgia,serif;--mono:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;--r:8px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--ease:.18s ease-out}body{background:radial-gradient(72rem 72rem at 82% 4%,color-mix(in oklch,var(--blue) 30%,transparent),transparent 50%),linear-gradient(135deg,var(--bg),color-mix(in oklch,var(--bg) 76%,var(--surface)));color:var(--text);font:18px/1.55 var(--body)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app{width:min(100%,720px);height:100dvh;min-height:0;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));overflow:hidden}.app-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0 16px}.brand{font:700 18px var(--display);letter-spacing:-.04em}.menu-button,.plain-icon{display:grid;place-items:center;border:0;background:transparent;color:var(--text);min-width:44px;min-height:44px}.menu-button svg,.plain-icon svg{width:22px;height:22px}.menu-button:hover,.plain-icon:hover{color:var(--blue)}.scroll-region{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent}.scroll-region::-webkit-scrollbar{width:6px}.scroll-region:hover{scrollbar-color:var(--line) transparent}.view-kicker,.eyebrow{color:var(--muted);font:12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--display);letter-spacing:-.045em}h1{font-size:clamp(31px,8vw,47px);line-height:1.05}h2{font-size:26px;line-height:1.15}.copy{max-width:38ch;color:var(--muted)}.hero{padding:24px 0 32px}.hero .copy{margin-top:16px}.search-link{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin:0 0 24px;padding:0 16px;border:0;border-radius:var(--r);background:color-mix(in srgb,var(--text) 12%,transparent);color:var(--text);font:16px var(--display)}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.film-count{color:var(--muted);font:12px var(--mono)}.filters{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 16px;padding:0 16px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border:0;background:transparent;min-height:44px;padding:0 4px;color:var(--muted);font:12px var(--mono);white-space:nowrap}.filter[aria-pressed=true]{color:var(--signal)}.film-list{display:grid;gap:8px}.film{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;gap:16px;align-items:center;width:100%;min-height:94px;padding:8px 0;border:0;background:transparent;color:var(--text);text-align:left}.film:hover .film-title{color:var(--blue)}.poster{display:grid;place-items:center;width:64px;aspect-ratio:2/3;object-fit:cover;background:var(--surface);color:var(--blue);padding:4px;font:10px/1.15 var(--mono);text-align:center}.poster-placeholder{gap:4px}.film-info{display:grid;min-width:0;gap:2px}.film-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 20px/1.2 var(--display);transition:color var(--ease)}.film-meta,.film-note{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:15px}.film-status{display:grid;place-items:center;color:var(--signal)}.film-status svg{stroke-width:1.6}.empty{padding:48px 0;color:var(--muted);max-width:34ch}.action-link{display:block;width:100%;min-height:48px;padding:8px 0;border:0;background:transparent;color:var(--text);font:18px var(--display);text-align:left;transition:color var(--ease),transform var(--ease)}.action-link:hover{color:var(--blue);transform:translate(3px)}.action-link.primary{color:var(--signal)}.action-link span{display:block;color:var(--muted);font:13px/1.3 var(--body)}.form{display:grid;gap:16px}.form label{display:grid;gap:8px;color:var(--muted);font:13px/1.3 var(--mono)}.form input,.form textarea{width:100%;min-height:44px;padding:6px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text)}.form textarea{min-height:88px;resize:vertical}.form-actions{display:grid;gap:8px;margin-top:8px}.notice{color:var(--blue);font-size:14px}.error{display:flex;justify-content:space-between;gap:8px;margin:0 0 12px;color:var(--signal);font:13px var(--mono)}.error button{border:0;background:transparent;color:inherit}.auth-wrap{display:grid;place-items:center}.auth{width:min(100%,450px)}.auth h1{margin-top:8px}.auth .copy{margin:20px 0 32px}.overlay{position:fixed;z-index:10;inset:0;width:100%;height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));overflow:auto;background:linear-gradient(155deg,var(--ink) 0%,var(--ink) 58%,var(--surface) 100%);animation:enter .18s ease-out}.close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.menu-overlay{display:grid;place-items:center}.menu-links{display:grid;justify-items:center;gap:24px;width:100%}.menu-links button{border:0;background:transparent;color:var(--text);font:400 clamp(22px,6vw,32px) var(--display)}.menu-links button:hover{color:var(--blue)}.api-key-link{font-size:13px!important;color:var(--muted)!important}.key-output{width:min(100%,450px);min-height:90px;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:8px}.detail{display:grid;gap:24px;width:min(100%,560px);margin:48px auto 0}.detail-top{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start}.detail-top .poster{width:96px}.detail-text{color:var(--muted);max-width:44ch}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{color:var(--blue);font:12px var(--mono)}.search-overlay{background:radial-gradient(72rem 72rem at 82% 4%,color-mix(in oklch,var(--blue) 30%,transparent),transparent 50%),linear-gradient(135deg,var(--bg),color-mix(in oklch,var(--bg) 76%,var(--surface)))}.search-box{padding-top:48px}.search-input{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);color:var(--muted)}.search-input input{flex:1;min-height:56px;border:0;background:transparent;color:var(--text);font:18px var(--display)}.search-results{display:grid;gap:8px;margin-top:24px}.search-result{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;min-height:64px;padding:8px 0;border:0;background:transparent;color:var(--text);text-align:left}.search-result .poster{width:48px}.search-result strong,.search-result small{display:block}.search-result strong{font:16px var(--display)}.search-result small,.search-feedback{color:var(--muted);font-size:14px}.accordion-search-results{gap:0}.accordion-search-results .movie-accordion{border-color:color-mix(in srgb,var(--line) 58%,transparent)}.search-attribution{margin-top:24px;color:var(--muted);font:11px/1.45 var(--mono)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:768px){.app{padding-inline:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}}