@charset "UTF-8";
:root{--bg:#0e151e;--side:#101820;--surface:#151e27;--surface-light:#1a2530;--line:#ffffff0f;--text:#e9e8e2;--muted:#8c98a4;--subtle:#596875;--gold:#d9b884;--gold-dim:#b49a74;--paper:#eee6d4;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.7;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.4}button,input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0;background:none}svg{display:block;flex-shrink:0}button svg{pointer-events:none}img{display:block;max-width:100%}em{font-style:normal}p,h1,h2,h3,h4{margin:0}button .icon,.quiet-button svg{flex-shrink:0}.muted{color:var(--muted)}.eyebrow{font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;font-weight:500;color:var(--gold-dim)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--gold);color:#111;padding:12px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:36px 23px 0;z-index:20}.brand{display:flex;gap:13px;align-items:center;margin:0 1px}.brand-mark{display:flex;gap:4px;align-items:center;height:36px}.brand-mark i{display:block;width:5px;background:var(--gold);height:31px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:13px}.brand strong{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:2px;line-height:1.3;white-space:nowrap}.brand-dot{color:var(--gold);margin-left:2px}.brand small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1px;color:var(--gold-dim);margin-top:7px}.sidebar-caption{font-size:10px;color:var(--subtle);letter-spacing:1px;margin:28px 0 31px 4px}#navigation{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:13px;border-radius:5px;padding:12px 13px;color:#8995a1;transition:background .2s,color .2s;position:relative;font-size:12px}.nav-link svg{width:17px;height:17px}.nav-link.active{background:#d9b8840d;color:var(--gold)}.nav-link.active:before{position:absolute;content:"";width:2px;height:17px;left:-23px;background:var(--gold)}.nav-link:hover{background:#ffffff05;color:var(--text)}.nav-count{margin-left:auto;font:10px Arial;color:#707e8a}.nav-link.active .nav-count{color:var(--gold)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:auto}.sidebar-note{margin-top:60px;padding:0 15px;color:#626f7b}.tiny-spark{font-size:23px;color:#9d8c72}.sidebar-note p{font-family:var(--serif);font-size:13px;line-height:2.2;margin-top:13px;letter-spacing:1.2px}.thin-rule{display:block;background:#ffffff12;width:24px;height:1px;margin:20px 0}.sidebar-note small{font:7px/1.9 Arial;letter-spacing:1.5px;color:#46535f}.sidebar-bottom{margin-top:auto;padding-top:38px}.quiet-button{width:100%;display:flex;align-items:center;gap:9px;color:#788693;font-size:10px;padding:9px 3px}.quiet-button:hover{color:var(--gold)}.quiet-button svg{width:14px;height:14px}.export-arrow{margin-left:auto}.toggle-switch{margin-left:auto;display:block;width:21px;height:12px;border-radius:10px;background:#33404c;position:relative}.toggle-switch:before{content:"";position:absolute;inset:3px auto 3px 3px;border-radius:50%;width:6px;background:#9da6ae}.quiet-button[aria-pressed=true] .toggle-switch{background:#8b7656}.quiet-button[aria-pressed=true] .toggle-switch:before{left:12px;background:var(--paper)}.profile{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;margin-top:20px;padding:20px 0 24px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#d9b88412;border:1px solid #d9b88424;color:var(--gold);font-family:var(--serif)}.profile strong{font-size:10px;font-weight:500;display:block;color:#bcc2c6}.profile small{font-size:8px;color:#5e6e7a;white-space:nowrap}.profile>svg{margin-left:auto;color:#566472;width:12px;height:12px}.status-dot{width:4px;height:4px;border-radius:50%;background:#8da58c;display:inline-block;margin-right:3px}
.app-shell{margin-left:218px;min-height:100vh}.topbar{height:89px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-left{font-size:10px;color:#778492;letter-spacing:.4px}.topbar-actions{display:flex;align-items:center;gap:23px}.global-search{display:flex;align-items:center;gap:9px;color:#667584}.global-search svg{width:14px;height:14px}.global-search input{border:0;background:none;width:180px;color:var(--text);font-size:10px;padding:8px 0}.global-search input::placeholder{color:#61717e}.global-search kbd{font:9px Arial;border:1px solid #ffffff0f;border-radius:3px;padding:1px 4px;color:#52606e}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-size:11px;border-radius:4px;font-weight:500;line-height:1.6;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.button svg{width:14px;height:14px}.button:hover{transform:translateY(-1px)}.button-gold{background:var(--gold);color:#28251f;border:1px solid var(--gold)}.button-gold:hover{background:#e7cba2;box-shadow:0 3px 18px #d9b88415}.button-outline{color:#d4d4cd;border:1px solid #ffffff27;background:#121b2552}.button-outline:hover{background:#ffffff09;border-color:#ffffff47}.button-subtle{color:var(--muted);padding-left:0;padding-right:0}.button-subtle:hover{color:var(--gold)}.mobile-wordmark{display:none}main{padding:33px 42px 0;max-width:1660px;margin:auto;min-height:calc(100vh - 160px)}.section-eyebrow{display:flex;align-items:center;gap:10px;margin:1px 0 16px}.section-eyebrow:before{content:"";width:16px;height:1px;background:var(--gold-dim)}.hero{position:relative;min-height:411px;border:1px solid #ffffff0c;border-radius:7px;overflow:hidden;background:#101820 url('assets/cinema.png') center/cover;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08121ad9 0%,#08121a90 38%,#08121a00 75%),linear-gradient(0deg,#0d161e8c,transparent 70%);z-index:-1}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--light-x,70%) var(--light-y,35%),#f5ca8420,transparent 70%);pointer-events:none;z-index:0;transition:opacity .4s}.hero-content{position:relative;padding:46px 42px;max-width:620px}.hero-tag{display:flex;align-items:center;gap:8px;color:#d2b786;font:8px Arial;letter-spacing:3px}.hero-tag i{width:4px;height:4px;background:#e6ba72;border-radius:50%;box-shadow:0 0 8px #e6ba7270}.hero h1{font-family:var(--serif);font-size:clamp(36px,3.5vw,57px);font-weight:400;line-height:1.55;letter-spacing:4px;margin:19px 0 14px;color:#f3eee1}.hero h1 em{color:#d6bd95}.hero-description{font-size:11px;line-height:2.1;letter-spacing:.9px;color:#b4bbb9}.hero-buttons{display:flex;gap:13px;margin-top:27px}.hero-bottom{position:absolute;inset:auto 27px 17px 42px;display:flex;justify-content:space-between;align-items:center;color:#a2aaa2;font:7px Arial;letter-spacing:2px}.hero-bottom .dash{height:1px;width:24px;background:#a09177;display:inline-block;vertical-align:middle;margin-right:10px}.hero-page{display:flex;align-items:center;gap:12px;color:#c1b49c}.hero-page span{background:#d6bd95;width:18px;height:1px}.hero-page small{color:#727b79}.hero-ticket{position:absolute;right:44px;bottom:50px;width:174px;background:var(--paper);color:#343831;transform:rotate(8deg);padding:15px 17px 10px;box-shadow:4px 15px 24px #0007;transition:transform .35s}.hero-ticket:hover{transform:rotate(2deg) translateY(-7px)}.hero-ticket:before,.paper-ticket:before{content:"";background:radial-gradient(circle at 5px 0,transparent 5px,var(--paper) 5.5px);height:7px;background-size:10px 7px;position:absolute;top:-5px;left:0;right:0}.hero-ticket-label{display:flex;justify-content:space-between;font:6px Arial;letter-spacing:1.2px;border-bottom:1px solid #313c2c24;padding-bottom:10px;color:#777b6b}.hero-ticket h3{font:20px var(--serif);letter-spacing:3px;margin:15px 0 5px}.hero-ticket p{font-size:7px;color:#6e7567}.hero-ticket .stars{font-size:10px;margin:9px 0;color:#9b7c43}.hero-ticket-date{font:8px monospace;letter-spacing:2px}.hero-ticket-divider{border-top:1px dashed #898c7666;margin:12px -17px 8px;position:relative}.hero-ticket-divider:before,.hero-ticket-divider:after{content:"";position:absolute;top:-5px;width:9px;height:9px;border-radius:50%;background:#13202a}.hero-ticket-divider:before{left:-4px}.hero-ticket-divider:after{right:-4px}.barcode{height:22px;width:100%;background:repeating-linear-gradient(90deg,#303c30 0 1px,transparent 1px 3px,#303c30 3px 5px,transparent 5px 6px,#303c30 6px 7px,transparent 7px 10px);opacity:.7}.hero-ticket-foot{font:5px Arial;letter-spacing:1.2px;margin-top:6px;text-align:center;color:#6d725f}
.overview-line{display:flex;align-items:center;gap:29px;padding:20px 1px 26px;border-bottom:1px solid var(--line);margin-bottom:27px}.overview-stat{display:flex;align-items:baseline;gap:7px}.overview-stat strong{font:22px Georgia,serif;color:#ded9ca}.overview-stat span{font-size:9px;color:#6f7f8c}.stat-divider{width:1px;height:16px;background:#ffffff13}.overview-note{margin-left:auto;font-size:9px;color:#657581;display:flex;gap:7px;align-items:center}.overview-note svg{width:11px;height:11px;color:#9d8f79}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.section-title-line{display:flex;gap:12px;align-items:baseline}.section-heading h2{font:22px var(--serif);letter-spacing:2px;font-weight:400}.section-heading small{color:#62717d;font:8px Arial;letter-spacing:2px}.section-heading .section-subtitle{font-size:10px;color:#6f7f8c;margin-top:6px;letter-spacing:.4px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#a89980}.text-link:hover{color:var(--gold)}.text-link svg{width:13px;height:13px}.filter-row{display:flex;align-items:center;gap:8px;margin-bottom:20px}.filter-chip{padding:5px 12px;color:#7c8b96;font-size:10px;border:1px solid transparent;border-radius:3px;white-space:nowrap;transition:all .2s}.filter-chip.active{background:#d9b8840b;border-color:#d9b88424;color:var(--gold)}.filter-chip:hover{color:var(--gold);background:#ffffff04}.filter-row .filter-label{color:#526270;font-size:9px;margin-left:auto;display:flex;gap:6px;align-items:center}.filter-label svg{width:12px;height:12px}.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.movie-card{text-align:left;padding:0;min-width:0;display:block;width:100%;border-radius:5px}.poster-wrap{position:relative;aspect-ratio:400/580;border-radius:5px;overflow:hidden;isolation:isolate;box-shadow:0 9px 18px #00000020;background:#1e2c33;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.poster-wrap>img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .4s}.poster-wrap:after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 0 1px #ffffff0d;border-radius:inherit;pointer-events:none}.movie-card:hover .poster-wrap{transform:translateY(-6px);box-shadow:0 16px 32px #0005}.movie-card:hover .poster-wrap>img{transform:scale(1.035);filter:brightness(1.08)}.poster-note{position:absolute;inset:auto 0 0;padding:35px 14px 16px;transform:translateY(12px);opacity:0;transition:opacity .3s,transform .4s;background:linear-gradient(transparent,#08121af2 34%);font-family:var(--serif);font-size:12px;line-height:1.8;color:#e0dacb}.movie-card:hover .poster-note,.movie-card:focus-visible .poster-note{opacity:1;transform:translateY(0)}.rewatch-badge{position:absolute;top:10px;left:10px;padding:3px 6px;display:flex;align-items:center;gap:4px;border:1px solid #fff2;background:#0a171aa6;border-radius:3px;font-size:7px;color:#dbd8c9;backdrop-filter:blur(5px)}.rewatch-badge svg{width:9px;height:9px}.poster-favorite{position:absolute;top:11px;right:11px;color:#efdec1;font-size:11px;filter:drop-shadow(0 1px 2px #000)}.movie-info{padding-top:13px}.movie-title{display:flex;align-items:baseline;gap:6px;justify-content:space-between}.movie-title h3{font-size:12px;font-weight:500;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-title .movie-year{font:9px Arial;color:#5e7180;flex-shrink:0}.movie-english{font:6px Arial;letter-spacing:1.1px;color:#536573;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px}.stars{color:var(--gold);letter-spacing:2px;font-size:9px;white-space:nowrap}.stars .empty-star{color:#45505a}.movie-meta time{font:8px Arial;color:#6c7d8a;letter-spacing:.4px}.memory-teaser{border:1px solid #d9b8841a;border-radius:5px;margin-top:34px;display:flex;align-items:center;justify-content:space-between;padding:23px 26px;gap:20px;position:relative;overflow:hidden;background:linear-gradient(105deg,#d9b88407,#d9b88400 70%)}.teaser-main{display:flex;align-items:center;gap:20px}.teaser-reel{width:41px;height:41px;border:1px solid #c9ac7d40;border-radius:50%;display:grid;place-items:center;color:var(--gold)}.teaser-reel svg{width:22px;height:22px}.teaser-copy h3{font:17px var(--serif);letter-spacing:2px}.teaser-copy p{font-size:9px;color:#768692;margin-top:6px}.teaser-tags{display:flex;gap:19px;color:#6d7b85;font-size:8px;margin-right:10px}.teaser-tags span{position:relative}.teaser-tags span+span:before{content:"·";position:absolute;left:-11px}.teaser-right{display:flex;gap:28px;align-items:center}.footer{display:flex;justify-content:space-between;gap:20px;padding:29px 42px 25px;font-size:8px;color:#4b5c6b;letter-spacing:.8px;max-width:1660px;margin:auto}.footer>span:last-child{font:7px Arial;letter-spacing:1.4px}.footer-dot{margin:0 7px;color:#8a7960}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin:5px 0 28px;gap:20px}.page-head h1{font:34px var(--serif);font-weight:400;letter-spacing:3px;margin:10px 0}.page-head p{font-size:11px;color:#7a8996;letter-spacing:.5px}.demo-badge{display:inline-flex;align-items:center;gap:5px;color:#6d7c87;border:1px solid #ffffff13;border-radius:3px;padding:3px 7px;font-size:8px;white-space:nowrap}.demo-badge i{width:4px;height:4px;background:#8c9c87;border-radius:50%}.archive-toolbar{padding:19px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.archive-toolbar .filter-row{margin:0;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #ffffff16;border-radius:4px;padding:7px 12px;background:#ffffff02;min-width:220px}.search-field svg{width:14px;height:14px;color:#70828e}.search-field input{width:100%;background:none;border:0;font-size:10px;color:var(--text)}.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:30px}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #ffffff12;border-radius:5px;grid-column:1/-1;color:#84929b}.empty-state>svg{margin:0 auto 17px;color:var(--gold);width:32px;height:32px}.empty-state h3{font:21px var(--serif);margin-bottom:8px;color:#cecfc6}.empty-state p{font-size:11px;margin-bottom:20px}.archive-count{font-size:9px;color:#607280;margin-top:23px}.watch-card{position:relative}.watch-actions{display:flex;gap:6px;margin-top:13px}.watch-actions .button{font-size:9px;padding:7px 10px;flex:1}.watch-actions .icon-button{width:30px;flex-shrink:0;border:1px solid #ffffff13}.catalog-suggestions{border-top:1px solid var(--line);padding-top:27px;margin-top:35px}.suggestion-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:7px}.suggestion{display:flex;align-items:center;gap:12px;text-align:left;background:#ffffff03;border:1px solid #ffffff0d;padding:10px 13px;border-radius:4px;flex:0 0 220px}.suggestion img{width:32px;height:46px;object-fit:cover;border-radius:2px}.suggestion strong{font-size:11px;font-weight:400;display:block}.suggestion small{font-size:8px;color:#778692}.suggestion>svg{width:15px;height:15px;margin-left:auto;color:var(--gold)}
.memory-workspace{border:1px solid #ffffff10;background:#111a23;border-radius:7px;overflow:hidden}.memory-toolbar{display:flex;justify-content:space-between;align-items:center;padding:21px 26px;border-bottom:1px solid #ffffff09;gap:20px}.memory-period{display:flex;gap:18px;align-items:center}.memory-period select{background:transparent;color:var(--text);border:0;font-family:var(--serif);font-size:22px;letter-spacing:2px;min-width:155px;cursor:pointer}.memory-period select option{background:var(--surface);font:12px var(--sans)}.period-arrows{display:flex;gap:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:#84939d;transition:color .2s,background .2s;flex-shrink:0}.icon-button svg{width:17px;height:17px}.icon-button:hover{color:var(--gold);background:#ffffff06}.memory-summary{font-size:10px;color:#70818f;margin-top:4px}.memory-toolbar-right{display:flex;gap:20px;align-items:center}.memory-capabilities{font-size:8px;color:#6f7f88;letter-spacing:1px}.timeline-control{padding:22px 28px 5px}.timeline-ruler{position:relative;background:repeating-linear-gradient(90deg,transparent 0 12px,#73859136 12px 13px,transparent 13px 25px);background-size:25px 7px;background-repeat:repeat-x;background-position:0 6px;padding-bottom:14px}.timeline-control input{display:block;width:100%;height:17px;accent-color:var(--gold);background:none;cursor:ew-resize}.timeline-control input::-webkit-slider-runnable-track{height:1px;background:#8e9b9c40}.timeline-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gold);width:9px;height:15px;margin-top:-7px;border:2px solid #26313a;border-radius:2px;box-shadow:0 0 12px #d9b88430}.timeline-control input{-webkit-appearance:none;appearance:none}.timeline-labels{display:flex;justify-content:space-between;font:8px Arial;color:#5f7381;letter-spacing:1px;padding-top:4px}.timeline-help{color:#5b6e7b;font-size:8px;display:flex;gap:6px;align-items:center;justify-content:center;margin:13px 0 1px}.timeline-help svg{width:11px;height:11px}.memory-strip{display:flex;gap:20px;overflow-x:auto;padding:20px 27px 27px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#404640 transparent}.memory-entry{flex:0 0 276px;scroll-snap-align:start}.memory-entry-date{font:8px Arial;color:#7b8c98;margin-bottom:11px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.memory-entry-date:before{content:"";width:4px;height:4px;background:var(--gold);border-radius:50%}.memory-ticket{display:flex;width:100%;background:#e8e1d2;color:#29352f;min-height:143px;border-radius:3px;overflow:hidden;text-align:left;position:relative;transition:transform .3s}.memory-ticket:hover{transform:translateY(-4px)}.memory-ticket>img{width:79px;object-fit:cover;flex-shrink:0}.memory-ticket-copy{padding:14px 12px 12px;min-width:0;flex:1}.memory-ticket-copy>small{font:5px Arial;letter-spacing:2px;color:#8d8e7c}.memory-ticket h3{font:16px var(--serif);margin:7px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-ticket .stars{color:#9f804e;font-size:8px}.memory-ticket p{font-size:8px;color:#6d7569;line-height:1.8;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memory-ticket-stub{width:23px;border-left:1px dashed #87917b66;position:relative;display:flex;align-items:center;justify-content:center;font:6px Arial;writing-mode:vertical-rl;letter-spacing:2px;color:#858f7d}.memory-ticket-stub:before,.memory-ticket-stub:after{content:"";width:10px;height:10px;background:#111a23;position:absolute;border-radius:50%;left:-5px}.memory-ticket-stub:before{top:-5px}.memory-ticket-stub:after{bottom:-5px}.memory-empty{padding:25px;text-align:center;color:#71838e;font-size:11px;width:100%}.rewatch-area{border-top:1px solid #ffffff0c;padding:24px 27px 27px;background:#ffffff01}.rewatch-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.rewatch-heading h2{font:18px var(--serif);letter-spacing:2px}.rewatch-heading h2 svg{display:inline;vertical-align:-3px;width:16px;height:16px;color:var(--gold);margin-right:8px}.rewatch-heading p{font-size:9px;color:#6e7f8b;margin-top:6px}.rewatch-pills{display:flex;gap:7px}.rewatch-pills button{font-size:9px;border:1px solid #ffffff10;border-radius:3px;padding:5px 10px;color:#87939c}.rewatch-pills button.active{color:var(--gold);border-color:#d9b88440;background:#d9b88407}.comparison{display:grid;grid-template-columns:150px 1fr 1fr;gap:28px;align-items:center}.comparison-image{position:relative;width:150px;height:160px;overflow:hidden;border-radius:4px;--reveal:50%}.comparison-image img{height:100%;width:100%;object-fit:cover;object-position:50% 35%}.comparison-image .past-image{position:absolute;inset:0;filter:sepia(.8) saturate(.45);clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.comparison-image:after{content:"";position:absolute;top:0;bottom:24px;width:1px;background:#f1e6c3a8;left:var(--reveal)}.comparison-image input{position:absolute;bottom:5px;left:9px;width:calc(100% - 18px);accent-color:var(--gold);height:15px;cursor:ew-resize;z-index:1}.comparison-side{min-width:0}.comparison-side .comparison-label{font-size:8px;letter-spacing:1px;color:#7b8d96;display:flex;align-items:center;gap:7px}.comparison-side .comparison-label i{width:4px;height:4px;background:#77868b;border-radius:50%}.comparison-side.new .comparison-label{color:var(--gold)}.comparison-side.new .comparison-label i{background:var(--gold)}.comparison-side time{display:block;font:17px Georgia,serif;color:#c8c8bd;margin:8px 0 11px;letter-spacing:1px}.comparison-side .stars{font-size:10px}.comparison-side blockquote{font:13px/2 var(--serif);margin:12px 0 9px;color:#afb7b3;word-break:break-word}.comparison-side.new blockquote{color:#ddd9c9}.comparison-side small{font-size:8px;color:#627582}.rewatch-empty{display:flex;align-items:center;justify-content:center;gap:15px;padding:22px;color:#72838f;font-size:11px}.rewatch-empty svg{color:var(--gold);width:23px;height:23px}.memory-footnote{font-size:9px;color:#5f727f;display:flex;gap:6px;align-items:center;margin-top:18px}.memory-footnote svg{width:12px;height:12px}
dialog{border:1px solid #ffffff1c;padding:0;background:#131d27;color:var(--text);border-radius:9px;box-shadow:0 30px 100px #0008;max-width:calc(100vw - 36px);max-height:calc(100dvh - 50px)}dialog::backdrop{background:#040a10ca;backdrop-filter:blur(9px)}dialog[open]{animation:dialog-in .3s cubic-bezier(.22,1,.36,1)}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}.dialog-top{padding:20px 27px 0;display:flex;align-items:center;justify-content:space-between}.dialog-top .eyebrow{font-size:7px}.record-dialog{width:850px}.record-layout{display:grid;grid-template-columns:1.2fr 1fr;padding:7px 35px 30px;gap:40px}.record-layout h2{font:28px/1.6 var(--serif);letter-spacing:2px}.record-layout h2 em{color:var(--gold)}.form-intro{font-size:9px;margin:8px 0 22px}.field{font-size:10px;color:#a2afb7;display:flex;flex-direction:column;gap:7px;margin:13px 0}.field input,.field textarea,.field select{width:100%;border:1px solid #ffffff17;background:#0e1720;color:#e0e1d7;border-radius:4px;padding:10px 11px;font-size:11px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#d9b88480}.field input::placeholder,.field textarea::placeholder{color:#526675;font-size:10px}.field textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-row .field{margin-top:0}.rating-field{padding:0;border:0;margin:13px 0}.rating-field legend{font-size:10px;color:#a2afb7;margin-bottom:5px}.rating-buttons{display:inline-flex;gap:5px;vertical-align:middle}.rating-star{color:#4d5e6b;padding:0 2px;font-size:25px;line-height:1.4}.rating-star.active{color:var(--gold)}#rating-caption{font-size:8px;color:#7d8c96;margin-left:10px}.form-error{font-size:10px;color:#e1a897;min-height:16px;line-height:1.8}.save-record{width:100%;margin-top:7px}.save-record>span:last-child{margin-left:auto}.save-record>svg{margin-right:auto}.local-hint{display:flex;gap:6px;align-items:center;justify-content:center;font-size:8px;color:#657a88;margin-top:12px}.local-hint svg{width:10px;height:10px}.ticket-printer{position:relative;border-left:1px solid #ffffff0c;padding:56px 0 0 25px;display:flex;align-items:center;flex-direction:column}.printer-label{font:7px Arial;letter-spacing:2px;color:#607482;margin-bottom:23px}.printer-slot{height:9px;width:260px;border-radius:7px;background:#080f16;box-shadow:0 1px 0 #ffffff16,inset 0 3px 6px #0008;position:relative;z-index:2}.ticket-preview{width:230px;margin-top:-3px;position:relative;transform-origin:top center}.paper-ticket{position:relative;width:100%;background:var(--paper);color:#354036;padding:21px 22px 15px;box-shadow:0 13px 32px #0005}.paper-ticket-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b473320;padding-bottom:12px}.paper-ticket-head strong{font:10px var(--serif);letter-spacing:2px}.paper-ticket-head span{font:6px Arial;letter-spacing:1px;color:#828774}.paper-ticket .ticket-no{font:6px monospace;letter-spacing:2px;color:#90917f;text-align:center;margin-top:20px}.paper-ticket h3{font:25px var(--serif);letter-spacing:2px;text-align:center;margin:11px 0 7px;word-break:break-word}.paper-ticket .ticket-en{font:6px/1.7 Arial;letter-spacing:1.5px;color:#777e6e;text-align:center}.paper-ticket .stars{text-align:center;margin:15px 0;color:#a58752;font-size:12px}.ticket-facts{border-top:1px solid #3b473320;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px 9px}.ticket-facts dt{font:5px Arial;letter-spacing:1.3px;color:#91947f}.ticket-facts dd{font-size:9px;color:#515d4c;margin:4px 0 0;overflow-wrap:anywhere}.ticket-quote{font:11px/1.9 var(--serif);text-align:center;margin:21px 0 18px;color:#6a725f;overflow-wrap:anywhere;max-height:135px;overflow:auto}.paper-ticket .hero-ticket-divider{margin-left:-22px;margin-right:-22px;margin-bottom:12px}.paper-ticket .hero-ticket-divider:before,.paper-ticket .hero-ticket-divider:after{background:#131d27}.paper-ticket .barcode{height:27px;opacity:.6}.paper-ticket .ticket-admit{text-align:center;font:5px Arial;letter-spacing:1.2px;color:#828775;margin-top:9px}.printer-caption{font:11px/2 var(--serif);color:#5c727e;text-align:center;margin-top:31px;letter-spacing:1px}.printing{animation:ticket-print 1s cubic-bezier(.2,.8,.3,1)}@keyframes ticket-print{0%{clip-path:inset(0 0 100% 0);transform:translateY(-12px)}65%{clip-path:inset(0);transform:translateY(0)}85%{transform:rotate(-3deg) translateY(8px)}100%{transform:rotate(0) translateY(0)}}.detail-dialog{width:760px}.detail-layout{display:grid;grid-template-columns:240px 1fr;min-height:420px}.detail-poster{height:100%;min-height:420px;background:#0b141c}.detail-poster>img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:25px 30px}.detail-close-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.detail-close-row .eyebrow{font-size:6px}.detail-copy h2{font:27px var(--serif);letter-spacing:2px}.detail-en{font:8px Arial;letter-spacing:1.4px;color:#71828c;margin-top:7px}.detail-credits{font-size:9px;color:#7b8e99;margin-top:14px;line-height:2}.detail-rating{display:flex;align-items:center;gap:12px;margin:21px 0 13px}.detail-rating .stars{font-size:16px}.detail-rating>span{font:24px Georgia;color:var(--gold)}.detail-note{font:15px/2.1 var(--serif);color:#d8d9cf;margin:17px 0;word-break:break-word}.detail-meta{font-size:10px;color:#81929a;display:flex;flex-wrap:wrap;gap:12px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.detail-actions .button{font-size:10px}.delete-record{font-size:9px;color:#78858a;display:flex;gap:5px;align-items:center;margin-top:18px;padding:0}.delete-record svg{width:11px;height:11px}.delete-record:hover{color:#dfa08c}.detail-delete-confirm{margin-top:12px;color:#d8b49e;font-size:10px}.detail-delete-confirm .button{font-size:9px;padding:5px 10px;margin-left:7px}
.credits-dialog{width:920px;height:620px;background:#090f17 url('assets/cinema.png') center/cover;isolation:isolate;overflow:hidden}.credits-dialog:before{content:"";position:absolute;inset:0;background:#060c13e8;z-index:-1}.credits-top{display:flex;align-items:center;justify-content:space-between;padding:19px 25px;border-bottom:1px solid #ffffff0c;height:65px}.credits-top .eyebrow{font-size:8px}.credits-stage{height:calc(100% - 136px);overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent)}.credits-roll{position:absolute;left:0;right:0;top:0;text-align:center;padding:0 35px;will-change:transform}.credits-brand{font:10px Arial;letter-spacing:8px;color:var(--gold);margin-bottom:22px}.credits-roll h2{font:36px/1.7 var(--serif);font-weight:400;letter-spacing:6px;margin-bottom:18px}.credits-roll .credits-intro{color:#8f9e9f;font-size:11px;letter-spacing:2px;margin-bottom:55px}.credits-chapter{font:7px Arial;letter-spacing:4px;color:var(--gold-dim);margin:38px 0 17px}.credits-roll h3{font:25px var(--serif);letter-spacing:3px;margin:13px 0}.credits-roll .credit-subtitle{font-size:10px;letter-spacing:2px;color:#8c9a99}.credits-movie{margin:20px 0 29px}.credits-movie strong{display:block;font:19px var(--serif);letter-spacing:2px}.credits-movie span{font-size:9px;color:#859493;letter-spacing:1px}.credits-roll blockquote{font:22px/2 var(--serif);max-width:550px;margin:22px auto;color:#e0d6bf;overflow-wrap:anywhere}.credits-end{font:42px var(--serif);color:var(--gold);letter-spacing:4px;margin-top:65px}.credits-final-note{font-size:10px;color:#8c9795;letter-spacing:3px;margin:25px 0 80px}.credits-controls{display:flex;align-items:center;gap:14px;height:71px;padding:15px 26px;background:#0c151ee6;border-top:1px solid #ffffff0c;position:absolute;bottom:0;left:0;right:0}.credits-controls input{flex:1;min-width:0;accent-color:var(--gold);height:12px}.credits-controls>span{font:9px monospace;color:#8e9b9c}.credits-controls .button{padding:8px 12px;font-size:9px}.toast{position:fixed;bottom:28px;left:calc(50% + 109px);transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:100;background:#23332e;border:1px solid #b3c59c30;border-radius:6px;color:#d7deca;padding:11px 22px;font-size:11px;max-width:calc(100vw - 30px);box-shadow:0 8px 28px #0005;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.storage-warning{padding:14px 18px;margin-bottom:20px;background:#b5833912;color:#d2b58d;border:1px solid #b5833933;border-radius:4px;font-size:10px}.storage-warning button{color:var(--gold);text-decoration:underline;padding-left:10px}.page-enter{animation:page-in .4s ease-out}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.fresh-card{animation:card-arrive .8s ease-out}@keyframes card-arrive{from{opacity:0;transform:translateY(-18px) rotate(-4deg)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#35424c;border-radius:9px}::selection{background:#d9b88442;color:#f6eedc}
@media(min-width:1650px){.hero{min-height:465px}.hero-content{padding:55px 48px}.hero h1{font-size:62px}.hero-description{font-size:12px}.hero-ticket{right:68px;bottom:60px;width:195px}.movie-grid{gap:27px}.hero-ticket h3{font-size:24px}.hero-ticket p{font-size:8px}.hero-ticket .barcode{height:28px}}
@media(max-width:1180px){.sidebar{width:190px;padding-left:19px;padding-right:19px}.brand{gap:9px}.brand strong{font-size:19px}.sidebar-caption{font-size:9px}.nav-link.active:before{left:-19px}.app-shell{margin-left:190px}.topbar{padding:0 29px}.topbar-left{display:none}.topbar-actions{width:100%;justify-content:space-between}main{padding:27px 29px 0}.hero{min-height:380px}.hero-content{padding:37px 30px}.hero h1{font-size:45px}.hero-ticket{right:25px;bottom:50px;width:146px;padding:13px}.hero-ticket h3{font-size:17px}.hero-ticket-divider{margin-left:-13px;margin-right:-13px}.hero-bottom{left:30px}.movie-grid{gap:16px}.movie-title h3{font-size:11px}.movie-title .movie-year{font-size:8px}.movie-english{font-size:5px}.movie-meta time{font-size:7px}.stars{font-size:8px;letter-spacing:1px}.teaser-tags{display:none}.footer{padding-left:29px;padding-right:29px}.footer>span:last-child{display:none}.comparison{grid-template-columns:120px 1fr 1fr;gap:20px}.comparison-image{width:120px;height:160px}.memory-capabilities{display:none}.toast{left:calc(50% + 95px)}.hero-description{max-width:320px}.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.hero-ticket{display:none}.hero{min-height:375px}.overview-line{gap:17px}.overview-note{font-size:8px}.section-title-line{gap:8px}.section-heading small{font-size:6px}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.home-grid .movie-card:nth-child(n+4){display:none}.movie-title h3{font-size:12px}.movie-english{font-size:6px}.movie-meta time{font-size:8px}.hero-buttons .button{font-size:10px}.teaser-copy h3{font-size:15px}.memory-teaser{padding:20px}.teaser-reel{display:none}.teaser-right{gap:8px}.memory-period{gap:5px}.memory-toolbar{padding:18px}.memory-period select{font-size:19px;min-width:139px}.memory-toolbar .button{font-size:10px;padding:9px 12px}.comparison{grid-template-columns:1fr 1fr;gap:20px}.comparison-image{grid-column:1/-1;width:100%;height:120px}.comparison-image img{object-position:50% 46%}.rewatch-heading{align-items:flex-start}.rewatch-pills{flex-direction:column}.comparison-side blockquote{font-size:12px}.archive-toolbar{flex-direction:column}.archive-toolbar .search-field{width:100%}.sidebar-note{padding:0 12px}.sidebar-note p{font-size:12px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:70px;display:block;padding:0;border-right:0;border-top:1px solid #ffffff12;background:#101820f5;backdrop-filter:blur(20px)}.sidebar .brand,.sidebar-caption,.sidebar-note,.sidebar-bottom{display:none}#navigation{display:grid;grid-template-columns:repeat(4,1fr);height:100%;gap:0}.nav-link{flex-direction:column;gap:4px;padding:12px 3px 8px;font-size:9px;border-radius:0;justify-content:center}.nav-link svg{height:18px;width:18px}.nav-link.active{background:#d9b88406}.nav-link.active:before{inset:0 37% auto;width:auto;height:2px}.nav-count,.nav-dot{display:none}.app-shell{margin-left:0;padding-bottom:70px}.topbar{height:72px;padding:0 20px;gap:10px}.topbar-left{display:block}.topbar-left #page-context{display:none}.mobile-wordmark{display:block;font:20px var(--serif);color:var(--text);letter-spacing:1px;white-space:nowrap}.mobile-wordmark>span{color:var(--gold)}.topbar-actions{width:auto;gap:10px}.global-search{display:none}.topbar-record{font-size:10px;padding:8px 10px;gap:5px}.topbar-record svg{height:12px;width:12px}main{padding:22px 19px 0;min-height:calc(100vh - 210px)}.section-eyebrow{margin-bottom:12px;font-size:7px;letter-spacing:2.2px}.hero{min-height:385px;background-position:62% center;border-radius:5px}.hero:after{background:linear-gradient(90deg,#08121ad9,#08121a55 85%),linear-gradient(0deg,#08121a99,transparent)}.hero-content{padding:31px 24px}.hero-tag{font-size:6px;letter-spacing:2px}.hero h1{font-size:37px;line-height:1.6;letter-spacing:3px;margin-top:20px}.hero-description{font-size:10px;max-width:260px;letter-spacing:.5px}.hero-buttons{gap:9px;flex-wrap:wrap;margin-top:25px}.hero-buttons .button{font-size:10px;padding:10px 12px}.hero-bottom{left:24px;right:18px;bottom:17px;font-size:5px;letter-spacing:1px}.hero-bottom .dash{width:14px;margin-right:5px}.hero-page{gap:6px}.hero-page span{width:13px}.overview-line{padding:19px 0 21px;gap:17px;margin-bottom:23px}.overview-stat{gap:5px}.overview-stat strong{font-size:22px}.overview-stat span{font-size:8px}.overview-note{font-size:0;margin-left:auto;gap:0}.overview-note svg{height:13px;width:13px}.stat-divider{height:13px}.section-heading h2{font-size:21px}.section-heading small{display:none}.section-heading{margin-bottom:16px}.section-heading .section-subtitle{font-size:9px}.text-link{font-size:9px;gap:5px}.filter-row{gap:5px;margin-bottom:16px}.filter-chip{font-size:9px;padding:5px 9px}.filter-label{font-size:8px!important}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.home-grid .movie-card:nth-child(n+4){display:block}.home-grid .movie-card:last-child{display:none}.movie-title h3{font-size:11px}.movie-info{padding-top:11px}.movie-english{font-size:5px;letter-spacing:1px}.movie-meta{margin-top:8px}.movie-meta time{font-size:7px}.movie-meta .stars{font-size:8px;letter-spacing:1px}.rewatch-badge{left:7px;top:7px;font-size:6px;padding:2px 5px}.poster-favorite{right:8px;top:9px;font-size:9px}.poster-note{font-size:10px;padding-left:10px;padding-right:10px}.memory-teaser{margin-top:27px;padding:20px 17px;gap:10px;align-items:flex-start}.teaser-copy h3{font-size:15px;letter-spacing:1px}.teaser-copy p{font-size:8px;max-width:185px;line-height:1.9}.teaser-right{align-self:center}.teaser-right .text-link{font-size:0;gap:0}.teaser-right .text-link svg{width:23px;height:23px}.footer{padding:22px 20px;display:block;font-size:7px}.footer-dot{margin:0 5px}.page-head{margin-top:1px;margin-bottom:22px;align-items:flex-start}.page-head h1{font-size:29px;margin-top:7px}.page-head p{font-size:10px;line-height:1.9;max-width:250px}.page-head .eyebrow{font-size:7px;letter-spacing:2px}.demo-badge{font-size:6px;padding:3px 5px;margin-top:28px}.archive-toolbar{gap:15px;padding-top:13px}.archive-toolbar .filter-row{flex-wrap:nowrap;overflow:auto;padding-bottom:2px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-toolbar{padding:17px 15px;gap:10px;flex-wrap:wrap}.memory-period{width:100%;justify-content:space-between}.memory-period select{font-size:21px}.memory-toolbar-right{width:100%;justify-content:space-between}.memory-capabilities{display:block;font-size:7px;letter-spacing:.5px}.memory-toolbar .button{font-size:9px;padding:7px 10px}.timeline-control{padding:20px 17px 0}.timeline-labels{font-size:6px;letter-spacing:.3px}.timeline-help{font-size:7px}.memory-strip{padding:17px 16px 24px;gap:15px}.memory-entry{flex-basis:258px}.memory-entry-date{font-size:7px}.rewatch-area{padding:20px 17px}.rewatch-heading{display:block;margin-bottom:17px}.rewatch-heading h2{font-size:16px;letter-spacing:1px}.rewatch-heading p{font-size:8px}.rewatch-pills{flex-direction:row;margin-top:13px;flex-wrap:wrap}.rewatch-pills button{font-size:8px}.comparison{gap:17px}.comparison-image{height:110px}.comparison-side time{font-size:15px}.comparison-side .comparison-label{font-size:7px;letter-spacing:.6px}.comparison-side blockquote{font-size:11px;line-height:2}.comparison-side small{font-size:7px}.comparison-side .stars{font-size:9px}.memory-footnote{font-size:8px;align-items:flex-start;line-height:1.9}.memory-footnote svg{margin-top:3px;flex-shrink:0}.watch-actions .button{font-size:8px;padding:7px}.watch-actions .icon-button{width:27px}.suggestion{flex-basis:205px}.record-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dialog-top{padding:13px 17px 0}.dialog-top .eyebrow{font-size:6px;letter-spacing:1.7px}.record-layout{grid-template-columns:1fr;padding:5px 21px 22px;gap:25px}.record-layout h2{font-size:25px}.form-intro{font-size:8px;margin-bottom:18px}.ticket-printer{border-left:0;border-top:1px solid #ffffff0c;padding:23px 0 0}.printer-caption{margin-top:20px}.form-row{gap:10px}.field input,.field textarea,.field select{font-size:12px}.rating-star{font-size:26px}.detail-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.detail-layout{grid-template-columns:1fr}.detail-poster{height:180px;min-height:0}.detail-poster>img{object-position:50% 35%}.detail-copy{padding:18px 23px 24px}.detail-copy h2{font-size:25px}.detail-close-row{margin-bottom:12px}.detail-en{font-size:7px}.detail-note{font-size:13px}.detail-rating{margin:15px 0 10px}.detail-actions{margin-top:19px}.detail-actions .button{font-size:9px;padding:9px 12px}.credits-dialog{max-width:calc(100vw - 20px);height:calc(100dvh - 80px);max-height:730px}.credits-top{padding:14px 16px;height:59px}.credits-top .eyebrow{font-size:6px;letter-spacing:1px}.credits-controls{padding:10px 12px;gap:8px;height:67px}.credits-controls>span{font-size:7px}.credits-controls .button{padding:8px;font-size:0;gap:0}.credits-controls .button svg{height:14px;width:14px}.credits-stage{height:calc(100% - 126px)}.credits-roll{padding:0 23px}.credits-roll h2{font-size:27px;letter-spacing:3px}.credits-brand{font-size:7px;letter-spacing:5px}.credits-roll blockquote{font-size:18px}.credits-end{font-size:31px}.credits-movie strong{font-size:17px}.toast{left:50%;bottom:88px;font-size:10px;width:max-content}.storage-warning{font-size:9px}.archive-count{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.movie-card:hover .poster-wrap,.movie-card:hover .poster-wrap>img,.hero-ticket:hover{transform:none!important}.hero:before{display:none}.credits-roll{will-change:auto}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reduce-motion .movie-card:hover .poster-wrap,.reduce-motion .movie-card:hover .poster-wrap>img,.reduce-motion .hero-ticket:hover{transform:none}.reduce-motion .hero:before{display:none}.reduce-motion .credits-roll{will-change:auto}