:root,[data-theme=soft]{--lp-coral:#FD6B6C;--lp-pink:#F49FB4;--lp-peach:#F9B2AC;--lp-sky:#C1DCF1;--lp-lavender:#B097F2;--lp-bg:#FADDD7;--lp-ink:#2B2140;--lp-card:rgba(255,255,255,.55);--lp-radius:24px;--lp-shadow:0 10px 30px rgba(176,151,242,.25);--lp-gradient:linear-gradient(135deg,#FD6B6C 0%,#F49FB4 45%,#B097F2 100%)}[data-theme=minimal]{--lp-bg:#FFFFFF;--lp-card:#F6F6F8;--lp-radius:12px;--lp-shadow:none;--lp-gradient:linear-gradient(0deg,#FD6B6C,#FD6B6C)}[data-theme=playful]{--lp-bg:#FFF3C9;--lp-radius:28px;--lp-ink:#26204A;--lp-gradient:linear-gradient(135deg,#FF8A5B,#FF5E9C,#7C5CFF)}[data-theme=cosmic]{--lp-bg:#140F2B;--lp-ink:#EDE8FF;--lp-card:rgba(176,151,242,.14);--lp-gradient:linear-gradient(135deg,#7A5CFF,#B097F2,#F49FB4)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--lp-bg);color:var(--lp-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top)}.page{flex:1;overflow-y:auto;padding:20px 16px 24px}.page h1{margin:0 0 16px;font-size:26px}.card{background:var(--lp-card);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);padding:16px;margin-bottom:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn{border:0;border-radius:999px;padding:12px 20px;font-size:16px;cursor:pointer;background:var(--lp-gradient);color:#fff;font-weight:600}.btn.ghost{background:var(--lp-card);color:var(--lp-ink)}.btn.active{outline:3px solid var(--lp-coral)}.row{display:flex;gap:10px;flex-wrap:wrap}.muted{opacity:.65;font-size:14px}.hero{text-align:center;font-size:64px;margin:8px 0}.tabbar{display:flex;background:var(--lp-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0000000f}.tabbar a{flex:1;text-align:center;padding:10px 0 8px;text-decoration:none;color:var(--lp-ink);opacity:.55;font-size:12px}.tabbar a span{display:block;font-size:22px}.tabbar a.active{opacity:1;color:var(--lp-coral);font-weight:600}