@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap";*{box-sizing:border-box}body{margin:0;background:#100b0e;color:#f8efe9;font-family:Noto Sans Thai,sans-serif}main{overflow:hidden}nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid #ffffff12;position:absolute;width:100%;z-index:2;font-size:13px;color:#c8b9b5}.logo{font-family:"DM Serif Display";font-size:29px;color:#fff}.logo span{color:#d8968e;margin-left:3px}button{border:1px solid #ffffff22;background:transparent;color:#fff;border-radius:99px;padding:11px 20px;cursor:pointer}.hero{min-height:790px;padding:185px 8vw 120px;width:68%;background:radial-gradient(circle at 20% 30%,#5a2833 0,transparent 36%),linear-gradient(120deg,#160d12,#100b0e)}.eyebrow,section>small{font-size:11px;letter-spacing:2px;color:#d7a29d;display:flex;gap:8px;align-items:center}.hero h1,.story h2,.pricing h2{font-family:"DM Serif Display";font-size:72px;line-height:1.02;font-weight:400;margin:22px 0}.hero h1 i{color:#dba49c;font-weight:400}.hero>p{max-width:650px;color:#c7b8b4;line-height:1.9}.actions{display:flex;gap:12px;margin:34px 0}.actions button{display:flex;gap:9px;align-items:center}.primary{background:#b96f6b;border:0!important;padding:14px 24px!important}.lookup{display:flex;align-items:center;gap:10px;margin-top:55px;color:#9d8f8c;font-size:12px}.lookup input{width:270px;background:#ffffff08;border:1px solid #ffffff18;border-radius:99px;padding:13px 18px;color:#fff;outline:none}.lookup button{padding:8px;width:42px;height:42px}.phone{position:absolute;right:7vw;top:130px;width:340px;height:620px;border:1px solid #ffffff20;border-radius:42px;padding:12px;background:#1a1216;box-shadow:0 40px 100px #000}.screen{height:100%;border-radius:32px;background:linear-gradient(#24161caa,#120d10),url(https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=800&q=80) center/cover;padding:45px 25px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}.screen small{letter-spacing:2px}.screen h2{font-family:"DM Serif Display";font-size:33px;margin:10px}.screen h2 span{color:#d69a94}.date{font-size:11px;letter-spacing:3px}.photo{height:180px;border-radius:16px;margin:25px 0 10px;background:url(https://images.unsplash.com/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=600&q=80) center/cover;display:flex;align-items:end;padding:12px;font-size:10px;color:#fffa}.screen p{font-family:"DM Serif Display";font-style:italic;font-size:14px}.music{display:flex;justify-content:space-between;background:#ffffff12;padding:10px 14px;border-radius:99px;font-size:10px}.features{padding:80px 7vw;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;background:#f4ece7;color:#26191d}.features article{padding:25px;border-right:1px solid #d7c8c2}.features svg{color:#a95e61}.features h3{font-family:"DM Serif Display";font-size:23px}.features p{font-size:12px;line-height:1.8;color:#77676a}.story{padding:120px 9vw;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;background:#1a1115}.story h2,.pricing h2{font-size:50px}.story p{color:#aa9a98;line-height:2}.timeline{font-family:"DM Serif Display";font-size:24px}.timeline b{font-family:Noto Sans Thai;font-size:10px;color:#b36f6d;margin-right:20px}.timeline hr{border:0;border-top:1px solid #ffffff14;margin:24px 0}.pricing{padding:110px 7vw;background:#f5efea;color:#291b1e;text-align:center}.pricing>small{justify-content:center}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1050px;margin:50px auto}.packs article{border:1px solid #d8c9c3;border-radius:24px;padding:35px;text-align:left;position:relative;background:#fffaf7}.packs article.hot{background:#211519;color:#fff;transform:translateY(-12px)}.packs em{position:absolute;right:20px;top:20px;font-size:9px;letter-spacing:1px;color:#d89a94}.packs h3{font-family:"DM Serif Display";font-size:28px}.packs strong{font-family:"DM Serif Display";font-size:45px}.packs p{font-size:11px;color:#98888a}.line{display:flex;gap:9px;margin:15px 0;font-size:13px}.packs button{width:100%;margin-top:20px;background:#b66d69;border:0}footer{padding:50px 8vw;display:flex;justify-content:space-between;align-items:center;color:#9f9090;font-size:12px}@media(max-width:850px){nav div{display:none}.hero{width:100%;padding:140px 7vw 650px}.hero h1{font-size:48px}.phone{top:600px;right:50%;transform:translate(50%)}.features,.packs,.story{grid-template-columns:1fr}.story{gap:30px}.pricing h2,.story h2{font-size:38px}.lookup{flex-wrap:wrap}.features article{border-right:0;border-bottom:1px solid #d7c8c2}footer{gap:20px;flex-direction:column}}:root{--accent:#dba49c}a{color:inherit;text-decoration:none}.app-nav{position:relative;background:#120b10;display:flex}.app-nav>div{display:flex;gap:24px}.app-nav a{transition:color .2s}.app-nav a:hover{color:#fff}.app-nav button{display:flex;align-items:center;gap:7px}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff22;border-radius:99px;padding:11px 20px;color:#fff}.button-link.primary{background:#b96f6b}.page{min-height:calc(100vh - 78px);padding:72px max(7vw,24px);background:radial-gradient(circle at 10% 0,#4a222c55,transparent 35%),#140d11}.page h1,.form h1,.player h1,.player h2{font-family:"DM Serif Display",serif;font-weight:400}.page h1{font-size:48px;margin:10px 0 28px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.panel{max-width:980px;margin:auto;background:#fffaf7;color:#291b1e;border:1px solid #dacbc6;border-radius:24px;padding:36px;box-shadow:0 25px 80px #0003}.form{max-width:500px;display:grid;gap:20px}.form h1{font-size:42px;margin:0}.form p{color:#77676a}.form a{color:#a85f62}.form label,.editor-grid label{display:grid;gap:8px;font-size:13px;color:#6d5c60}.form input,.editor-grid input,.editor-grid select,.editor-grid textarea{width:100%;border:1px solid #d8cbc6;background:#fff;border-radius:12px;padding:12px 14px;color:#291b1e;font:inherit}.form button{justify-self:start}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-grid .wide,.editor-grid>.notice{grid-column:1/-1}.form-actions{display:flex!important;flex-direction:row;gap:10px}.form-actions button:not(.primary){color:#3a292d;border-color:#cab9b5}.notice{padding:13px 16px;border-radius:12px;background:#e8f3e9;color:#32603a}.notice.error{background:#fae4e4;color:#8a3030}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.memory-card{background:#211519;border:1px solid #ffffff15;border-radius:20px;padding:25px;min-height:175px;transition:transform .2s,border-color .2s}.memory-card:hover{transform:translateY(-4px);border-color:#b96f6b}.memory-card h3{font-family:"DM Serif Display";font-size:25px}.memory-card code{color:#dba49c}.memory-card p{color:#9f9090;font-size:12px}.status{display:inline-block;border-radius:99px;padding:5px 9px;background:#eaded9;color:#5f474c;font-size:10px;letter-spacing:.7px}.status.active{background:#cce5d2;color:#225f32}.empty{text-align:center}.empty svg{color:#b96f6b}.bank{margin:25px 0;padding:25px;background:#f3e9e4;border-radius:16px}.bank strong{font-size:26px}.bank img{display:block;max-width:240px;margin:20px 0}.upload{display:grid;gap:10px;border:1px dashed #b99e97;padding:20px;border-radius:14px}.player{min-height:100vh;text-align:center;background:#1a1115;color:#fff;overflow:hidden}.player>section{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 8vw}.player h1{font-size:clamp(50px,9vw,110px);margin:16px 0;color:var(--accent)}.player h2{font-size:46px;color:var(--accent)}.player .lead,.memory-scene p,.letter p{max-width:700px;font-size:18px;line-height:2;color:#dfd3d0}.counter{margin-top:30px;color:var(--accent)}.memory-scene{border-top:1px solid #ffffff14}.player.locked{display:grid;place-items:center;padding:30px}.player.locked .panel{width:min(500px,100%)}.media-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:auto!important}.media-grid img,.media-grid video{width:100%;max-height:70vh;object-fit:cover;border-radius:18px}.letter svg{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stats article{background:#211519;border:1px solid #ffffff15;border-radius:18px;padding:25px;display:grid;gap:8px}.stats b{font-family:"DM Serif Display";font-size:32px;color:#dba49c}.stats span{font-size:12px;color:#aa9997}.table-wrap{max-width:none;overflow:auto}.table-wrap h2{font-family:"DM Serif Display";font-size:30px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #e4d9d4;font-size:13px}td small{display:block;color:#8c7b7e}.row-actions{display:flex;gap:7px}.row-actions button,.row-actions .button-link{padding:7px 10px;color:#5b4047;border-color:#cab9b5;border-radius:8px}.row-actions button:first-of-type{background:#32603a;color:#fff}.hero .button-link{padding:14px 24px}.hero .actions{align-items:center}@media(max-width:850px){.app-nav>div{display:none}.page{padding-top:45px}.page h1{font-size:38px}.page-head{align-items:flex-start;gap:18px}.card-grid,.stats,.editor-grid{grid-template-columns:1fr}.editor-grid .wide{grid-column:auto}.media-grid{grid-template-columns:1fr!important}.panel{padding:24px}.table-wrap{padding:18px}.app-nav{padding:0 5vw}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.media-manager{margin-top:24px}.media-manager h2{font-family:"DM Serif Display";font-size:30px}.media-list{display:grid;gap:8px;margin-top:18px}.media-list article{display:flex;align-items:center;gap:12px;padding:12px;background:#f2e9e5;border-radius:10px}.media-list article span{margin-right:auto}.media-list article a{color:#9f555a}