@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Kalam:wght@400;700&display=swap');
:root{--ink:#0d2850;--teal:#16b9b3;--red:#ff4566;--yellow:#fff1bf;--cream:#fffdfa;--mint:#dff7f4;--line:#e6edf4;--hand:'Kalam',cursive;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}button,input,textarea{font:inherit;color:inherit}.top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:#fffdfaf2;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{text-decoration:none;font-family:var(--hand);font-size:26px;font-weight:700;color:var(--teal);line-height:.8}.brand b{color:var(--red);display:inline-block;transform:translateY(9px) rotate(-2deg);margin-left:4px}.top nav{display:flex;gap:8px}.top nav button{border:0;background:transparent;font-weight:800;padding:10px}.hero{min-height:610px;padding:72px 6vw 55px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;background:linear-gradient(145deg,#fffdfa 0 68%,#e7faf7 68%)}.scribble{font-family:var(--hand);color:var(--red);font-size:19px}.hero h1{font-family:var(--hand);font-size:clamp(60px,7.5vw,108px);line-height:.87;letter-spacing:-3px;margin:12px 0 22px}.hero h1 em{font-style:normal;color:var(--teal);position:relative}.hero h1 em:after{content:'';height:8px;background:#ffc400;position:absolute;left:2%;right:0;bottom:5px;z-index:-1;transform:rotate(-2deg)}.hero-copy>p{font-family:var(--hand);font-size:24px;line-height:1.4;max-width:520px}.search{display:flex;max-width:610px;margin-top:30px;box-shadow:0 12px 32px #0d285018}.search input{flex:1;border:2px solid var(--ink);padding:18px 20px;min-width:0;background:white}.search button,.forgot form button,.editorial-main button,.closing button,.enter-memory{border:0;background:var(--teal);color:white;padding:0 24px;font-weight:800}.hero-copy small{display:block;margin-top:12px;color:#64748b}.retro-scene{height:430px;position:relative;background:#ffd04d;border-radius:48% 48% 20px 20px}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#ff6570;right:28px;top:25px}.tv{position:absolute;width:300px;height:220px;background:var(--ink);left:50%;top:115px;transform:translateX(-50%) rotate(-2deg);border-radius:24px;padding:22px}.screen{height:145px;border-radius:18px;background:#dff7f4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--teal);font-family:var(--hand);font-weight:700;font-size:30px}.screen b{color:var(--red);font-size:41px}.tv i{display:inline-block;width:12px;height:12px;background:#ffd04d;border-radius:50%;margin:10px 5px}.tapes{position:absolute;bottom:22px;left:25px;display:flex;gap:5px}.tapes span{background:#fffdfa;border:2px solid var(--ink);padding:8px 12px;font-size:11px;font-weight:900;transform:rotate(-3deg)}.tapes span:nth-child(2){transform:rotate(2deg);background:var(--mint)}.cup{position:absolute;right:25px;bottom:20px;width:68px;height:58px;background:#fff;border:3px solid var(--ink);border-radius:6px 6px 20px 20px;text-align:center;padding-top:7px;font:700 30px var(--hand);color:var(--red)}.feature,.remember,.eras,.faces,.editorial{padding:90px 6vw}.section-title{display:flex;gap:18px;align-items:flex-start;margin-bottom:36px}.section-title>span{font:700 19px var(--hand);color:var(--red);border-top:3px solid var(--red);padding-top:4px}.section-title small{font-weight:900;letter-spacing:2px;color:var(--teal)}.section-title h2{font:700 clamp(42px,4.7vw,66px)/.98 var(--hand);margin:3px 0}.rajawali{display:grid;grid-template-columns:1.15fr .85fr;background:var(--ink);color:white;min-height:420px;border-radius:26px;overflow:hidden}.feature-art{position:relative;background:linear-gradient(135deg,var(--teal),#087d78);overflow:hidden}.year{position:absolute;left:25px;top:25px;background:#ffd04d;color:var(--ink);padding:9px 13px;font-weight:900}.silhouette{position:absolute;font:700 130px/1 var(--hand);color:#fff3;left:20%;bottom:25px}.silhouette.second{left:auto;right:18%;color:#ffd04d55}.feature-copy{padding:55px;align-self:center}.feature-copy small{color:#ffd04d;font-weight:900;letter-spacing:1.5px}.feature-copy h3{font:700 51px var(--hand);margin:8px 0 20px}.quote{font:400 25px/1.45 var(--hand)}.feature-copy button{height:48px;margin-top:12px;border-radius:17px}.feature-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.feature-actions button{margin-top:0;height:42px;padding:0 14px;border:1px solid #ffffff66;background:#ffffff12;color:#fff;font-weight:800}.feature-actions .memory-action.active{background:var(--red);border-color:var(--red)}.feature-actions .shelf-action.active{background:#ffd04d;color:var(--ink);border-color:#ffd04d}.enter-memory{display:block}.mini-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.mini-rail article{padding:20px;border:1px solid var(--line);background:white;border-radius:16px}.mini-rail b,.mini-rail span{display:block}.mini-rail b{font-family:var(--hand);font-size:19px}.mini-rail span{color:#64748b;margin-top:5px;font-size:13px}.remember{background:var(--mint)}.memory-lines{border-top:1px solid #9fd8d2}.memory-lines button{width:100%;display:grid;grid-template-columns:70px 1fr 40px;gap:15px;align-items:center;text-align:left;border:0;border-bottom:1px solid #9fd8d2;background:transparent;padding:20px 5px}.memory-lines i{font:700 38px var(--hand);color:var(--red);font-style:normal}.memory-lines b,.memory-lines small{display:block}.memory-lines b{font:700 27px var(--hand)}.memory-lines small{margin-top:3px}.memory-lines strong{font-size:28px}.era-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.era-grid button{min-height:190px;border:2px solid var(--ink);background:#fffdfa;text-align:left;padding:20px}.era-grid b{font:700 78px var(--hand)}.era-grid sup{font:700 23px var(--hand)}.era-grid small{display:block;margin-top:12px}.era-grid .hot{background:var(--red);color:white}.forgot{margin:30px 6vw 70px;background:#ffd04d;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-radius:26px}.forgot h2{font:700 54px var(--hand);line-height:1;margin:7px 0 25px}.memory-bubbles{display:flex;gap:7px;flex-wrap:wrap}.memory-bubbles span{background:#fffdfa;padding:9px 12px;border-radius:20px;font:15px var(--hand)}.forgot form{display:flex;flex-direction:column}.forgot textarea{height:155px;border:2px solid var(--ink);padding:18px;resize:none}.forgot form button{min-height:50px}.face-rail{display:flex;gap:28px;overflow:auto;padding-bottom:15px}.face-rail button{border:0;background:transparent;min-width:120px}.face-rail i{width:100px;height:100px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal);font:700 29px var(--hand);margin:auto}.face-rail b{display:block;margin-top:9px;font-family:var(--hand);font-size:18px}.editorial{background:#fff6df}.editorial-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.old-tv{min-height:310px;background:var(--ink);color:#ffd04d;display:grid;place-items:center;text-align:center;font:700 41px var(--hand);border-radius:22px}.old-tv b{font-size:22px}.editorial-main small{color:var(--red);font-weight:900}.editorial-main h3{font:700 48px/1.05 var(--hand);margin:8px 0}.editorial-main p{line-height:1.7}.editorial-main button{height:48px;border-radius:17px}.story-links{margin-top:35px;border-top:1px solid #d8c99f}.story-links button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #d8c99f;background:transparent;padding:18px 0;text-align:left;font:700 21px var(--hand)}.closing{text-align:center;padding:110px 20px;background:var(--ink);color:white}.closing h2{font:700 clamp(55px,6.5vw,88px)/.9 var(--hand);margin:10px}.closing p{max-width:580px;margin:25px auto;line-height:1.7;color:#d6e1e5}.closing button{height:52px;border-radius:17px}footer{padding:35px 6vw;display:flex;justify-content:space-between;gap:20px}footer b{font:700 25px var(--hand);color:var(--teal)}footer span{color:#64748b}.kn-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);background:#0d2850;color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:50;box-shadow:0 10px 30px #0d285044;white-space:nowrap}.kn-toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:720px){.top{height:62px;padding:0 18px}.brand{font-size:23px}.top nav button:first-child{display:none}.hero{display:block;min-height:auto;padding:52px 20px 35px;background:#fffdfa}.hero h1{font-size:61px;letter-spacing:-2px}.hero-copy>p{font-size:21px}.search input{padding:15px 13px}.search button{padding:0 16px}.retro-scene{height:285px;margin-top:42px;border-radius:90px 90px 16px 16px}.tv{width:225px;height:165px;top:72px;padding:16px}.screen{height:105px;font-size:22px}.screen b{font-size:31px}.sun{width:110px;height:110px}.tapes span{padding:5px;font-size:8px}.cup{width:48px;height:42px;font-size:19px;padding-top:5px}.feature,.remember,.eras,.faces,.editorial{padding:65px 20px}.section-title h2{font-size:43px}.rajawali{display:block}.feature-art{height:270px}.feature-copy{padding:30px 24px}.feature-copy h3{font-size:42px}.quote{font-size:21px}.feature-actions{display:grid;grid-template-columns:1fr 1fr}.feature-actions button{font-size:12px;padding:0 8px}.enter-memory{width:100%}.mini-rail{display:flex;overflow:auto}.mini-rail article{min-width:210px}.memory-lines button{grid-template-columns:50px 1fr 25px;padding:18px 0}.memory-lines i{font-size:30px}.memory-lines b{font-size:23px}.era-grid{grid-template-columns:1fr 1fr}.era-grid button{min-height:145px}.era-grid b{font-size:61px}.forgot{margin:10px 20px 55px;padding:32px 22px;display:block}.forgot h2{font-size:43px}.forgot form{margin-top:28px}.editorial-main{display:block}.old-tv{min-height:220px;margin-bottom:30px}.editorial-main h3{font-size:39px}.closing{padding:85px 20px}.closing h2{font-size:53px}footer{display:block;padding:30px 20px}footer span{display:block;margin-top:8px;font-size:13px}.kn-toast{bottom:18px;max-width:calc(100% - 30px);white-space:normal;text-align:center}}
/* Visual Pass R1 */
.feature-art.visual-photo{background-size:cover!important;background-position:center 28%!important}.feature-art.visual-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(13,40,80,.18));pointer-events:none}