@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";body{background:#0a0a0a;margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--surface:#131315;--surface-raised:#19191c;--border:#ffffff0f;--border-hover:#ffffff1a;--text-4:#3a3a42;--text-3:#56565e;--text-2:#8a8a96;--text-1:#cdcdd6;--text-0:#ededf0;--accent:#c75d38;--accent-hover:#d4694a;--accent-muted:#c75d381a;--radius:10px;--radius-sm:6px;--max-w:880px}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;font-family:Instrument Sans,system-ui,-apple-system,sans-serif}.app{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:50;-webkit-backdrop-filter:saturate(120%)blur(20px);border-bottom:1px solid var(--border);background:#0a0a0beb;position:sticky;top:0}.header-inner{max-width:var(--max-w);align-items:center;gap:16px;height:56px;margin:0 auto;padding:0 24px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:var(--accent);color:#fff;letter-spacing:-.5px;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.logo span{color:var(--text-0);letter-spacing:-.4px;font-size:.9rem;font-weight:600}.header-search{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;max-width:360px;margin-left:auto;transition:border-color .2s;display:flex}.header-search:focus-within{border-color:var(--border-hover)}.header-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;height:36px;padding:0 12px;font-family:inherit;font-size:.8rem}.header-search input::placeholder{color:var(--text-4)}.header-search button{border:none;border-left:1px solid var(--border);color:var(--text-3);cursor:pointer;background:0 0;justify-content:center;align-items:center;height:36px;padding:0 12px;transition:color .15s;display:flex}.header-search button:hover{color:var(--text-1)}main{flex:1}.landing{flex-direction:column;gap:40px;max-width:520px;margin:0 auto;padding:120px 24px 80px;display:flex}.landing-text h1{color:var(--text-0);letter-spacing:-1.6px;font-size:2.8rem;font-weight:700;line-height:1.1}.landing-text h1 em{color:var(--accent);font-style:normal}.landing-text p{color:var(--text-3);letter-spacing:-.1px;margin-top:14px;font-size:.95rem;line-height:1.6}.landing-input{flex-direction:column;gap:10px;display:flex}.landing-input input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-0);letter-spacing:-.1px;outline:none;padding:15px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.landing-input input:focus{border-color:var(--border-hover)}.landing-input input::placeholder{color:var(--text-4)}.landing-input button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:-.1px;border:none;width:100%;padding:14px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s}.landing-input button:hover{background:var(--accent-hover)}.landing-input button:disabled{opacity:.35;cursor:not-allowed}.landing-err{color:var(--accent);font-size:.8rem}.inline-err{text-align:center;color:var(--accent);padding:16px;font-size:.8rem}.loader{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:72px 24px;display:flex}.loader-bar{background:var(--border);border-radius:2px;width:40px;height:2px;position:relative;overflow:hidden}.loader-bar:after{content:"";background:var(--accent);border-radius:2px;width:40%;animation:.9s ease-in-out infinite slide;position:absolute;inset:0}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loader p{color:var(--text-4);font-size:.78rem}.dots:after{content:"...";animation:1s steps(3,end) infinite blink}@keyframes blink{0%{content:"."}33%{content:".."}66%{content:"..."}}.wrap{max-width:var(--max-w);margin:0 auto;padding:8px 24px 48px}.label{color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;font-size:.7rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,box-shadow .2s;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:0 2px 12px #00000040}.card--on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 2px 16px var(--accent-muted)}.card-img{aspect-ratio:16/9;background:#08080a;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.card:hover .card-img img{transform:scale(1.04)}.card-img-empty{width:100%;height:100%;color:var(--text-4);justify-content:center;align-items:center;display:flex}.card-dur{color:var(--text-2);letter-spacing:.2px;background:#000000bf;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:600;position:absolute;bottom:6px;right:6px}.card-title{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.1px;padding:10px 12px;font-size:.76rem;overflow:hidden}.theater{aspect-ratio:16/9;border-radius:var(--radius);background:#000;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 16px 64px -12px #000000b3}.theater video{width:100%;height:100%;position:absolute;top:0;left:0}.now-playing{padding:14px 2px}.np-text h2{color:var(--text-1);letter-spacing:-.2px;font-size:.88rem;font-weight:600;line-height:1.4}.np-text span{color:var(--text-4);letter-spacing:.2px;font-size:.72rem}.seo-section{max-width:var(--max-w);border-top:1px solid var(--border);margin:0 auto;padding:48px 24px 32px}.seo-section h2{color:var(--text-2);letter-spacing:-.3px;margin-bottom:8px;font-size:1.1rem;font-weight:600}.seo-section>p{color:var(--text-3);max-width:560px;font-size:.82rem;line-height:1.6}.seo-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.seo-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.seo-item h3{color:var(--text-1);margin-bottom:6px;font-size:.78rem;font-weight:600}.seo-item p{color:var(--text-3);font-size:.72rem;line-height:1.5}@media (width<=640px){.seo-section{padding:32px 16px 24px}.seo-grid{grid-template-columns:1fr;gap:10px}}.foot{text-align:center;color:var(--text-4);letter-spacing:.3px;padding:48px 16px;font-size:.7rem}.heart{color:var(--accent);font-size:.8rem}@media (width<=768px){.header-inner{height:52px;padding:0 16px}.header-search{flex:1;max-width:none}.landing{gap:32px;padding:80px 20px 60px}.landing-text h1{letter-spacing:-1px;font-size:2.1rem}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.wrap{padding:8px 16px 40px}}@media (width<=640px){.header{padding-top:env(safe-area-inset-top)}.header-inner{gap:10px;height:48px;padding:0 14px}.logo-mark{border-radius:6px;width:26px;height:26px;font-size:.72rem}.logo span{font-size:.82rem}.header-search input{height:38px;padding:0 10px;font-size:.82rem}.header-search button{justify-content:center;min-width:44px;height:38px;padding:0 12px}.landing{gap:28px;padding:52px 18px 48px}.landing-text h1{letter-spacing:-.6px;font-size:1.75rem}.landing-text h1 br{display:none}.landing-text p{margin-top:10px;font-size:.85rem}.landing-input input{padding:14px 16px;font-size:1rem}.landing-input button{-webkit-tap-highlight-color:transparent;min-height:50px;padding:14px;font-size:.95rem}.wrap{padding:8px 14px 32px}.label{margin-bottom:10px;font-size:.66rem}.grid{grid-template-columns:1fr;gap:6px}.card{-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:row;align-items:center;display:flex}.card:hover{transform:none}.card:active{background:var(--surface-raised)}.card-img{border-radius:8px 0 0 8px;width:110px;min-width:110px}.card-dur{font-size:.58rem;bottom:4px;right:4px}.card-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:10px 12px;font-size:.78rem;display:-webkit-box;overflow:hidden}.theater{width:calc(100% + 28px);box-shadow:none;border-radius:0;margin:0 -14px}.now-playing{padding:12px 2px}.np-text h2{font-size:.82rem}.np-text span{font-size:.68rem}.foot{padding:28px 16px;padding-bottom:max(28px, env(safe-area-inset-bottom))}.loader{padding:48px 24px}.inline-err{padding:12px 16px;font-size:.78rem}}@media (width<=380px){.logo span{display:none}.landing-text h1{font-size:1.5rem}.landing-text p{font-size:.8rem}.landing-input input{padding:12px 14px;font-size:.95rem}.landing-input button{min-height:48px;padding:12px;font-size:.9rem}.card-img{width:90px;min-width:90px}.card-title{padding:8px 10px;font-size:.72rem}.np-text h2{font-size:.78rem}}@supports (padding:max(0px)){@media (width<=640px){.header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.landing{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}.wrap{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}}}@media (height<=500px) and (orientation:landscape){.landing{flex-direction:row;align-items:center;gap:14px;max-width:100%;padding:20px 24px}.landing-text{flex:1}.landing-text h1{font-size:1.3rem}.landing-text p{display:none}.landing-input{flex:1;max-width:300px}.landing-input input{padding:10px 14px}.landing-input button{min-height:40px;padding:10px}.theater{aspect-ratio:auto;max-height:75vh}.theater video{max-height:75vh;position:relative}.foot{padding:16px}}@media (pointer:coarse){.card,.landing-input button,.header-search button,.logo{-webkit-user-select:none;user-select:none}}
