/* Shared Lenplay palette. Load after each app's functional layout styles. */
:root{--paper:#faf8f5;--ink:#302b3c;--muted:#746d7d;--purple:#786090;--line:#e8e2e9;--peach:#f2b593;--bg:#faf8f5;--text:#302b3c;--accent:#786090;--primary:#786090;--border:#e8e2e9}
body{background:var(--paper)!important;color:var(--ink);font-family:Tahoma,'Noto Sans Thai',system-ui,sans-serif;line-height:1.7}
*,*::before,*::after{box-sizing:border-box}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9569b6;outline-offset:4px}
button,input,select,textarea{font-family:inherit}
body>header{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none}
body>header nav a:hover,body>header nav a.current,body>header nav a.active{background:#ece4f1;color:#664b7d;border-color:#d9cedf}
body>header .brand{color:var(--ink)}
body>header .brand span{color:#c58363}
.hero h1 span:not(.spark),.hero .purple{color:var(--purple)}
.primary,button.primary,a.primary,input[type=submit],input[type=button]{background:var(--purple);color:#fff;border-color:var(--purple)}
.primary:hover{background:#664b7d}
.tool-card,.menu-panel,.result-box{border-color:var(--line);border-radius:18px}
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=submit]):not([type=button]),select,textarea{border-color:#d9cedf;border-radius:8px}
/* Older content pages share the homepage header and retain their form markup. */
.lp-legacy{margin:0;text-align:left;font-size:16px;color:var(--ink)!important}
.lp-legacy .site-header{padding:0;margin:0;max-width:none;text-align:left;width:100%;height:auto;background:var(--paper)!important}
.lp-legacy .header-inner{max-width:1180px;min-height:94px}
.lp-legacy .site-header .brand{font-size:31px;color:var(--ink);background:none;padding:0}
.lp-legacy .site-header .brand-symbol{color:#7c5d90;background:#eadff1}
.lp-legacy .site-header .top-nav{display:flex;background:none;padding:0;flex-wrap:nowrap;justify-content:flex-start}
.lp-legacy .site-header .top-nav a{font-size:14px;font-weight:400;border-radius:9px;color:var(--muted);padding:9px 13px}
.lp-legacy .header-cta{color:var(--ink);font-size:13px}
.lp-legacy #mainbody,.lp-legacy>.container{width:calc(100% - 50px)!important;max-width:1180px;margin:32px auto!important;padding:28px!important;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:18px;box-shadow:none}
.lp-legacy h1{font-size:30px;line-height:1.5;color:var(--ink)!important;background:none;letter-spacing:-.5px}
.lp-legacy h2,.lp-legacy h3{color:var(--ink)}
.lp-legacy #res,.lp-legacy .result-box,.lp-legacy #myform,.lp-legacy #boxxx,.lp-legacy form{background:#f3edf7!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:20px;max-width:100%}
.lp-legacy #res::before,.lp-legacy #res::after{display:none}
.lp-legacy #res strong,.lp-legacy #res a,.lp-legacy .result-box h2{color:#664b7d}
.lp-legacy .poom,.lp-legacy .poom2,.lp-legacy .caption,.lp-legacy .caption3,.lp-legacy .menupop{background:#eee6f3!important;color:var(--ink)!important;border-radius:10px}
.lp-legacy .mainmenu,.lp-legacy .mytitle,.lp-legacy .mydisplay,.lp-legacy .list,.lp-legacy .poomsave,.lp-legacy .caption2{background:var(--purple)!important;color:#fff!important;border-radius:10px}
.lp-legacy input[type=submit],.lp-legacy button{border-radius:10px;padding:10px 20px;min-height:44px}
.lp-legacy input,.lp-legacy select,.lp-legacy textarea{max-width:100%;font-size:16px}
.lp-legacy img{max-width:100%;height:auto}
.lp-legacy .site-footer{background:#f3efec!important;color:var(--ink)!important;border-top:1px solid var(--line);margin-top:40px;padding:32px 24px}
.lp-legacy .site-footer .footer-inner{display:block;max-width:1180px;margin:auto}
.lp-legacy .site-footer a,.lp-legacy .site-footer h2,.lp-legacy .site-footer h3{color:var(--ink)!important}
.lp-legacy .site-footer p,.lp-legacy .site-footer li{color:var(--muted)}
.lp-legacy .footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.lp-legacy .site-footer a{font-size:14px}
.lp-legacy .site-footer ul{padding-left:18px}
.lp-legacy .site-footer .footer-bottom{border-color:var(--line);color:var(--muted)}
.lp-legacy .fortune-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
.lp-legacy .fortune-link{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;font-size:17px;color:var(--ink)}
.lp-legacy .fortune-link:hover{background:#eee6f3;border-color:#c9b7d6}
.lp-legacy .fortune-link img{width:100%;border-radius:10px}
@media(max-width:800px){.lp-legacy .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-legacy .fortune-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.lp-legacy .header-inner{min-height:0}.lp-legacy .site-header .brand{font-size:28px}.lp-legacy .site-header .top-nav{overflow-x:auto}.lp-legacy .site-header .top-nav a{font-size:12px;white-space:nowrap;padding:8px 11px}.lp-legacy #mainbody,.lp-legacy>.container{width:calc(100% - 36px)!important;margin:24px auto!important;padding:20px!important}.lp-legacy h1{font-size:26px}.lp-legacy .footer-grid,.lp-legacy .fortune-links{grid-template-columns:1fr}.lp-legacy #res{margin:16px 0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lp-legacy #mainbody h1{background:none!important;color:var(--ink)!important;box-shadow:none!important;border:0!important;border-radius:0;padding:0;margin:0 0 24px;text-shadow:none;font-family:inherit}
.lp-legacy #mainbody h1::before,.lp-legacy #mainbody h1::after{display:none}

/* Readable form text on the shared light background. */
.lp-legacy #form{background:#fff!important;color:#302b3c!important;border:1px solid #e8e2e9;border-radius:16px;padding:20px;text-shadow:none}
.lp-legacy #form fieldset{min-width:0;margin:0;padding:0;border:0;color:#302b3c}
.lp-legacy #form form{margin:0;background:#f3edf7!important;color:#302b3c!important}
.lp-legacy #form legend,.lp-legacy #form label,
.lp-legacy #myform legend,.lp-legacy #myform label,
.lp-legacy #mainbody form legend,.lp-legacy #mainbody form label{color:#4f365f!important;text-shadow:none!important;opacity:1;font-weight:600;line-height:1.8}
.lp-legacy #form legend{width:100%;margin:0 0 16px;font-size:20px}
.lp-legacy #mainbody input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),
.lp-legacy #mainbody select,.lp-legacy #mainbody textarea,
.lp-legacy #form input[type=text],.lp-legacy #form select,.lp-legacy #form textarea{background:#fff!important;color:#302b3c!important;border:1px solid #9b8aa5!important;opacity:1;min-height:46px;padding:10px 12px;box-shadow:none;text-shadow:none}
.lp-legacy #mainbody select option,.lp-legacy #form select option{background:#fff;color:#302b3c}
.lp-legacy #mainbody input::placeholder,.lp-legacy #mainbody textarea::placeholder{color:#686070;opacity:1}
.lp-legacy #form input[type=submit],.lp-legacy #myform input[type=submit]{background:#705383!important;color:#fff!important;border:1px solid #705383!important;font-weight:600;text-shadow:none;box-shadow:none}
.lp-legacy #form input[type=submit]:hover,.lp-legacy #myform input[type=submit]:hover{background:#573d69!important}
.lp-legacy #mainbody .pure-button{background:#eee6f3!important;color:#4f365f!important;border:1px solid #cbbbd5!important;box-shadow:none;text-shadow:none}
.lp-legacy #mainbody .pure-button:hover{background:#dfd1e9!important;color:#382544!important}
/* Keep headings legible on the existing dark dream result card. */
.lp-legacy .dream-result h2{color:#f6de9c!important}
@media(max-width:640px){.lp-legacy #form{padding:14px}.lp-legacy #form legend{font-size:18px}.lp-legacy #form input[type=text],.lp-legacy #form select{width:100%!important}}