:root{--cream:#f7e8c9;--cream2:#fff8ea;--ink:#26231f;--brick:#b64937;--mustard:#d99d32;--olive:#5e6a45;--teal:#4f7771;--paper:#f3dcae;--line:rgba(38,35,31,.14);--muted:#756e63;--shadow:0 16px 40px rgba(72,48,21,.12);--radius:26px;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d9d0bf;color:var(--ink);font-family:var(--sans)}button,input,textarea,select{font:inherit;color:inherit}.app-shell{min-height:100vh;max-width:480px;margin:0 auto;background:var(--cream2);position:relative;box-shadow:0 0 50px rgba(0,0,0,.12);padding-bottom:96px}.topbar{height:72px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:8px 18px;background:rgba(255,248,234,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(38,35,31,.06)}.round-btn{border:1px solid var(--line);width:42px;height:42px;border-radius:50%;background:#fff8;cursor:pointer}.brand{text-decoration:none;color:inherit;text-align:center;line-height:.9}.brand-kicker{display:block;font-size:9px;letter-spacing:.24em;font-weight:700;color:var(--brick)}.brand-name{font-family:var(--serif);font-size:28px}.page{display:none}.page.active{display:block}.hero-card{margin:14px 16px 22px;padding:28px 22px 0;border-radius:32px;background:var(--paper);overflow:hidden;min-height:520px;position:relative;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(60,45,25,.07) 1px,transparent 1px);background-size:5px 5px;opacity:.22;pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:330px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--brick)}h1,h2,h3,p{margin-top:0}.hero-copy h1,.page-intro h1,.detail-title h1{font-family:var(--serif);font-weight:400;font-size:45px;line-height:.92;margin:12px 0 16px}.hero-copy h1 em{font-style:italic;color:var(--brick)}.hero-copy p{font-size:15px;line-height:1.65;max-width:290px}.hero-actions{display:flex;align-items:center;gap:14px;position:relative;z-index:5}.primary-btn{border:0;background:var(--brick);color:#fff;border-radius:999px;padding:13px 18px;font-weight:700;box-shadow:0 8px 18px rgba(182,73,55,.22);cursor:pointer}.primary-btn.wide{width:100%;border-radius:16px;padding:15px}.text-btn,.link-btn{border:0;background:transparent;font-weight:700;color:var(--brick);padding:8px 0;cursor:pointer}.hero-art{height:220px;position:relative;margin-top:20px}.sun-disc{width:210px;height:210px;background:var(--mustard);border-radius:50%;position:absolute;right:-25px;top:16px;opacity:.9}.tv-set{width:196px;height:138px;background:#52463b;border-radius:18px 18px 14px 14px;position:absolute;right:20px;top:45px;transform:rotate(-2deg);box-shadow:0 15px 25px rgba(62,42,24,.2);padding:14px 44px 14px 14px}.tv-screen{height:92px;border-radius:14px;background:linear-gradient(145deg,#e9d4a2,#8b9d8d);border:5px solid #2b2925;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;letter-spacing:.12em}.screen-title{font-weight:800}.screen-sub{font-size:8px;margin-top:6px}.tv-controls{position:absolute;right:11px;top:28px;display:grid;gap:10px}.tv-controls i{display:block;width:20px;height:20px;border-radius:50%;background:#d7c8aa;border:3px solid #312f2b}.vhs{position:absolute;width:120px;height:34px;border:4px solid #2f2d28;background:#272621;color:#f4e4bd;border-radius:5px;padding:5px;text-align:center;font-size:9px;letter-spacing:.15em;font-weight:700;box-shadow:0 8px 12px rgba(0,0,0,.15)}.vhs-a{left:14px;top:145px;transform:rotate(7deg)}.vhs-b{left:40px;top:176px;transform:rotate(-4deg);background:#67483d}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 24px}.quick-strip button{border:1px solid var(--line);background:#fffaf0;border-radius:18px;min-height:78px;padding:10px 5px;font-size:11px;font-weight:700;cursor:pointer}.quick-strip span{display:block;font-size:22px;margin-bottom:5px}.section-block{padding:24px 16px}.tint-block{background:#eee2c7;border-top:1px solid rgba(38,35,31,.07);border-bottom:1px solid rgba(38,35,31,.07)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.section-head h2{font-family:var(--serif);font-size:29px;font-weight:400;margin:4px 0 0}.section-head.compact{margin-top:28px}.section-head.compact h2{font-size:24px}.feature-memory{display:grid;grid-template-columns:42% 1fr;gap:16px;background:#fffaf2;border:1px solid var(--line);border-radius:26px;padding:12px;box-shadow:var(--shadow);cursor:pointer}.feature-poster,.mini-poster,.detail-poster{min-height:230px;border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.poster-one{background:linear-gradient(155deg,#9f3b31,#d06549 55%,#e5b155)}.poster-two{background:linear-gradient(150deg,#51664c,#1f352d 62%,#d69a36)}.poster-three{background:linear-gradient(150deg,#36596c,#172f3d 60%,#c75b3c)}.poster-four{background:linear-gradient(150deg,#846340,#49382a 58%,#d6a140)}.feature-poster:after,.mini-poster:after,.detail-poster:after{content:"影";position:absolute;font-family:serif;font-size:100px;right:-12px;bottom:4px;opacity:.12}.poster-year{font-size:10px;letter-spacing:.18em}.feature-poster b,.mini-poster b,.detail-poster b{font-family:var(--serif);font-size:25px;line-height:.95;position:relative;z-index:2}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span{font-size:9px;padding:5px 7px;background:#efe5d0;border-radius:999px;font-weight:700}.feature-copy h3{font-family:var(--serif);font-size:25px;margin:10px 0 7px}.quote{font-family:var(--serif);font-size:14px;line-height:1.45;color:#5a5147}.meta-row{display:flex;gap:6px;font-size:10px;color:var(--muted);margin-bottom:10px}.ghost-btn{background:transparent;border:1px solid var(--brick);color:var(--brick);border-radius:999px;padding:9px 11px;font-size:10px;font-weight:700;cursor:pointer}.horizontal-cards{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.horizontal-cards::-webkit-scrollbar{display:none}.poster-card{min-width:145px;cursor:pointer}.mini-poster{min-height:196px}.mini-poster span{font-size:9px;letter-spacing:.16em}.mini-poster b{font-size:22px}.poster-card h3{font-family:var(--serif);font-size:18px;margin:9px 0 2px}.poster-card p{font-size:10px;color:var(--muted)}.watch-now-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:13px;display:grid;grid-template-columns:42px 1fr 24px;gap:12px;align-items:center}.watch-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e8f0ea;color:var(--olive);font-size:14px}.watch-now-card strong{font-size:14px}.watch-now-card p{font-size:11px;color:var(--muted);margin:3px 0}.availability{font-size:9px;font-weight:700;color:var(--olive)}.watch-now-card button{border:0;background:transparent;font-size:25px;cursor:pointer}.legal-note,.privacy-copy{font-size:9px;line-height:1.5;color:var(--muted);margin:9px 4px 0}.memory-letter{margin:24px 16px 10px;background:var(--olive);color:#fff;border-radius:28px;padding:28px 24px;position:relative;overflow:hidden}.memory-letter:after{content:"✦";position:absolute;right:18px;top:8px;font-size:80px;opacity:.08}.memory-letter .eyebrow{color:#e8c67d}.memory-letter h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;margin:10px 0}.memory-letter p{font-size:13px;line-height:1.6;color:#f3f1e7}.memory-letter .primary-btn{background:var(--mustard);color:#382d1d}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:78px;background:rgba(255,248,234,.96);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-top:1px solid var(--line);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;display:grid;place-items:center;gap:2px;color:#847b6c;cursor:pointer}.bottom-nav button span{font-size:21px}.bottom-nav button small{font-size:9px;font-weight:700}.bottom-nav button.active{color:var(--brick)}.bottom-nav .memory-action span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--brick);color:#fff;margin-top:-20px;box-shadow:0 7px 18px rgba(182,73,55,.3)}.page-intro{padding:38px 20px 20px}.page-intro h1{font-size:48px;margin:8px 0 12px}.page-intro p{font-size:14px;line-height:1.6;color:var(--muted);max-width:380px}.segment-tabs{display:flex;gap:8px;padding:0 16px 20px;overflow-x:auto;scrollbar-width:none}.segment-tabs button{border:1px solid var(--line);background:#fff8;border-radius:999px;padding:9px 13px;white-space:nowrap;font-size:11px;font-weight:700}.segment-tabs button.active{background:var(--ink);color:white}.decade-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.decade-grid button{border:0;text-align:left;min-height:140px;border-radius:22px;padding:16px;background:#ecd9ad;cursor:pointer}.decade-grid button:nth-child(2){background:#c96b50;color:#fff}.decade-grid button:nth-child(3){background:#637050;color:#fff}.decade-grid button:nth-child(4){background:#6b8b86;color:#fff}.decade-grid small{display:block;font-size:8px;letter-spacing:.14em;font-weight:800}.decade-grid strong{display:block;font-family:var(--serif);font-size:27px;margin:8px 0 18px;font-weight:400}.decade-grid span{font-size:9px;line-height:1.35;opacity:.85}.genre-list{display:grid;gap:8px;padding:0 16px 28px}.genre-list button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;text-align:left;font-weight:700;display:flex;justify-content:space-between}.genre-list button span{font-size:10px;color:var(--muted)}.memory-form{padding:0 16px}.memory-form label{font-size:11px;font-weight:700;display:block}.memory-form textarea,.memory-form select{width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:16px;margin-top:7px;padding:13px;outline:none}.memory-form textarea{height:165px;resize:vertical;line-height:1.55}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.memory-form select{font-size:11px}.tip-card{margin:20px 16px;background:#efe1bf;border-radius:20px;padding:16px;display:grid;grid-template-columns:30px 1fr;gap:10px}.tip-card strong{font-size:12px}.tip-card p{font-size:10px;line-height:1.5;color:var(--muted);margin:4px 0}.community-feed{padding:0 16px;display:grid;gap:12px}.community-feed article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;grid-template-columns:38px 1fr;gap:12px}.memory-avatar{width:38px;height:38px;border-radius:50%;background:var(--mustard);display:grid;place-items:center;font-family:var(--serif);font-size:18px}.community-feed strong{font-size:11px}.community-feed p{font-family:var(--serif);font-size:16px;line-height:1.45;margin:6px 0 10px}.community-feed span{font-size:9px;color:var(--olive);font-weight:700}.community-feed .searching{color:var(--brick)}.search-intro{padding-bottom:8px}.big-search{margin:0 16px;display:grid;grid-template-columns:30px 1fr;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:12px 14px}.big-search span{font-size:23px}.big-search input{border:0;outline:none;background:transparent;font-size:14px}.search-suggestions{padding:14px 16px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.search-suggestions p{font-size:10px;color:var(--muted);margin:0}.search-suggestions button{border:0;background:#eadfca;border-radius:999px;padding:7px 9px;font-size:9px}.search-results{padding:32px 16px;text-align:center}.search-results.empty{color:var(--muted)}.empty-icon{font-size:42px;margin-bottom:10px}.search-results h3{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:5px}.search-results p{font-size:11px;max-width:280px;margin:auto;line-height:1.5}.result-card{display:flex;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:9px;cursor:pointer}.result-thumb{width:58px;height:78px;border-radius:10px;background:linear-gradient(145deg,#52694f,#bb7b43);flex:none}.result-card strong{display:block;font-size:13px;margin-bottom:4px}.result-card p{font-size:10px;margin:0;color:var(--muted)}.detail-page{padding:14px 16px 30px}.back-btn{border:0;background:transparent;padding:10px 0 16px;font-weight:700;color:var(--brick)}.detail-hero{display:grid;grid-template-columns:44% 1fr;gap:16px;align-items:end}.detail-poster{min-height:235px}.detail-title h1{font-size:35px;margin:10px 0}.detail-title p{font-size:11px;color:var(--muted)}.nyonya-note{margin:22px 0;background:#efe0bd;border-left:4px solid var(--brick);border-radius:0 20px 20px 0;padding:18px}.nyonya-note p{font-family:var(--serif);font-size:19px;line-height:1.42;margin:8px 0 0}.detail-section{padding:20px 0;border-top:1px solid var(--line)}.detail-section h2{font-family:var(--serif);font-size:25px;font-weight:400}.detail-section>p{font-size:12px;line-height:1.65;color:var(--muted)}.cast-row{display:flex;gap:12px;overflow-x:auto}.cast-row>div{min-width:88px;text-align:center}.cast-row span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#e9dcc3;font-family:var(--serif);font-size:22px}.cast-row strong,.cast-row small{display:block;font-size:10px}.cast-row small{font-size:8px;color:var(--muted);margin-top:2px}.quote-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;font-family:var(--serif);font-size:18px;line-height:1.45}.quote-card span{display:block;font-family:var(--sans);font-size:9px;color:var(--muted);margin-top:9px}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,16px);width:min(400px,calc(100% - 32px));background:#24211e;color:white;border-radius:14px;padding:12px 14px;font-size:11px;text-align:center;z-index:60;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:30px;overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}.topbar{border-radius:30px 30px 0 0}}