*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{min-height:100dvh;font-family:DM Sans,system-ui,sans-serif;overscroll-behavior-y:none}.app{--r-base: 20px;--r-lg: 28px;--r-sm: 12px;--r-pill: 999px;--pad: 18px;--gap: 14px;font-family:var(--font-body);color:var(--ink);background:var(--bg);min-height:100dvh;width:100%;display:flex;flex-direction:column}.app.round-sharp{--r-base: 9px;--r-lg: 14px;--r-sm: 6px;--r-pill: 12px}.app.round-soft{--r-base: 20px;--r-lg: 28px;--r-sm: 12px;--r-pill: 999px}.app.round-round{--r-base: 30px;--r-lg: 40px;--r-sm: 18px;--r-pill: 999px}.app.dense-compact{--pad: 13px;--gap: 9px}.app.dense-regular{--pad: 18px;--gap: 14px}.app.dense-comfy{--pad: 24px;--gap: 20px}.app.brand-bright{--font-display: "Baloo 2", "Trebuchet MS", sans-serif;--font-body: "DM Sans", sans-serif;--bg: #FFF1E6;--bg-2: #FCE6D5;--surface: #FFFFFF;--surface-2: #FFF6EE;--ink: #36211A;--ink-2: #7A5C4E;--ink-3: #B49A8C;--primary: #FF6A2B;--primary-press: #E4561B;--on-primary: #FFFFFF;--primary-soft: #FFE3D0;--accent: #2E7D32;--on-accent: #FFFFFF;--accent-soft: #DBEFDC;--burnt: #C24A12;--border: #F1DDCD;--hairline: #F5E6D9;--shadow: 0 8px 22px rgba(194,74,18,.1);--shadow-lg: 0 18px 44px rgba(194,74,18,.18)}.app.brand-bright.dark{--bg: #1F140F;--bg-2: #2A1A12;--surface: #2E1C14;--surface-2: #38241A;--ink: #FFE9DC;--ink-2: #C9A998;--ink-3: #8E7264;--primary: #FF7A3D;--primary-press: #FF6A2B;--on-primary: #2A1206;--primary-soft: #43261A;--accent: #5FBF63;--on-accent: #08220A;--accent-soft: #25391F;--burnt: #FF8A4D;--border: #46291D;--hairline: #3A2418;--shadow: 0 8px 22px rgba(0,0,0,.35);--shadow-lg: 0 20px 48px rgba(0,0,0,.5)}.app.brand-senyum{--font-display: "Fredoka", sans-serif;--font-body: "Nunito Sans", sans-serif;--bg: #FFF9F0;--bg-2: #FBEFDD;--surface: #FFFFFF;--surface-2: #FFF6EA;--ink: #3A2E22;--ink-2: #897560;--ink-3: #BCA992;--primary: #F47B20;--primary-press: #DC6A12;--on-primary: #FFFFFF;--primary-soft: #FDEBD8;--accent: #3DA35D;--on-accent: #FFFFFF;--accent-soft: #DBF0E0;--burnt: #C96510;--border: #F0E2CE;--hairline: #F5EADA;--shadow: 0 10px 26px rgba(58,46,34,.08);--shadow-lg: 0 18px 44px rgba(58,46,34,.14)}.app.brand-senyum.dark{--bg: #211B12;--bg-2: #2B2317;--surface: #2C2418;--surface-2: #362C1D;--ink: #FBEEDD;--ink-2: #C7B59C;--ink-3: #8C7B64;--primary: #FB9442;--primary-press: #F47B20;--on-primary: #2A1A06;--primary-soft: #43321E;--accent: #58BE78;--on-accent: #07240F;--accent-soft: #233520;--burnt: #FB9442;--border: #443823;--hairline: #38301F;--shadow: 0 10px 26px rgba(0,0,0,.4);--shadow-lg: 0 20px 48px rgba(0,0,0,.55)}.app.brand-fresh{--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--bg: #F4FBF6;--bg-2: #E8F5EC;--surface: #FFFFFF;--surface-2: #F1FAF4;--ink: #13241C;--ink-2: #51685C;--ink-3: #9DB2A6;--primary: #159A5B;--primary-press: #0E8049;--on-primary: #FFFFFF;--primary-soft: #DDF1E5;--accent: #FF7A1A;--on-accent: #FFFFFF;--accent-soft: #FFE6D2;--burnt: #0E8049;--border: #DCEBE2;--hairline: #E6F1EA;--shadow: 0 8px 20px rgba(19,36,28,.07);--shadow-lg: 0 18px 40px rgba(19,36,28,.13)}.app.brand-fresh.dark{--bg: #0E1814;--bg-2: #14211B;--surface: #15231C;--surface-2: #1C2E24;--ink: #E6F4EC;--ink-2: #9DB6A8;--ink-3: #6A8275;--primary: #2FB873;--primary-press: #159A5B;--on-primary: #04210F;--primary-soft: #1B3328;--accent: #FF9347;--on-accent: #2A1503;--accent-soft: #3A2716;--burnt: #2FB873;--border: #28392F;--hairline: #21302A;--shadow: 0 8px 20px rgba(0,0,0,.4);--shadow-lg: 0 18px 44px rgba(0,0,0,.55)}.tier-family{--tier: #2E9E5B;--tier-soft: #DCF1E4;--tier-on: #fff}.tier-teen{--tier: #E8920C;--tier-soft: #FCEBCB;--tier-on: #fff}.tier-mature{--tier: #D6443B;--tier-soft: #FBDAD7;--tier-on: #fff}.dark .tier-family{--tier-soft: #1E3A28}.dark .tier-teen{--tier-soft: #3D2E12}.dark .tier-mature{--tier-soft: #3D1F1C}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0}::-webkit-scrollbar{width:0;height:0}@keyframes sd-pop{0%{transform:scale(.86)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes sd-rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sd-spin{to{transform:rotate(360deg)}}@keyframes sd-up{0%{transform:translateY(40px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}