@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&family=Bricolage+Grotesque:wght@500;600;700;800&family=Geist:wght@400;500;600;700&family=Mali:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";@font-face{font-family:Kids Points Thai;src:local(Noto Sans),local(Tahoma);font-style:normal;font-weight:100 900;font-display:swap}:root{--pico-green:#00b570;--pico-green-hover:#009e62;--pico-dark-green:#00502c;--pico-ocean:#004e70;--pico-midnight:#00192f;--pico-dark:#1f1a1a;--star-yellow:#ffc93c;--star-yellow-hover:#f0b92b;--star-gold:#ffb800;--coral-joy:#ff6b6b;--sky-mint:#e8f8f5;--sky-light:#dcf4ec;--cyan-accent:#00d2b4;--purple-smart:#7c4dff;--cream:#fffdf9;--pico-gradient:linear-gradient(135deg, #00b570 0%, #00502c 100%);--pico-ocean-gradient:linear-gradient(135deg, #00b570 0%, #004e70 50%, #00192f 100%);--pico-hero-gradient:linear-gradient(180deg, #e8f8f5 0%, #f4faf7 100%);--gold-gradient:linear-gradient(135deg, #ffd84d 0%, #ffb800 100%);--paper:#f4faf7;--surface:#fff;--surface-card:#fff;--surface-alt:#f0f7f4;--ink:#00192f;--ink-secondary:#00502c;--muted:#4e6575;--line:#d8ece4;--line-strong:#00502c;--line-thick:#00192f;--danger:#ff4d4d;--success:#00b570;--warning:#ff9f1c;--color-brand-primary:var(--pico-green);--color-brand-secondary:var(--pico-ocean);--color-accent-points:var(--star-yellow);--color-success:var(--success);--color-warning:var(--warning);--color-danger:var(--danger);--color-success-soft:var(--sky-mint);--color-success-strong:var(--pico-dark-green);--color-warning-soft:#fff3e8;--color-warning-strong:#7a4200;--color-danger-soft:#fff1f0;--color-danger-strong:#a63636;--color-info-soft:#eef4ff;--color-info-strong:var(--pico-ocean);--color-surface:var(--surface);--color-surface-soft:var(--paper);--color-surface-raised:var(--surface-card);--color-text-primary:var(--ink);--color-text-secondary:var(--muted);--color-border-subtle:var(--line);--toy-shadow:0 4px 0 #00502c;--toy-shadow-sm:0 2.5px 0 #00502c;--toy-shadow-gold:0 4px 0 #b38200;--shadow-sm:0 2px 8px #00502c0d;--shadow:0 10px 30px #00502c14;--shadow-lg:0 18px 45px #00502c1f;--shadow-float:0 12px 28px #00b57033;--r-xs:8px;--r-sm:14px;--r:22px;--r-lg:30px;--r-pill:9999px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--motion-fast:.16s;--motion-normal:.26s;--motion-celebration:.6s;--display:"Mali", "Plus Jakarta Sans", cursive, sans-serif;--body:"Anuphan", -apple-system, BlinkMacSystemFont, sans-serif;--font-en:"Plus Jakarta Sans", sans-serif;--public-display:"Anuphan", "Plus Jakarta Sans", -apple-system, sans-serif;--public-display-latin:"Bricolage Grotesque", "Plus Jakarta Sans", sans-serif;--public-body:"Anuphan", -apple-system, BlinkMacSystemFont, sans-serif;--thai-lh-display:1.38;--thai-lh-heading:1.42;--thai-lh-body:1.7;--public-cream:#fbf7ef;--public-cream-strong:#f4edde;--public-surface:#fffdf8;--public-line:#d8d6cb;--public-ink-soft:#233126}*{box-sizing:border-box}html{background:var(--paper);width:100%;max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;color:var(--ink);font-family:var(--body);background:var(--paper);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;margin:0;line-height:1.5;overflow-x:clip}#root{width:100%;max-width:100%;overflow-x:clip}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em}img{max-width:100%}:focus-visible{outline:3px solid var(--pico-green);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted);font-weight:400}.points{font-variant-numeric:tabular-nums;font-family:var(--display);font-weight:700}.button{border:2px solid var(--pico-dark-green);border-radius:var(--r-sm);min-height:48px;font-family:var(--display);cursor:pointer;box-shadow:var(--toy-shadow);background:var(--surface);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,background .15s;display:inline-flex}.button svg{width:18px;height:18px}.button:hover{box-shadow:0 6px 0 var(--pico-dark-green);transform:translateY(-2px)}.button:active{box-shadow:0 1px 0 var(--pico-dark-green);transform:translateY(3px)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 0 var(--pico-dark-green);transform:none}.button.primary{background:var(--pico-green);color:#fff;border-color:var(--pico-dark-green)}.button.primary:hover{background:var(--pico-green-hover)}.button.gold{background:var(--star-yellow);color:var(--ink);box-shadow:var(--toy-shadow-gold);border-color:#b38200}.button.gold:hover{background:var(--star-yellow-hover);box-shadow:0 6px #b38200}.button.secondary{background:var(--sky-mint);color:var(--pico-dark-green);border-color:var(--pico-dark-green)}.button.secondary:hover{background:var(--sky-light)}.button.danger{background:var(--coral-joy);color:#fff;border-color:#ba2828;box-shadow:0 4px #ba2828}.button.quiet{border:1.5px solid var(--line);box-shadow:none;color:var(--muted);background:0 0}.button.quiet:hover{background:var(--sky-mint);border-color:var(--pico-green);color:var(--pico-dark-green);transform:none}.button.compact{min-height:38px;box-shadow:var(--toy-shadow-sm);border-radius:var(--r-xs);padding:6px 14px;font-size:13px}.button.compact:hover{box-shadow:0 4px 0 var(--pico-dark-green);transform:translateY(-1.5px)}.button.compact:active{box-shadow:0 1px 0 var(--pico-dark-green);transform:translateY(2px)}.wide{width:100%}.icon-button{border:2px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%;place-items:center;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-grid}.icon-button:hover{border-color:var(--pico-green);box-shadow:var(--shadow);transform:scale(1.06)}.icon-button:active{transform:translateY(2px)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.public-header,.public-main,.public-footer,.public-hero,.public-facts,.public-workflow,.public-governance,.public-faq,.public-closing,.public-article{font-family:var(--public-body)}.public-header{border-bottom:1px solid var(--public-line);background:var(--public-surface);z-index:100;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:18px max(20px,50% - 560px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-text-wrap{flex-direction:column;min-width:0;display:flex}.brand-title{font-family:var(--public-display-latin);color:var(--pico-dark-green);letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.05}.brand-badge{font-family:var(--public-body);letter-spacing:.04em;color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:500}.public-header-nav{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.public-header-nav a{white-space:nowrap;min-height:44px;color:var(--public-ink-soft);justify-content:center;align-items:center;padding:0 10px;font-size:.95rem;font-weight:500;display:inline-flex;font-family:var(--public-body)!important}.public-header-nav a:hover{color:var(--pico-dark-green)}.public-header-cta{font-family:var(--public-body);box-shadow:0 4px 0 var(--pico-dark-green);font-weight:600}.public-main{max-width:1120px;margin:0 auto;padding:0 20px 72px}.public-hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:36px;padding:40px 0 28px;display:grid}.public-hero-copy{padding-top:18px}.public-eyebrow,.public-section-label,.public-preview-label{letter-spacing:.04em;text-transform:uppercase;color:var(--pico-dark-green);margin:0 0 12px;font-size:.85rem;line-height:1.3}.public-hero h1,.public-benefits h2,.public-facts h2,.public-workflow h2,.public-governance h2,.public-faq h2,.public-closing h2,.public-article h1,.public-article h2,.public-preview h2{font-family:var(--public-display);letter-spacing:normal;line-height:var(--thai-lh-heading,1.42)}.public-hero h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:var(--thai-lh-display,1.38);max-width:18ch;margin-bottom:18px}.public-lead,.public-governance p,.public-article p,.public-article li span,.public-facts-grid p,.public-workflow p,.public-faq dd,.public-footer-copy{color:var(--muted);font-size:1rem;line-height:1.75}.public-actions{flex-wrap:wrap;align-items:center;gap:16px;margin:28px 0 14px;display:flex}.public-cta{white-space:nowrap;min-width:136px;font-weight:600;font-family:var(--public-body)!important}.public-secondary-link{white-space:nowrap;min-height:44px;color:var(--pico-dark-green);border-bottom:1px solid;align-items:center;font-weight:600;display:inline-flex;font-family:var(--public-body)!important}.public-hero-note{color:var(--public-ink-soft);margin:0;font-size:.95rem}.public-preview{background:var(--public-surface);border:1px solid var(--public-line);box-shadow:var(--shadow);border-radius:28px;padding:24px}.public-preview-head{border-bottom:1px solid var(--public-line);align-items:flex-start;gap:12px;margin-bottom:8px;padding-bottom:18px;display:flex}.public-preview-head h2{margin:0;font-size:1.35rem}.public-preview-label{margin-bottom:4px}.public-preview-list{margin:0;padding:0;list-style:none}.public-preview-list li{border-bottom:1px solid var(--public-line);grid-template-columns:20px minmax(0,1fr);gap:14px;padding:16px 0;display:grid}.public-preview-list li:last-child{border-bottom:0;padding-bottom:0}.public-preview-list svg,.public-governance-list svg,.public-faq dt svg{width:18px;height:18px;color:var(--pico-green)}.public-preview-list strong,.public-workflow h3,.public-governance-list span,.public-faq dt span,.public-article li b{color:var(--public-ink-soft);display:block}.public-preview-list span{color:var(--muted);line-height:1.65}.public-facts,.public-workflow,.public-governance,.public-faq,.public-closing{padding:56px 0 0}.public-facts h2,.public-workflow h2,.public-governance h2,.public-faq h2,.public-closing h2,.public-article h1{margin-bottom:16px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08}.public-facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:16px;display:grid}.public-facts-grid p{border-top:1px solid var(--public-line);margin:0;padding-top:18px}.public-workflow-list{gap:18px;margin:0;padding:12px 0 0;list-style:none;display:grid}.public-workflow-list li{border-top:1px solid var(--public-line);grid-template-columns:56px minmax(0,1fr);align-items:start;gap:20px;padding:22px 0;display:grid}.public-step-number{width:56px;height:56px;font-family:var(--public-display);color:var(--pico-dark-green);background:var(--public-cream);border:1px solid var(--public-line);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.public-workflow h3{font-family:var(--public-display);margin:0 0 8px;font-size:1.35rem;line-height:1.12}.public-workflow p,.public-governance p,.public-faq dd,.public-article p,.public-article li span{margin:0}.public-governance{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:36px;display:grid}.public-governance-list{margin:0;padding:22px 0 0;list-style:none}.public-governance-list li{border-top:1px solid var(--public-line);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:14px;min-height:44px;padding:16px 0;display:grid}.public-faq-list{margin:12px 0 0}.public-faq-list>div{border-top:1px solid var(--public-line);padding:20px 0}.public-faq dt{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:14px;margin-bottom:10px;font-weight:600;display:grid}.public-closing{justify-content:space-between;align-items:end;gap:24px;display:flex}.public-closing h2{max-width:15ch}.public-footer{border-top:1px solid var(--public-line);background:var(--public-surface);justify-content:space-between;gap:20px;padding:24px max(20px,50% - 560px);display:flex}.public-footer-title{font-family:var(--public-display);color:var(--public-ink-soft);margin:0 0 6px;font-size:1rem}.public-footer-copy{max-width:540px;margin:0}.public-footer-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.public-footer-links a{white-space:nowrap;min-height:44px;color:var(--pico-dark-green);align-items:center;font-weight:500;display:inline-flex}.public-article{max-width:760px;margin:40px auto 0;padding:0 0 48px}.public-article-list{gap:18px;padding-left:20px;display:grid}.public-article li span{margin-top:6px}.public-donate figure{margin:28px 0 0}.public-donate img{border:1px solid var(--public-line);border-radius:24px;width:min(100%,320px)}.public-donate figcaption{color:var(--muted);margin-top:10px}.app-main{max-width:640px;min-height:100vh;margin:0 auto;padding:20px 20px 96px}.page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:4px;display:flex}.page-header h1{color:var(--pico-dark-green);align-items:center;gap:8px;margin:0;font-size:24px;display:inline-flex}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid var(--pico-dark-green);border-radius:var(--r-pill);width:min(580px,100% - 32px);height:68px;box-shadow:var(--shadow-lg);z-index:99;background:#fffffff2;grid-template-columns:repeat(5,1fr);padding:4px 8px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.bottom-nav a{font-size:11px;font-family:var(--display);color:var(--muted);border-radius:var(--r-pill);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:700;text-decoration:none;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.bottom-nav a .nav-icon{border-radius:50%;place-items:center;width:28px;height:28px;transition:all .15s;display:grid}.bottom-nav a .nav-icon svg{width:18px;height:18px}.bottom-nav a:hover{color:var(--pico-green)}.bottom-nav a.active .nav-icon{background:var(--pico-green);color:#fff;transform:translateY(-2px);box-shadow:0 3px 8px #00b57059}.dashboard-head{background:var(--pico-gradient);color:#fff;border:2.5px solid var(--pico-dark-green);border-radius:var(--r-lg);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.dashboard-head p{color:#ffffffd9;margin-bottom:4px;font-size:13px;font-weight:600}.dashboard-head h1{color:#fff;margin:0;font-size:26px}.brand-star{width:44px;height:44px;fill:var(--star-yellow);color:var(--star-yellow);filter:drop-shadow(0 4px 10px #ffc93c66);animation:3s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.inbox-banner-card{background:var(--surface);border:2px solid var(--pico-dark-green);border-radius:var(--r);box-shadow:var(--shadow-sm);align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.inbox-banner-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.inbox-banner-icon{background:var(--sky-mint);width:46px;height:46px;color:var(--pico-dark-green);border:1.5px solid var(--pico-green);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.inbox-banner-content h3{color:var(--pico-dark-green);margin:0 0 2px;font-size:15px}.inbox-banner-content p{color:var(--muted);margin:0;font-size:12px}.section-title{justify-content:space-between;align-items:flex-end;margin:24px 0 14px;display:flex}.section-title h2{color:var(--pico-dark-green);margin:0;font-size:20px}.section-title .eyebrow{color:var(--pico-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;font-weight:700}.kid-list{gap:14px;margin-bottom:20px;display:grid}.kid-card-container{background:var(--surface);border:2px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px 18px;transition:all .15s;display:flex}.kid-card-container:hover{border-color:var(--pico-green);box-shadow:var(--shadow)}.kid-row{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.kid-copy{flex-direction:column;flex-grow:1;display:flex}.kid-copy b{font-size:16px;font-family:var(--display)}.kid-copy small{color:var(--muted);font-size:12px}.kid-row .points{color:var(--pico-dark-green);font-size:18px}.kid-row .points small{color:var(--muted);font-size:12px}.kid-quick-actions{border-top:1.5px dashed var(--line);flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.dashboard-grid-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.transaction{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 18px;font-size:14px;display:flex}.transaction .positive{color:var(--pico-green);font-family:var(--display);font-weight:700}.transaction .negative{color:var(--coral-joy);font-family:var(--display);font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00192f99;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--surface);border:2.5px solid var(--pico-dark-green);border-radius:var(--r-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);flex-direction:column;gap:18px;padding:28px;display:flex}.modal-content h2{color:var(--pico-dark-green);margin:0;font-size:20px}.registration-form{max-width:520px;margin:40px auto}.registration-counter button{border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--pico-dark-green);font:inherit;cursor:pointer;border-radius:50%;font-size:1.5rem;font-weight:800}.registration-counter button:disabled{cursor:default;opacity:.4}.registration-counter output{text-align:center;color:var(--pico-dark-green);font-size:1.4rem;font-weight:800}.daily-popup{max-width:560px}.daily-popup-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-popup-head h2{flex:1}.daily-banner{position:relative}.daily-banner img{object-fit:contain;border-radius:var(--r-sm);width:100%;max-height:55vh;display:block}.ad-disclosure{z-index:1;background:var(--pico-dark-green);color:#fff;border-radius:99px;padding:3px 7px;position:absolute;top:8px;left:8px}.daily-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-nav button{color:var(--pico-dark-green);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.support-qr{border-top:1px solid var(--line);text-align:center;padding-top:12px}.support-qr h3{margin:0 0 8px;font-size:15px}.support-qr img{width:min(180px,100%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.modal-subtitle{color:var(--muted);margin:-10px 0 0;font-size:13px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:13px;font-weight:700;font-family:var(--display);color:var(--pico-dark-green)}.form-group input,.form-group textarea,.form-group select{border:2px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:10px 14px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--pico-green)}.quality-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.quality-btn{border:2px solid var(--line);background:var(--paper);border-radius:var(--r-sm);font-family:var(--display);cursor:pointer;padding:8px 4px;font-size:13px;font-weight:700;transition:all .15s}.quality-btn.selected{border-color:var(--pico-dark-green);background:var(--star-yellow);color:var(--ink);box-shadow:var(--toy-shadow-sm)}.modal-footer{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.avatar{background:var(--avatar,#00b570);color:#fff;width:48px;height:48px;font-family:var(--display);border:2px solid var(--pico-dark-green);box-shadow:var(--toy-shadow-sm);border-radius:18px;flex-shrink:0;place-items:center;font-size:20px;font-weight:800;display:grid}.explorer-header{background:var(--surface);border:2px solid var(--pico-dark-green);border-radius:var(--r-lg);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 24px;display:flex}.explorer-header h1{margin:0;font-size:22px}.adventure-map{flex-direction:column;gap:16px;display:flex;position:relative}.adventure-node{background:var(--surface);border:2px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;transition:all .15s;display:flex}.adventure-node:hover{border-color:var(--pico-green);box-shadow:var(--shadow);transform:translateY(-2px)}.adventure-node.approved{border-color:var(--pico-green);background:#f8fdfa}.adventure-node.pending{border-color:var(--star-gold);background:#fffdf5}.node-info h3{margin:0 0 4px;font-size:16px}.node-info p{color:var(--muted);margin:0;font-size:13px}.node-tag{border-radius:var(--r-pill);font-size:11px;font-weight:700;font-family:var(--display);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.reward-card{background:var(--surface);border:2px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:all .15s;display:flex}.reward-card:hover{border-color:var(--pico-green);box-shadow:var(--shadow);transform:translateY(-3px)}.reward-header{justify-content:space-between;align-items:flex-start;display:flex}.reward-header h3{margin:0;font-size:17px}.reward-cost-badge{background:var(--star-yellow);color:var(--ink);border-radius:var(--r-pill);font-family:var(--display);border:1.5px solid #d49c14;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.notice{border-radius:var(--r-sm);border:1.5px solid #0000;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.notice.error{color:#cf1322;background:#fff1f0;border-color:#ffa39e}.notice.success{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.notice.info{background:var(--sky-mint);color:var(--pico-dark-green);border-color:var(--pico-green)}.subscription-notice-banner{border-radius:var(--r-sm,12px);border:1.5px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.subscription-notice-banner.near-expire{color:#ad6800;background:#fffbe6;border-color:#ffe58f}.subscription-notice-banner.near-expire .notice-icon{color:#faad14}.subscription-notice-banner.expired{color:#cf1322;background:#fff2f0;border-color:#ffccc7}.subscription-notice-banner.expired .notice-icon{color:#ff4d4f}.subscription-notice-banner .notice-icon-col{flex-shrink:0;align-items:center;display:flex}.subscription-notice-banner .notice-content-col{flex-direction:column;flex:1;gap:3px;min-width:220px;display:flex}.subscription-notice-banner .notice-title{font-size:14px;font-weight:700;line-height:1.3}.subscription-notice-banner .notice-desc{opacity:.9;font-size:13px;line-height:1.4}.subscription-notice-banner .notice-action-col{flex-shrink:0}.kid-profile-option.blocked{opacity:.85;position:relative}.inline-lock-icon{vertical-align:middle;color:#fa8c16;margin-left:4px;display:inline-block}.kid-blocked-alert{color:#d46b08;background:#fff7e6;border:1px solid #ffd591;border-radius:8px;grid-column:1/-1;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.kid-blocked-alert svg{flex-shrink:0;margin-top:2px}.family-quota-bar.over-limit{background:#ff4d4f!important}.family-stat-item .family-stat-overlimit{color:#cf1322;margin-left:6px;font-size:12px;font-weight:600}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-badge{background:var(--sky-mint);width:56px;height:56px;color:var(--pico-dark-green);border:2px solid var(--pico-green);border-radius:20px;place-items:center;display:grid}.empty-badge svg{width:28px;height:28px}.empty h2{margin:0;font-size:18px}.empty p{color:var(--muted);max-width:320px;margin:0;font-size:14px}.skeletons{gap:12px;display:grid}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#edf5f1 25%,#f4faf7 50%,#edf5f1 75%) 0 0/200% 100%;height:56px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:860px){.public-header{flex-direction:column;align-items:flex-start}.public-header-nav{justify-content:space-between;width:100%}.public-hero,.public-governance,.public-closing,.public-facts-grid{grid-template-columns:1fr}.public-closing{align-items:start}.public-closing h2,.public-hero h1{max-width:none}.public-footer{flex-direction:column}}@media (max-width:640px){.public-main,.public-header{padding-inline-start:16px;padding-inline-end:16px}.public-header-nav{justify-content:flex-start;gap:8px}.public-header-nav a{padding-inline-start:8px;padding-inline-end:8px;font-size:.875rem}.public-header-nav .public-header-cta{margin-inline-start:auto}.public-preview,.public-workflow-list li{padding-inline-start:0;padding-inline-end:0}.public-preview{padding:20px}.public-workflow-list li{grid-template-columns:44px minmax(0,1fr);gap:14px}.public-step-number{width:44px;height:44px;font-size:1.15rem}}@media (max-width:480px){.public-nav-privacy{display:none}}@media (prefers-reduced-motion:reduce){.button,.icon-button,.reward-card,.public-header-nav a,.public-secondary-link{transition:none}.spin,.skeleton{animation:none}}.app-desktop-header{display:none}.point-balance-card,.reward-progress,.home-journey,.home-mission,.reward,.task-card,.history-item{background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.point-balance-card{border-color:var(--pico-dark-green);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden}.balance-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);grid-column:1/-1;min-width:0;display:flex}.balance-heading{align-items:center;gap:var(--space-3);flex:auto;min-width:0;display:flex}.balance-heading p{margin:0;font-weight:700}.balance-heading small{color:var(--color-text-secondary)}.avatar-edit-badge{background:var(--color-surface,#fff);border:1.5px solid var(--color-border-subtle,#cbd5e1);width:20px;height:20px;color:var(--color-text-secondary,#64748b);border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #0000001a}.balance-avatar-link:hover .avatar-edit-badge{background:var(--pico-dark-green);color:#fff;border-color:var(--pico-dark-green);transform:scale(1.1)}.balance-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.edit-profile-btn{color:var(--color-text-secondary,#475569);border:1.5px solid var(--color-border-subtle,#cbd5e1);background:var(--color-surface,#fff);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.edit-profile-btn:hover{background:var(--sky-mint,#e6fffa);border-color:var(--pico-green,#10b981);color:var(--pico-dark-green,#065f46);transform:translateY(-1.5px);box-shadow:0 2px 6px #00000014}@media (max-width:360px){.edit-profile-btn span{display:none}.edit-profile-btn{padding:6px 10px}}.point-balance-card>.point-balance-value{font-family:var(--display);color:var(--pico-dark-green);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:clamp(2.5rem,12vw,4rem);line-height:1}.point-balance-value span{font-size:1.1rem}.point-balance-card .button{align-self:end}.reward-progress{padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.reward-progress h2{margin:0;font-size:1.2rem}.reward-progress p{color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-2)}.progress-track{border-radius:var(--radius-pill);background:var(--sky-light);height:12px;overflow:hidden}.section-title>a{color:var(--pico-dark-green);align-items:center;min-height:44px;font-weight:700;display:inline-flex}.home-mission-list,.history-list{gap:var(--space-2);display:grid}.home-mission{padding:var(--space-3);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);min-width:0;display:flex}.home-mission>svg{color:var(--star-gold);flex:none}.home-mission>span,.home-mission-body{flex:1;gap:2px;min-width:0;display:grid}.home-mission small,.history-item small{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-mission strong{color:var(--pico-dark-green);white-space:nowrap}.home-mission-body{flex:1;gap:3px;min-width:0;display:grid}.mission-progress-bar-wrap{flex-direction:column;gap:2px;width:100%;margin-top:5px;display:flex}.mission-progress-track{border-radius:var(--radius-pill);background:#00000014;height:6px;overflow:hidden}.mission-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#00b570,#10b981);flex:none;height:100%;transition:width .3s ease-out;display:block}.mission-progress-track span.completed{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.mission-progress-meta{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;line-height:1.2;display:flex}.mission-progress-percent{color:var(--pico-dark-green);font-weight:700}.home-journey{margin:var(--space-6) 0;padding:var(--space-4);border-radius:var(--radius-md);gap:var(--space-3);justify-content:space-between;align-items:center;display:flex}.home-journey div{align-items:center;gap:var(--space-2);display:flex}.home-journey svg{color:var(--star-gold)}.home-journey a{color:var(--pico-dark-green);white-space:nowrap;font-weight:700}.secondary-actions{gap:var(--space-2);margin:var(--space-6) 0;flex-wrap:wrap;display:flex}.secondary-actions a{color:var(--pico-dark-green);align-items:center;gap:4px;min-height:44px;text-decoration:underline;display:inline-flex}.status-chip{border-radius:var(--radius-pill);align-items:center;gap:5px;margin-top:6px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.status-chip.available,.status-chip.completed{background:var(--color-success-soft);color:var(--color-success-strong)}.status-chip.locked{background:var(--color-warning-soft);color:var(--color-warning-strong)}.status-chip.in-progress{background:var(--color-info-soft);color:var(--color-info-strong)}.task-list{gap:var(--space-3);display:grid}.task-card{padding:var(--space-4);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);min-width:0;display:flex}.task-icon-circle,.reward-visual{width:44px;height:44px;color:var(--pico-dark-green);background:var(--sky-mint);border-radius:50%;flex:none;place-items:center;display:grid}.task-details{flex:1;min-width:0}.task-details h3{margin:0;font-size:1rem}.task-details>small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mission-points{text-align:end;white-space:nowrap;gap:4px;display:grid}.mission-points span{color:var(--color-text-secondary);font-size:.75rem}.reward-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.reward{border-radius:var(--radius-md);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.reward h2{overflow-wrap:anywhere;margin:0;font-size:1.05rem}.reward p{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:4px 0}.reward-cost{color:var(--pico-dark-green);font-family:var(--display)}.availability{font-size:.8rem;font-weight:700;margin:0!important}.availability.ready{color:var(--color-success-strong)}.availability.unavailable{color:var(--color-danger-strong)}.reward .row-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;margin-top:auto;display:flex}.reward .row-actions .availability{flex-basis:100%}.redeem-summary{gap:var(--space-2);margin:0;display:grid}.redeem-summary div{justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);display:flex}.redeem-summary dt{color:var(--color-text-secondary)}.redeem-summary dd{margin:0;font-weight:700}.history-timeline{gap:var(--space-5);display:grid}.history-group h3{color:var(--color-text-secondary);margin:0 0 var(--space-2);font-size:.9rem}.history-row{align-items:center;gap:var(--space-2);display:flex}.history-row .icon-button{flex:none}.history-item{padding:var(--space-3);border-radius:var(--radius-sm);align-items:center;gap:var(--space-3);width:100%;min-width:0;display:flex}.history-item>div{flex:1;min-width:0;display:grid}.history-item b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item>strong{white-space:nowrap}.history-icon{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.history-icon.positive{background:var(--color-success-soft);color:var(--color-success-strong)}.history-icon.negative{background:var(--color-danger-soft);color:var(--color-danger-strong)}@media (min-width:768px){.app-main{max-width:1080px;padding:32px 32px 56px}.app-desktop-header{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:18px 32px 0;display:flex}.app-wordmark{font-family:var(--display);color:var(--pico-dark-green);align-items:center;gap:8px;font-weight:800;display:flex}.app-desktop-header nav{gap:4px;display:flex}.app-desktop-header nav a{border-radius:var(--radius-pill);min-height:44px;padding:10px 12px;font-weight:700}.app-desktop-header nav a.active,.app-desktop-header nav a:hover{background:var(--sky-mint);color:var(--pico-dark-green)}.bottom-nav{width:auto;max-width:1080px;height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:center;gap:8px;margin:0 auto 28px;padding:0 32px;display:flex;position:static;transform:none}.bottom-nav a{border:1px solid var(--line);background:var(--surface);flex-direction:row;min-height:44px;padding:8px 14px}.bottom-nav a .nav-icon{width:20px;height:20px}.bottom-nav a.active .nav-icon{box-shadow:none;color:inherit;background:0 0;transform:none}.point-balance-card{grid-template-columns:1fr auto}.reward-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:374px){.app-main{padding-inline-start:12px;padding-inline-end:12px}.bottom-nav{width:calc(100% - 16px);bottom:8px}.bottom-nav a{font-size:10px}.point-balance-card{padding:var(--space-4)}.home-journey{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.brand-star,.progress-track span{transition:none;animation:none}}.new-mission-page,.new-reward-page{max-width:760px;margin:0 auto;padding-bottom:60px}.mission-presets-bar,.reward-presets-bar{border-radius:var(--radius-md,16px);scrollbar-width:none;background:linear-gradient(135deg,#fff9dee6,#fef3c799);border:1px solid #f5a62340;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;display:flex;overflow-x:auto}.mission-presets-bar::-webkit-scrollbar{display:none}.reward-presets-bar::-webkit-scrollbar{display:none}.mission-presets-title,.reward-presets-title{color:#925800;white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:inline-flex}.mission-presets-chips,.reward-presets-chips{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.preset-chip-btn{color:#784500;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #f5a62359;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.preset-chip-btn:hover{background:#fff5cc;border-color:#f5a623;transform:translateY(-1px)}.mission-form-layout,.reward-form-layout{gap:20px;display:grid}.mission-section-card,.reward-section-card{border:1.5px solid var(--color-border-subtle,#00502c1f);background:#fff;border-radius:22px;gap:16px;padding:clamp(18px,4vw,24px);transition:border-color .2s;display:grid;box-shadow:0 4px 18px #00502c0a}.mission-section-card:focus-within,.reward-section-card:focus-within{border-color:#00b57073}.required-star{color:#ef4444;margin-left:2px;font-weight:700}.field-hint{color:var(--color-text-secondary,#64748b);font-size:.8rem;font-weight:400}.section-card-header{border-bottom:1px solid #00502c12;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.section-card-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.section-card-icon.star-icon-bg{color:#925800;background:linear-gradient(135deg,#fff3c4,#ffe685)}.section-card-icon.gift-icon-bg{color:#be185d;background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.section-card-icon.package-icon-bg{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.section-card-icon.user-icon-bg{color:#0369a1;background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.section-card-icon.trigger-icon-bg{color:#854d0e;background:linear-gradient(135deg,#fef08a,#facc15)}.section-card-icon.award-icon-bg{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.section-card-header h3{color:var(--pico-dark-green,#00502c);margin:0;font-size:1.05rem;font-weight:800}.section-card-header p{color:var(--color-text-secondary,#52665b);margin:2px 0 0;font-size:.82rem}.mission-row-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:580px){.mission-row-fields{grid-template-columns:1fr}}.point-input-wrapper{align-items:center;display:flex;position:relative}.point-input-wrapper input{padding-right:54px;font-size:1.1rem;font-weight:700}.point-suffix{color:var(--color-text-secondary,#64748b);pointer-events:none;font-size:.82rem;font-weight:700;position:absolute;right:14px}.quick-points-pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.quick-point-btn{color:var(--pico-dark-green,#00502c);cursor:pointer;background:#f8fafc;border:1px solid #00502c26;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .15s}.quick-point-btn:hover,.quick-point-btn.active{background:var(--pico-dark-green,#00502c);border-color:var(--pico-dark-green,#00502c);color:#fff}.limit-input-group{align-items:center;gap:8px;display:flex}.limit-input-group .point-input-wrapper{flex:1}.period-select{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;flex:1.3;height:44px;padding:10px 12px;font-size:.88rem;font-weight:600;transition:all .15s}.period-select:focus{border-color:#00502c;box-shadow:0 0 0 3px #00502c1f}.quick-period-pills{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.segmented-selector{background:#f1f5f9;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:700;transition:all .15s;display:flex}.segmented-tab.active{color:var(--pico-dark-green,#00502c);background:#fff;box-shadow:0 2px 8px #00000014}.kids-multi-select-container{background:#f8fafc;border:1px dashed #00502c2e;border-radius:16px;gap:12px;padding:12px;display:grid}.kids-select-header{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.select-count-text{color:#475569}.kids-select-actions{align-items:center;gap:8px;display:flex}.text-link-btn{color:#0284c7;cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:700;text-decoration:underline}.text-link-btn:hover{color:#0369a1}.kids-select-actions .divider{color:#cbd5e1;font-size:.75rem}.kids-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.kid-select-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:all .18s;display:flex}.kid-select-card:hover{border-color:#94a3b8;transform:translateY(-1px)}.kid-select-card.selected{background:#f0fdf4;border-color:#00b570;box-shadow:0 3px 10px #00b5701f}.kid-avatar-wrap{flex-shrink:0}.kid-info{flex:1;min-width:0;display:grid}.kid-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.kid-points{color:#64748b;font-size:.72rem}.kid-checkbox-indicator{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.kid-checkbox-indicator.checked{background:#00b570;border-color:#00b570}.kid-radio-indicator{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.kid-radio-indicator.checked{background:#00b570;border-color:#00b570}.all-kids-summary-box{color:#166534;background:#f0fdf4;border:1px solid #00b57040;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:.84rem;font-weight:600;display:flex}.choice-cards-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:640px){.choice-cards-grid{grid-template-columns:1fr}}.choice-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;transition:all .18s;display:flex}.choice-card:hover{background:#fff;border-color:#cbd5e1}.choice-card.selected{background:#f0fdf4;border-color:#00b570;box-shadow:0 4px 14px #00b5701f}.choice-card-icon{color:#475569;background:#e2e8f0;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.choice-card-icon.zap-bg{color:#854d0e;background:#fef08a}.choice-card-icon.auto-badge-icon{color:#15803d;background:#dcfce7}.choice-card.selected .choice-card-icon{color:#fff;background:#00b570}.choice-card-body{flex:1;min-width:0}.card-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.choice-card-body h4{color:#1e293b;margin:0;font-size:.92rem;font-weight:800}.choice-card.selected .choice-card-body h4{color:#00502c}.choice-card-body p{color:#64748b;margin:4px 0 0;font-size:.78rem;line-height:1.35}.recommended-tag{color:#854d0e;background:#fef08a;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:800;display:inline-block}.choice-indicator{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:2px;display:grid}.choice-indicator.checked{background:#00b570;border-color:#00b570}.point-trigger-config-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;gap:16px;padding:16px;animation:.2s ease-out fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reason-mode-tabs{gap:10px;display:grid}.radio-label{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.radio-label:hover{border-color:#cbd5e1}.radio-label input[type=radio]{accent-color:#00b570;margin-top:3px}.radio-label span{gap:2px;display:grid}.radio-label span b{color:#1e293b;font-size:.88rem}.radio-label span small{color:#64748b;font-size:.76rem}.reasons-multi-select-area{border-top:1px solid #e2e8f0;gap:10px;padding-top:8px;display:grid}.reasons-header-row{justify-content:space-between;align-items:center;display:flex}.reasons-label{color:#334155;align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:inline-flex}.reason-chips-grid{flex-wrap:wrap;gap:8px;display:flex}.reason-chip-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.reason-chip-btn:hover{background:#f1f5f9;border-color:#94a3b8}.reason-chip-btn.selected{color:#fff;background:#00502c;border-color:#00502c;box-shadow:0 2px 8px #00502c33}.chip-check-icon{align-items:center;display:inline-flex}.chip-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.reason-chip-btn.selected .chip-dot{background:#fff}.add-reason-inline-box{gap:8px;margin-top:6px;display:flex}.add-reason-input{border:1px solid #cbd5e1;border-radius:10px;flex:1;padding:8px 12px;font-size:.82rem}.add-reason-submit-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#e2e8f0;border:0;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .15s}.add-reason-submit-btn:not(:disabled):hover{color:#fff;background:#00b570}.chip-count-tag{color:inherit;background:#ffffff52;border-radius:999px;margin-left:2px;padding:1px 6px;font-size:.72rem;font-weight:800}.reason-chip-btn:not(.selected) .chip-count-tag{color:#475569;background:#e2e8f0}.reason-targets-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;margin-top:10px;padding:12px 14px;display:flex}.reason-targets-header{color:#334155;align-items:center;gap:6px;margin-bottom:2px;font-size:.82rem;font-weight:700;display:flex}.reason-targets-list{flex-direction:column;gap:8px;display:flex}.reason-target-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.reason-target-name{color:#1e293b;word-break:break-word;font-size:.84rem;font-weight:600}.reason-stepper{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.stepper-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.stepper-btn:hover:not(:disabled){color:#fff;background:#00502c;border-color:#00502c}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-num-input{text-align:center;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:44px;height:28px;padding:2px 4px;font-size:.88rem;font-weight:700}.stepper-unit{color:#64748b;font-size:.8rem;font-weight:600}.mission-submit-actions,.reward-submit-actions{grid-template-columns:2fr 1fr;gap:12px;margin-top:10px;display:grid}@media (max-width:500px){.mission-submit-actions,.reward-submit-actions{grid-template-columns:1fr}}.mission-submit-btn,.reward-submit-btn{justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;display:inline-flex}.mission-badges-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.mission-mini-badge{border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.mission-mini-badge.auto-badge{color:#15803d;background:#dcfce7;border:1px solid #16a34a33}.mission-mini-badge.trigger-badge{color:#854d0e;background:#fef08a;border:1px solid #ca8a0433}.mission-mini-badge.kid-badge{color:#0369a1;background:#e0f2fe;border:1px solid #0284c733}.mission-detail-card{max-width:700px;margin:0 auto}.mission-detail-header{border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.task-icon-circle.large{width:54px;height:54px}.mission-desc{color:#475569;margin:6px 0 0;font-size:.94rem;line-height:1.5}.mission-specs-list{gap:12px;margin-top:18px;display:grid}.spec-row{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;display:flex}.spec-label{color:#64748b;font-weight:600}.spec-value{color:#1e293b;font-weight:700}.spec-value.points-badge{color:#925800;background:#fef08a;border-radius:999px;padding:3px 10px}.auto-pill{color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 10px;font-size:.82rem}.spec-row-assigned{align-items:center}.assigned-kids-container{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.assigned-kid-badge{background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:inline-flex;box-shadow:0 1px 2px #0000000a}.assigned-kid-avatar-wrap{justify-content:center;align-items:center;display:inline-flex}.assigned-kid-badge .avatar{border-radius:50%;width:22px;min-width:22px;height:22px;font-size:.7rem}.assigned-kid-name{color:#1e293b;font-size:.85rem;font-weight:700}.mission-outcome-group{flex-direction:column;gap:10px;display:flex}.outcome-type-selector{background:#f1f5f9;border-radius:14px;gap:8px;padding:4px;display:flex}.outcome-type-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.88rem;font-weight:700;transition:all .18s;display:inline-flex}.outcome-type-btn:hover{color:#1e293b}.outcome-type-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 4px #00000014}.outcome-config-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.reward-picker-header{justify-content:space-between;align-items:center;display:flex}.create-reward-link{color:#0284c7;font-size:.82rem;font-weight:700;text-decoration:none}.create-reward-link:hover{text-decoration:underline}.empty-reward-notice{text-align:center;color:#854d0e;background:#fefce8;border:1px dashed #fde047;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;font-size:.88rem;display:flex}.reward-select-wrap{flex-direction:column;gap:10px;display:flex}.reward-dropdown{color:#1e293b;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;width:100%;padding:10px 14px;font-size:.92rem;font-weight:600}.selected-reward-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.reward-card-icon{font-size:1.6rem}.reward-card-info h5{color:#1e293b;margin:0 0 2px;font-size:.95rem;font-weight:700}.reward-card-info p{color:#64748b;margin:0 0 4px;font-size:.82rem}.reward-meta{color:#0284c7;font-size:.78rem;font-weight:600}.reward-spec-badge{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:4px 12px;font-size:.88rem;font-weight:700}.outcome-both-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.reward-points-label{color:#0369a1!important;font-size:.95rem!important}.points-both-stack{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.reward-sub-label{color:#0284c7;font-size:.76rem;font-weight:700}.inbox-reward-alert{color:#15803d;background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;flex-direction:column;gap:3px;margin-bottom:8px;padding:10px 14px;font-size:.88rem;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.family-screen,.upgrade-screen,.join-family-screen{flex-direction:column;gap:22px;padding-bottom:110px;display:flex}.family-plan-card{background:var(--pico-ocean-gradient);color:#fff;border-radius:var(--r-lg,30px);border:2.5px solid var(--pico-dark-green);box-shadow:0 6px 0 var(--pico-dark-green);flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.family-card-star-watermark{color:#ffffff14;font-size:150px;font-family:var(--display);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;top:-20px;right:-8px;transform:rotate(15deg)}.family-plan-header{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.family-plan-badge{font-family:var(--display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #00000014}.family-plan-badge svg{color:var(--star-yellow)}.family-stats-grid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r,22px);z-index:1;background:#00192f52;border:1.5px solid #ffffff29;grid-template-columns:1fr 1fr;gap:14px;padding:16px 20px;display:grid;position:relative}.family-stat-item{flex-direction:column;gap:6px;display:flex}.family-stat-label{color:#ffffffe6;font-size:13px;font-weight:600}.family-stat-value{font-family:var(--display);color:#fff;font-size:16px;font-weight:700}.family-stat-value b{color:#fff;margin-right:2px;font-size:26px;font-weight:800}.family-quota-progress{background:#00000052;border-radius:999px;width:100%;height:8px;margin-top:4px;overflow:hidden}.family-quota-bar{background:linear-gradient(90deg,#00d2b4 0%,#00b570 100%);border-radius:999px;height:100%;transition:width .35s}.family-quota-bar.full{background:linear-gradient(90deg,#ffd84d 0%,#ff9f1c 100%)}.family-limit-alert{color:#92400e;border-radius:var(--r-sm,14px);z-index:1;background:#fffbeb;border:2px solid #fcd34d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-size:13.5px;font-weight:600;display:flex;position:relative;box-shadow:0 3px #f59e0b}.family-limit-link{color:#b45309;font-family:var(--display);white-space:nowrap;align-items:center;gap:4px;font-weight:800;text-decoration:underline;display:inline-flex}.family-section{flex-direction:column;gap:14px;display:flex}.family-member-list,.family-invite-list{flex-direction:column;gap:12px;display:flex}.family-member-card{background:var(--surface,#fff);border:2.5px solid var(--line,#d8ece4);border-radius:var(--r,22px);box-shadow:0 4px 0 var(--line,#d8ece4);justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;transition:transform .12s,box-shadow .12s;display:flex}.family-member-card:hover{transform:translateY(-2px);box-shadow:0 6px #b2d7cb}.family-invite-card{background:var(--surface,#fff);border:2.5px solid var(--line,#d8ece4);border-radius:var(--r,22px);box-shadow:0 4px 0 var(--line,#d8ece4);flex-direction:column;gap:12px;padding:18px 20px;transition:transform .12s,box-shadow .12s;display:flex}.family-invite-card:hover{transform:translateY(-2px);box-shadow:0 6px #b2d7cb}.family-invite-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.family-invite-user{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.family-invite-titles{flex-direction:column;gap:3px;min-width:0;display:flex}.family-invite-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.family-invite-name-row b{font-family:var(--display);color:var(--ink,#00192f);font-size:16px;font-weight:800}.family-invite-status-chip{color:#c2410c;font-family:var(--display);background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.family-invite-expire{color:var(--muted,#4e6575);font-size:12px}.family-invite-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .12s;display:flex}.family-invite-cancel-btn:hover{color:var(--coral-joy,#ff6b6b);background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.family-invite-cancel-btn:active{transform:translateY(1px)}.family-invite-code-row{background:var(--sky-mint,#e8f8f5);border:1.5px solid var(--line,#d8ece4);border-radius:var(--r-sm,12px);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.family-invite-code-label{color:var(--muted,#4e6575);flex-shrink:0;font-size:12px;font-weight:700}.family-invite-code{color:var(--pico-dark-green);letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:13px;font-weight:800;overflow:hidden}.family-invite-actions-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px;display:grid}.family-invite-actions-grid .button{justify-content:center;width:100%;font-size:13.5px}.family-member-info{flex-direction:column;flex:1;gap:4px;display:flex}.family-member-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.family-member-name-row b{font-family:var(--display);color:var(--ink,#00192f);font-size:16px;font-weight:800}.family-role-pill{font-family:var(--display);letter-spacing:.2px;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.family-role-pill.owner{background:var(--sky-mint);color:var(--pico-dark-green);border:1.5px solid #b2d7cb}.family-role-pill.guardian{color:var(--pico-ocean);background:#eef4ff;border:1.5px solid #cbdcfc}.family-member-joined{color:var(--muted,#4e6575);font-size:12px}.family-role-note{font-family:var(--display);color:var(--muted,#4e6575);font-size:13px;font-weight:700}.line-share-btn{color:#fff!important;border-radius:var(--r-sm)!important;font-family:var(--display)!important;cursor:pointer!important;background:#06c755!important;border:2px solid #048c3b!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;transition:transform .12s,box-shadow .12s,background .12s!important;display:inline-flex!important;box-shadow:0 3.5px #048c3b!important}.line-share-btn:hover{background:#05b34c!important;transform:translateY(-1px)!important;box-shadow:0 4.5px #048c3b!important}.line-share-btn:active{transform:translateY(2.5px)!important;box-shadow:0 1px #048c3b!important}.family-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00192f8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.family-modal-content{background:var(--surface,#fff);border-radius:var(--r-lg,28px);width:100%;max-width:480px;box-shadow:0 20px 40px -10px #00192f40, 0 6px 0 var(--pico-dark-green);border:2.5px solid var(--pico-dark-green);padding:26px 24px}.family-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.family-modal-header h3{font-family:var(--display);color:var(--pico-dark-green);margin:0;font-size:21px;font-weight:800}.family-modal-desc{color:var(--muted,#4e6575);margin-bottom:16px;font-size:14px;line-height:1.55}.family-modal-footer{justify-content:flex-end;margin-top:20px;display:flex}.family-invite-success{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.family-invite-success-badge{background:var(--sky-mint);border:2px solid var(--pico-green);width:64px;height:64px;color:var(--pico-green);box-shadow:0 4px 0 var(--pico-dark-green);border-radius:50%;justify-content:center;align-items:center;display:flex}.family-invite-success h4{font-family:var(--display);color:var(--pico-dark-green);margin:0;font-size:20px;font-weight:800}.family-link-box{gap:8px;width:100%;margin-top:8px;display:flex}.family-link-box input{border:2px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font-size:13.5px;font-family:var(--body);background:#f8fafc;flex:1;padding:10px 14px}.family-link-box input:focus{border-color:var(--pico-green);outline:none}.family-invite-share-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:14px;display:flex}.upgrade-hero{text-align:center;padding:12px 0 18px}.upgrade-pill{color:#7a4200;font-family:var(--display);background:linear-gradient(135deg,#fff3c4 0%,#fef08a 100%);border:1.5px solid #fde047;border-radius:999px;margin-bottom:10px;padding:6px 18px;font-size:13px;font-weight:800;display:inline-block;box-shadow:0 2px #d49500}.upgrade-hero h1{font-family:var(--display);color:var(--pico-dark-green);letter-spacing:-.2px;margin:6px 0 10px;font-size:26px;font-weight:800}.upgrade-hero p{color:var(--muted,#4e6575);max-width:480px;margin:0 auto;font-size:14.5px;line-height:1.55}.plan-cards-container{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:640px){.plan-cards-container{grid-template-columns:repeat(3,1fr)}}.plan-card{background:var(--surface,#fff);border:2.5px solid var(--line,#d8ece4);border-radius:var(--r,22px);cursor:pointer;box-shadow:0 4px 0 var(--line,#d8ece4);flex-direction:column;gap:14px;padding:24px 20px;transition:all .15s;display:flex;position:relative}.plan-card:hover{transform:translateY(-2px);box-shadow:0 6px #b2d7cb}.plan-card-selection-indicator{color:#fff;background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.plan-card.selected{border-color:var(--pico-dark-green);box-shadow:0 6px 0 var(--pico-dark-green);transform:translateY(-2px)}.plan-card.selected .plan-card-selection-indicator{border-color:var(--pico-dark-green);background:var(--pico-green);box-shadow:0 2px 0 var(--pico-dark-green)}.plan-card.popular{background:linear-gradient(#fffdf0 0%,#fff 100%);border:2.5px solid #ffb800;box-shadow:0 5px #d49500}.plan-card.popular.selected{border-color:#ffb800;transform:translateY(-2px);box-shadow:0 0 0 3px #ffb80073,0 6px #b38200}.plan-card.popular.selected .plan-card-selection-indicator{background:#ffb800;border-color:#b38200;box-shadow:0 2px #b38200}.popular-badge{color:#7a4200;font-family:var(--display);white-space:nowrap;letter-spacing:.3px;background:linear-gradient(135deg,#ffd84d 0%,#ffb800 100%);border:1.5px solid #fff;border-radius:999px;align-items:center;gap:5px;padding:4px 14px;font-size:11.5px;font-weight:800;display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 3px #b38200}.plan-card-header h3{font-family:var(--display);color:var(--ink,#00192f);margin:0;font-size:20px;font-weight:800}.plan-price{align-items:baseline;gap:6px;margin-top:6px;display:flex}.plan-price strong{font-family:var(--display);color:var(--pico-dark-green);font-size:34px;font-weight:800;line-height:1}.plan-price span{font-family:var(--display);color:var(--muted,#4e6575);font-size:14px;font-weight:700}.original-price{font-family:var(--display);color:#94a3b8;font-size:15px;font-weight:700;text-decoration:line-through}.plan-desc{color:var(--muted,#4e6575);margin:0;font-size:13.5px;line-height:1.5}.plan-features{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.plan-features li{color:#1e293b;align-items:flex-start;gap:10px;line-height:1.45;display:flex}.plan-features li svg{color:var(--pico-green);flex-shrink:0;margin-top:2px}.plan-status-badge{background:var(--sky-mint);color:var(--pico-dark-green);font-family:var(--display);text-align:center;border-radius:var(--r-sm);border:1.5px solid var(--line);padding:10px;font-size:13px;font-weight:800}.payment-checkout-section{margin-top:14px}.payment-checkout-card{background:var(--surface,#fff);border:2.5px solid var(--pico-dark-green);border-radius:var(--r-lg,28px);box-shadow:0 6px 0 var(--pico-dark-green);flex-direction:column;gap:20px;padding:26px 24px;display:flex}.payment-checkout-card .section-title h2{font-family:var(--display);color:var(--pico-dark-green);font-size:20px;font-weight:800}.payment-info-box{background:var(--sky-mint,#e8f8f5);border-radius:var(--r,22px);border:2px solid var(--line,#d8ece4);flex-wrap:wrap;align-items:center;gap:24px;padding:22px;display:flex}.payment-qr-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (min-width:640px){.payment-qr-wrap{width:auto}}.promptpay-qr-card{border-radius:var(--r,22px);background:#fff;border:2px solid #003764;flex-direction:column;align-items:center;width:100%;max-width:270px;display:flex;overflow:hidden;box-shadow:0 5px #00223e}.promptpay-qr-header{background:#003764;justify-content:center;align-items:center;width:100%;padding:11px 16px;display:flex}.promptpay-badge{color:#fff;align-items:center;gap:8px;display:flex}.promptpay-badge .thai-text{letter-spacing:.5px;font-size:15px;font-weight:800}.promptpay-badge .eng-text{opacity:.92;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.promptpay-qr-body{background:#fff;justify-content:center;align-items:center;min-height:210px;padding:16px;display:flex}.promptpay-qr-img{width:196px;height:196px;image-rendering:pixelated;border-radius:8px;display:block}.promptpay-qr-footer{border-top:1.5px dashed var(--line);background:#f8fafc;flex-direction:column;align-items:center;gap:10px;width:100%;padding:12px 16px 16px;display:flex}.promptpay-qr-amount-pill{font-family:var(--display);color:#7a4200;background:#fff3c4;border:1.5px solid #fde047;border-radius:999px;padding:5px 14px;font-size:13.5px;font-weight:700}.promptpay-qr-amount-pill b{color:#92400e;font-size:15px;font-weight:800}.save-qr-btn{border-radius:var(--r-sm);background:var(--pico-ocean);font-family:var(--display);border:2px solid #00192f;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;box-shadow:0 3.5px #00192f;color:#fff!important}.save-qr-btn:hover{background:#003d57;transform:translateY(-1px);box-shadow:0 4.5px #00192f;color:#fff!important}.save-qr-btn:active{transform:translateY(2.5px);box-shadow:0 1px #00192f}.payment-qr-placeholder{border-radius:var(--r,20px);border:2px solid var(--line);color:var(--pico-ocean);background:#fff;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex}.qr-promptpay-label{font-family:var(--display);color:var(--pico-ocean);font-size:13px;font-weight:800}.payment-details-col{flex-direction:column;flex:1;gap:12px;display:flex}.payment-detail-row{justify-content:space-between;align-items:center;gap:10px;font-size:14.5px;display:flex}.detail-label{color:var(--muted,#4e6575);font-weight:600}.detail-value{color:var(--ink,#00192f);font-weight:700}.detail-amount{font-family:var(--display);color:var(--pico-dark-green);font-size:24px;font-weight:800}.detail-amount-wrap{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.detail-original-price{font-family:var(--display);color:#94a3b8;font-size:14px;font-weight:600;text-decoration:line-through}.promo-badge-mini{color:#7a4200;font-family:var(--display);white-space:nowrap;background:#fff3c4;border:1.5px solid #fde047;border-radius:9999px;padding:3px 10px;font-size:11.5px;font-weight:800}.payment-channel-tabs{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.payment-channel-tab{border-radius:var(--r-sm);border:2px solid var(--line);color:var(--muted);font-family:var(--display);cursor:pointer;box-shadow:0 2.5px 0 var(--line);background:#fff;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:all .12s;display:inline-flex}.payment-channel-tab:hover{border-color:var(--pico-green);background:var(--sky-mint);color:var(--pico-dark-green)}.payment-channel-tab.active{border-color:var(--pico-dark-green);background:var(--sky-mint);color:var(--pico-dark-green);box-shadow:0 3px 0 var(--pico-dark-green)}.detail-value-with-copy{align-items:center;gap:8px;display:flex}.copy-mini-btn{border:1.5px solid var(--line);color:var(--pico-dark-green);font-family:var(--display);cursor:pointer;box-shadow:0 2px 0 var(--line);background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.copy-mini-btn:hover{background:var(--sky-mint);color:var(--pico-dark-green);border-color:var(--pico-green);transform:translateY(-1px)}.copy-mini-btn:active{box-shadow:0 .5px 0 var(--line);transform:translateY(1.5px)}.payment-instructions-note{color:var(--muted,#4e6575);border-radius:var(--r-sm);border:1px solid var(--line);border-left-width:3.5px;border-left-color:var(--pico-green);background:#fff;margin-top:6px;padding:10px 14px;font-size:12.5px}.bank-transfer-placeholder{color:var(--pico-green)}.payment-divider{border:none;border-top:2px dashed var(--line);margin:12px 0}.slip-instructions{color:var(--muted,#4e6575);margin:0;font-size:14.5px;line-height:1.55}.slip-upload-form{flex-direction:column;gap:16px;display:flex}.slip-dropzone{border:2.5px dashed var(--pico-green);border-radius:var(--r,22px);text-align:center;cursor:pointer;background:linear-gradient(#f0fdf4 0%,#e8f8f5 100%);padding:28px 20px;transition:all .15s;display:block;box-shadow:inset 0 2px 6px #00b5700f}.slip-dropzone:hover{border-color:var(--pico-dark-green);background:#dcfce7;transform:translateY(-2px)}.slip-empty-box{color:var(--pico-dark-green);flex-direction:column;align-items:center;gap:10px;display:flex}.slip-empty-box svg{color:var(--pico-green)}.slip-empty-box b{font-family:var(--display);color:var(--pico-dark-green);font-size:16px;font-weight:800}.slip-empty-box small{color:var(--muted,#4e6575);font-size:12.5px}.slip-preview-box{flex-direction:column;align-items:center;gap:10px;display:flex}.slip-preview-box img{border-radius:var(--r-sm);border:2px solid var(--line);max-width:100%;max-height:240px;box-shadow:0 8px 24px #0000001a}.change-slip-text{font-family:var(--display);color:var(--pico-green);font-size:13.5px;font-weight:800;text-decoration:underline}.slip-submit-row{justify-content:center;margin-top:10px;display:flex}.slip-submit-row button{width:100%;max-width:380px;min-height:52px;font-size:16px;font-weight:800}.upgrade-success-card{background:var(--surface,#fff);border:2.5px solid var(--pico-green,#00b570);border-radius:var(--r-lg,28px);text-align:center;box-shadow:0 6px 0 var(--pico-dark-green);flex-direction:column;align-items:center;gap:18px;padding:36px 24px;display:flex}.upgrade-success-icon{color:#7a4200;background:#fff3c4;border:2px solid #ffd84d;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 4px #b38200}.upgrade-success-card h1{font-family:var(--display);color:var(--pico-dark-green);margin:0;font-size:26px;font-weight:800}.upgrade-success-message{color:#334155;max-width:440px;font-size:15px;line-height:1.55}.slip-receipt-box{background:var(--sky-mint);border:2px solid var(--line);border-radius:var(--r-sm);text-align:left;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:18px;display:flex}.slip-receipt-row{justify-content:space-between;font-size:13.5px;display:flex}.slip-receipt-row b{font-family:monospace}.receipt-amount{font-family:var(--display);color:var(--pico-dark-green);font-size:15px;font-weight:800}.upgrade-success-actions{flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:10px;display:flex}.join-family-card,.join-family-input-card,.join-family-success-card{background:var(--surface,#fff);border:2.5px solid var(--line,#d8ece4);border-radius:var(--r,22px);box-shadow:0 4px 0 var(--line,#d8ece4);flex-direction:column;gap:16px;padding:26px 22px;display:flex}.join-family-icon,.join-family-badge,.join-family-success-badge{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.join-family-icon{color:#0284c7;background:#e0f2fe;border:2px solid #bae6fd}.join-family-badge{color:#db2777;background:#fce7f3;border:2px solid #fbcfe8}.join-family-success-badge{color:#7a4200;background:#fff3c4;border:2px solid #fde047;box-shadow:0 3px #b38200}.join-family-sub{color:var(--muted,#4e6575);text-align:center;margin:0;font-size:14.5px}.join-family-kids-preview{background:var(--sky-mint);border-radius:var(--r-sm);border:1.5px solid var(--line);padding:16px}.join-family-kids-label{font-family:var(--display);color:var(--pico-dark-green);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.join-family-kids-list{flex-wrap:wrap;gap:8px;display:flex}.join-family-kid-item{border:1.5px solid var(--line);font-family:var(--display);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.join-family-footer,.join-family-actions{flex-direction:column;gap:12px;margin-top:10px;display:flex}.point-balance-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;grid-column:1/-1;align-items:center;display:flex}.hero-send-points-btn{background:var(--star-yellow,#ffd84d);color:var(--ink,#1e293b);border-radius:var(--radius-pill);border:2px solid #b38200;align-items:center;gap:8px;min-height:42px;padding:8px 18px;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px #b38200,0 6px 16px #f59e0b59}.hero-send-points-btn:hover{background:var(--star-yellow-hover,#ffcd1a);transform:translateY(-2px);box-shadow:0 6px #b38200,0 8px 20px #f59e0b73}.hero-send-points-btn:active{transform:translateY(2px);box-shadow:0 1px #b38200}.hero-star-world-btn,.button.star-world-btn{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);border:2px solid #818cf899;align-items:center;gap:8px;min-height:42px;padding:8px 18px;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px #1e1b4b,0 6px 18px #4338ca66}.hero-star-world-btn:hover,.button.star-world-btn:hover{color:#fff;background:linear-gradient(135deg,#2e1065 0%,#4338ca 40%,#6366f1 100%);transform:translateY(-2px);box-shadow:0 6px #1e1b4b,0 8px 24px #6366f18c}.hero-star-world-btn:active,.button.star-world-btn:active{transform:translateY(2px);box-shadow:0 1px #1e1b4b}.star-world-page{gap:var(--space-4);padding-bottom:var(--space-6);flex-direction:column;display:flex}.star-world-kid-tabs{gap:var(--space-2);scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.star-world-kid-tabs::-webkit-scrollbar{display:none}.kid-tab-item{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.kid-tab-item.active{border-color:var(--pico-dark-green);background:var(--sky-mint);color:var(--pico-dark-green);box-shadow:var(--shadow-sm)}.star-world-month-nav{background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.month-nav-btn{border:1px solid var(--color-border-subtle);background:var(--color-surface);width:38px;height:38px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid}.month-nav-btn:hover:not(:disabled){background:var(--sky-mint);color:var(--pico-dark-green);border-color:var(--pico-dark-green)}.month-nav-btn:disabled{opacity:.35;cursor:not-allowed}.month-nav-title{flex-direction:column;align-items:center;gap:2px;display:flex}.month-nav-title h2{color:var(--pico-dark-green);margin:0;font-size:1.15rem;font-weight:800}.current-month-badge{background:var(--sky-mint);color:var(--pico-dark-green);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:2px 8px;font-size:.72rem;font-weight:700}.star-world-hero{border-radius:var(--radius-lg);color:#f8fafc;background:linear-gradient(135deg,#090d16 0%,#111827 50%,#1e1b4b 100%);border:1.5px solid #6366f14d;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.hero-status-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid;align-self:flex-start;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.hero-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero-stat-card{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.hero-stat-card small{color:#94a3b8;font-size:.72rem}.hero-stat-card strong{color:#f8fafc;font-size:1.3rem;font-family:var(--display)}.hero-stat-card strong span{color:#cbd5e1;font-size:.8rem;font-weight:400}.hero-description{color:#cbd5e1;margin:0;font-size:.82rem;line-height:1.4}.star-world-simulator-section{flex-direction:column;gap:10px;display:flex}.simulator-controls-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.controls-left,.controls-right{align-items:center;gap:8px;display:flex}.sim-ctrl-btn{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.sim-ctrl-btn.active{color:#6366f1;background:#ede9fe;border-color:#818cf8}.sim-ctrl-btn.sound-btn{padding:6px 10px}.star-world-simulator-section{transition:all .3s;position:relative}.star-world-simulator-section.is-fullscreen{z-index:99999;background:#06070a;flex-direction:column;gap:10px;width:100vw;height:100vh;padding:12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.star-world-simulator-section.is-fullscreen .simulator-controls-bar{display:none}.star-world-simulator-section.is-fullscreen .star-world-stage{border-radius:var(--radius-md);flex:1;height:100%!important}.fullscreen-hud-bar{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ad9;border:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;animation:.3s ease-out hudFadeDown;display:flex;box-shadow:0 4px 20px #00000080}@keyframes hudFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hud-title{color:#fff;align-items:center;gap:10px;display:flex}.hud-title strong{font-size:.95rem;display:block}.hud-title small{color:#94a3b8;font-size:.75rem}.hud-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sim-ctrl-btn.compact{padding:4px 10px;font-size:.75rem}.close-fullscreen-btn{color:#fff!important;background:#dc2626!important;border-color:#ef4444!important}.star-world-stage{border-radius:var(--radius-lg);touch-action:none;background:radial-gradient(90% 80%,#0d122b 0%,#070914 65%,#020306 100%);border:2px solid #3730a3;width:100%;height:460px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000c,0 10px 40px #0a0f1e99}@media (orientation:landscape) and (max-height:520px){.star-world-stage{height:82vh}}.cosmic-vignette{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 90px #000000bf}.cosmic-nebula-wrap{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.nebula-cloud{filter:blur(40px);opacity:.7;border-radius:50%;animation:14s ease-in-out infinite alternate nebulaBreath;position:absolute}.nebula-cloud.n-purple{background:radial-gradient(circle,#818cf82e 0%,#0000 70%);width:380px;height:380px;top:10%;left:15%}.nebula-cloud.n-cyan{background:radial-gradient(circle,#38bdf829 0%,#0000 65%);width:340px;height:340px;animation-delay:-5s;bottom:8%;right:12%}.nebula-cloud.n-rose{background:radial-gradient(circle,#f43f5e24 0%,#0000 65%);width:280px;height:280px;animation-delay:-9s;top:45%;right:20%}@keyframes nebulaBreath{0%{opacity:.55;transform:scale(.92)rotate(0)}to{opacity:.85;transform:scale(1.12)rotate(8deg)}}.cosmic-starfield{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.bg-star{background:#fff;border-radius:50%;position:absolute}.bg-star.faint{opacity:.35;background:#94a3b8}.bg-star.twinkle{background:#fff;animation:3s ease-in-out infinite alternate bgStarTwinkle;box-shadow:0 0 4px #93c5fd}.bg-star.beacon{background:#fff;animation:2.5s ease-in-out infinite alternate bgStarBeacon;box-shadow:0 0 6px #fff,0 0 14px #38bdf8}@keyframes bgStarTwinkle{0%{opacity:.2;transform:scale(.7)}to{opacity:.95;transform:scale(1.3)}}@keyframes bgStarBeacon{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1.4)}}.ambient-shooting-star{border-radius:var(--radius-pill);opacity:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#fff,#fbbf24cc,#0000);width:90px;height:1.5px;animation:10s ease-in infinite ambientMeteor;position:absolute;top:18%;right:15%;transform:rotate(-32deg)}@keyframes ambientMeteor{0%,75%{opacity:0;transform:translate(0)rotate(-32deg)}80%{opacity:.9}87%{opacity:0;transform:translate(-260px,160px)rotate(-32deg)}to{opacity:0}}.cosmic-stage-viewport{width:100%;height:100%;transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.cosmic-stage-viewport:active{cursor:grabbing}.cosmic-dust-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.dust-particle{opacity:.45;background:#fff;border-radius:50%;width:3px;height:3px;animation:3.5s ease-in-out infinite alternate dustTwinkle;position:absolute;box-shadow:0 0 6px #67e8f9}.d1{animation-delay:.2s;top:18%;left:22%}.d2{animation-delay:.7s;top:22%;left:78%}.d3{animation-delay:1.2s;top:72%;left:18%}.d4{animation-delay:1.8s;top:82%;left:72%}.d5{animation-delay:.5s;top:42%;left:88%}.d6{animation-delay:1.5s;top:62%;left:12%}.d7{animation-delay:.9s;top:12%;left:48%}.d8{animation-delay:2.1s;top:88%;left:38%}.orbit-ring{pointer-events:none;border:1px dashed #818cf840;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #6366f114}.orbit-ring-inner{width:50%;height:50%}.orbit-ring-middle{width:70%;height:70%}.orbit-ring-outer{width:88%;height:88%}.orbit-glow-sweep{border:1.5px solid #38bdf899;border-color:#38bdf899 #fbbf2466 #0000 #0000;border-radius:50%;animation:16s linear infinite orbitSpin;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.orbit-glow-sweep.reverse{border-top-color:#ec489980;animation:22s linear infinite reverse orbitSpin}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.constellation-svg{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.constellation-laser-line{stroke-dasharray:6 4;animation:2.2s linear infinite constellationLaser}@keyframes constellationLaser{0%{stroke-dashoffset:20px;opacity:.75}50%{opacity:1}to{stroke-dashoffset:0;opacity:.75}}.shooting-stars-container{pointer-events:none;z-index:8;position:absolute;top:0;bottom:0;left:0;right:0}.shooting-star{opacity:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,#fff,#fbbf24,#0000);width:140px;height:2.5px;animation:1.3s ease-in forwards celebrationMeteor;position:absolute;transform:rotate(-35deg);box-shadow:0 0 8px #fbbf24}.s1{animation-delay:.1s;top:8%;left:35%}.s2{animation-delay:.35s;top:38%;left:65%}.s3{animation-delay:.6s;top:18%;left:80%}.s4{animation-delay:.8s;top:58%;left:25%}.s5{animation-delay:1s;top:28%;left:45%}.s6{animation-delay:1.2s;top:70%;left:70%}@keyframes celebrationMeteor{0%{opacity:1;transform:translate(0)rotate(-35deg)}to{opacity:0;transform:translate(-260px,220px)rotate(-35deg)}}.star-world-planet{z-index:5;place-items:center;width:104px;height:104px;display:grid;position:absolute;top:50%;left:50%}.planet-atmosphere-glow{background:radial-gradient(circle, var(--planet-color,#10b981) 0%, #10b98166 45%, transparent 75%);filter:blur(12px);opacity:.65;pointer-events:none;border-radius:50%;animation:4s ease-in-out infinite alternate planetPulse;position:absolute;top:-22px;bottom:-22px;left:-22px;right:-22px}@keyframes planetPulse{0%{opacity:.5;transform:scale(.95)}to{opacity:.8;transform:scale(1.1)}}.planet-ring-3d{pointer-events:none;border-radius:50%;width:172px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22deg)}.planet-ring-3d.ring-back{z-index:1;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);border:4px solid #fbbf2480;box-shadow:0 0 14px #fbbf2459}.planet-ring-3d.ring-front{z-index:6;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);border:4px solid #fbbf24bf;box-shadow:0 0 16px #fbbf2480}.planet-moon-orbit{pointer-events:none;z-index:4;border-radius:50%;width:140px;height:60px;animation:9s linear infinite moonOrbitSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(32deg)}.planet-moon{background:radial-gradient(circle at 35% 30%,#fff 0%,#cbd5e1 50%,#475569 100%);border-radius:50%;width:11px;height:11px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffffd9}@keyframes moonOrbitSpin{0%{transform:translate(-50%,-50%)rotate(32deg)rotate(0)}to{transform:translate(-50%,-50%)rotate(32deg)rotate(360deg)}}.planet-sphere-body{z-index:3;background:radial-gradient(circle at 32% 28%, #fff 0%, #ffffffbf 8%, var(--planet-color,#10b981) 45%, #064e3b 82%, #022c22 100%);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative;overflow:hidden;box-shadow:inset -14px -14px 26px #000000d9,inset 4px 4px 12px #ffffff73,0 0 24px #10b98159}.planet-cloud-swirl{opacity:.32;filter:blur(3px);background:repeating-conic-gradient(#fff9 0deg 25deg,#0000 25deg 65deg);border-radius:50%;animation:24s linear infinite cloudDrift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes cloudDrift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planet-specular-light{pointer-events:none;background:radial-gradient(#fffc 0%,#0000 80%);border-radius:50%;width:38px;height:22px;position:absolute;top:8%;left:14%;transform:rotate(-30deg)}.planet-night-shadow{pointer-events:none;background:radial-gradient(circle at 75% 75%,#000000bf 0%,#0000 60%);border-radius:50%;width:100%;height:100%;position:absolute;bottom:0;right:0}.planet-observatory-portal{z-index:4;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative}.portal-crystal-rim{pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;box-shadow:0 0 10px #ffffffb3,inset 0 0 6px #fff6}.planet-astronaut-emblem{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 60%,#4338ca 100%);border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative;box-shadow:inset 0 0 10px #0000008c}.astronaut-initial{color:#fff;text-shadow:0 0 10px #ffffffe6;font-size:1.35rem;font-weight:900}.astronaut-star-spark{color:#ffd84d;text-shadow:0 0 6px #ffd84d;font-size:11px;animation:1.8s infinite alternate sparkPulse;position:absolute;top:2px;right:4px}@keyframes sparkPulse{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.planet-holo-nameplate{z-index:8;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#080c1ad9;border:1px solid #818cf899;align-items:center;gap:5px;padding:3px 12px;display:inline-flex;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #6366f173}.holo-icon{font-size:.85rem}.holo-name{color:#fff;letter-spacing:.2px;font-size:.74rem;font-weight:800}.cosmic-star-node{cursor:pointer;z-index:7;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);animation:3.8s ease-in-out infinite alternate starGentleFloat;display:flex;position:absolute;transform:translate(-50%,-50%)}.cosmic-star-node:hover,.cosmic-star-node.selected{z-index:12;transform:translate(-50%,-50%)scale(1.35)}@keyframes starGentleFloat{0%{transform:translate(-50%,-50%)translateY(0)}to{transform:translate(-50%,-50%)translateY(-6px)}}.star-selected-shockwave{pointer-events:none;border:2px solid #fff;border-radius:50%;width:58px;height:58px;animation:1.4s ease-out infinite shockwaveRipple;position:absolute;top:15px;left:50%;transform:translate(-50%,-50%)}@keyframes shockwaveRipple{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.diffraction-spikes-container{pointer-events:none;width:54px;height:54px;position:absolute;top:15px;left:50%;transform:translate(-50%,-50%)}.diffraction-spikes-container .spike{border-radius:var(--radius-pill);background:linear-gradient(90deg,#0000,#fff,#0000);position:absolute;top:50%;left:50%}.diffraction-spikes-container .spike.horizontal{width:48px;height:1.8px;transform:translate(-50%,-50%)}.diffraction-spikes-container .spike.vertical{width:1.8px;height:48px;transform:translate(-50%,-50%)}.diffraction-spikes-container .spike.diagonal-1{width:36px;height:1.4px;transform:translate(-50%,-50%)rotate(45deg)}.diffraction-spikes-container .spike.diagonal-2{width:36px;height:1.4px;transform:translate(-50%,-50%)rotate(-45deg)}.stellar-corona{pointer-events:none;border-radius:50%;animation:2.8s ease-in-out infinite alternate coronaShimmer;position:absolute;top:15px;left:50%;transform:translate(-50%,-50%)}@keyframes coronaShimmer{0%{opacity:.75;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.cosmic-star-node.tier-amber .stellar-corona{filter:blur(2.5px);background:radial-gradient(circle,#fbbf24d9 0%,#f59e0b4d 45%,#0000 75%);width:44px;height:44px}.cosmic-star-node.tier-amber .stellar-core{background:radial-gradient(circle at 35% 35%,#fff 0%,#fffbeb 40%,#fbbf24 85%);box-shadow:0 0 10px #fff,0 0 20px #fbbf24}.cosmic-star-node.tier-amber .stellar-core-icon{color:#78350f}.cosmic-star-node.tier-azure .stellar-corona{filter:blur(2.5px);background:radial-gradient(circle,#38bdf8e6 0%,#0ea5e959 45%,#0000 75%);width:52px;height:52px}.cosmic-star-node.tier-azure .stellar-core{background:radial-gradient(circle at 35% 35%,#fff 0%,#e0f2fe 40%,#38bdf8 85%);box-shadow:0 0 12px #fff,0 0 24px #38bdf8}.cosmic-star-node.tier-azure .stellar-core-icon{color:#0c4a6e}.cosmic-star-node.tier-azure .diffraction-spikes-container .spike.horizontal{width:56px}.cosmic-star-node.tier-azure .diffraction-spikes-container .spike.vertical{height:56px}.cosmic-star-node.tier-supernova .stellar-corona{filter:blur(3px);background:radial-gradient(circle,#ec4899f2 0%,#f43f5e66 50%,#0000 80%);width:66px;height:66px}.cosmic-star-node.tier-supernova .stellar-core{background:radial-gradient(circle at 35% 35%,#fff 0%,#fdf2f8 35%,#f43f5e 85%);width:30px;height:30px;box-shadow:0 0 16px #fff,0 0 30px #ec4899}.cosmic-star-node.tier-supernova .stellar-core-icon{color:#fff}.cosmic-star-node.tier-supernova .diffraction-spikes-container .spike.horizontal{width:68px;box-shadow:0 0 8px #f43f5e}.cosmic-star-node.tier-supernova .diffraction-spikes-container .spike.vertical{height:68px;box-shadow:0 0 8px #f43f5e}.stellar-core{z-index:3;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:relative}.core-glint{filter:blur(.5px);pointer-events:none;background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:4px}.stellar-core-icon{filter:drop-shadow(0 0 2px #00000080)}.stellar-points-pill{color:#fff;border-radius:var(--radius-pill);z-index:4;background:#0f172ae0;border:1px solid #ffffff73;margin-top:-2px;padding:1px 7px;font-size:.68rem;font-weight:900;line-height:1.2;box-shadow:0 2px 6px #0009}.stellar-chart-label{color:#f8fafc;border-radius:var(--radius-pill);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4;background:#0a0f1ee0;border:1px solid #818cf866;max-width:95px;padding:2px 8px;font-size:.66rem;font-weight:700;overflow:hidden;box-shadow:0 3px 10px #000000a6}.empty-sky-message{color:#cbd5e1;text-align:center;z-index:10;flex-direction:column;align-items:center;gap:8px;font-size:.85rem;display:flex;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%)}.empty-sky-icon{font-size:2rem}.star-inspector-card{background:var(--color-surface-raised);border:2px solid var(--star-gold);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:16px;animation:.25s ease-out inspectorSlideUp;display:flex;box-shadow:0 8px 24px #f59e0b40}@keyframes inspectorSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inspector-header{justify-content:space-between;align-items:center;display:flex}.inspector-title-wrap{align-items:center;gap:10px;display:flex}.inspector-star-icon{color:var(--star-gold);filter:drop-shadow(0 0 6px var(--star-gold))}.inspector-title-wrap h3{color:var(--pico-dark-green);margin:0;font-size:1.2rem;font-weight:800}.inspector-title-wrap small{color:var(--color-text-secondary);font-size:.75rem}.inspector-body{background:var(--surface);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px;display:flex}.inspector-row{gap:8px;font-size:.9rem;display:flex}.inspector-label{color:var(--color-text-secondary);flex-shrink:0}.inspector-value{color:var(--color-text-primary)}.inspector-row.note-row{flex-direction:column;gap:2px;margin-top:4px}.inspector-note{color:var(--pico-dark-green);border-radius:var(--radius-sm);border-left:3px solid var(--pico-dark-green);background:#f0fdf4;margin:0;padding:8px 10px;font-style:italic}.inspector-actions{justify-content:flex-end;gap:8px;display:flex}.star-world-archive{margin-top:var(--space-3);flex-direction:column;gap:12px;display:flex}.archive-header{justify-content:space-between;align-items:center;display:flex}.archive-header h2{margin:0;font-size:1.2rem}.archive-filters{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.archive-filters::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;padding:4px 10px;font-size:.75rem;font-weight:700;transition:all .2s}.filter-chip.active{background:var(--pico-dark-green);color:#fff;border-color:var(--pico-dark-green)}.star-deeds-list{gap:8px;display:grid}.star-deed-item{border-radius:var(--radius-md);background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.star-deed-item:hover,.star-deed-item.highlighted{background:#f8fafc;border-color:#818cf8;transform:translate(3px)}.deed-star-badge{color:#b45309;border-radius:var(--radius-pill);background:#fef3c7;flex-shrink:0;align-items:center;gap:3px;padding:4px 8px;font-size:.85rem;font-weight:800;display:flex}.deed-star-badge svg{color:#f59e0b}.deed-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.deed-details b{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.deed-note{color:var(--pico-dark-green);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-style:italic;overflow:hidden}.deed-date{color:var(--color-text-secondary);font-size:.72rem}.deed-action-hint{color:#6366f1;flex-shrink:0;font-size:.75rem;font-weight:700}.games-hub-page{width:min(100%,980px);margin:0 auto;padding:18px 20px 48px}.games-hero{color:#fff;background:linear-gradient(135deg,#312e81 0%,#635bff 48%,#8b5cf6 100%);border-radius:32px;grid-template-columns:minmax(0,1.45fr) minmax(180px,.55fr);align-items:center;min-height:250px;padding:clamp(28px,5vw,50px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #4338cacc}.games-hero-copy{z-index:2;position:relative}.games-eyebrow{letter-spacing:.12em;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:850;display:inline-flex}.games-hero h1{color:#fff;letter-spacing:-.035em;margin:16px 0 10px;font-size:clamp(28px,5vw,46px);line-height:1.08}.games-hero h1 strong{color:#fde68a}.games-hero p{color:#ffffffd1;max-width:570px;margin:0;font-size:15px;line-height:1.7}.games-hero-mascot{z-index:2;aspect-ratio:1;background:#ffffff26;border:1px solid #ffffff4d;border-radius:42% 58% 54% 46%/45% 42% 58% 55%;justify-self:end;place-items:center;width:clamp(130px,18vw,180px);display:grid;position:relative;transform:rotate(5deg);box-shadow:inset 0 0 30px #ffffff1f}.games-hero-mascot>span{filter:drop-shadow(0 12px 15px #1e1b4b4d);font-size:clamp(72px,10vw,104px);transform:rotate(-5deg)}.games-hero-mascot-img{object-fit:cover;filter:drop-shadow(0 12px 18px #1e1b4b4d);border-radius:24px;width:clamp(70px,9vw,98px);height:clamp(70px,9vw,98px)}.games-float-star{font-size:25px;animation:3.5s ease-in-out infinite games-float;position:absolute}.games-float-star.star-one{top:0;right:0}.games-float-star.star-two{animation-delay:-1.7s;bottom:5px;left:-6px}.games-hero-orb{background:#ffffff17;border-radius:50%;position:absolute}.games-hero-orb-one{width:230px;height:230px;top:-110px;right:-85px}.games-hero-orb-two{width:140px;height:140px;bottom:-100px;left:44%}@keyframes games-float{50%{transform:translateY(-8px)rotate(8deg)}}.game-allowance{color:#5b21b6;background:linear-gradient(100deg,#f5f3ff,#fff);border:1px solid #ddd6fe;border-radius:20px;align-items:center;gap:13px;margin:18px 0 14px;padding:15px 18px;display:flex}.game-allowance.is-exhausted{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.game-allowance-icon{background:currentColor;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.game-allowance-icon svg{color:#fff}.game-allowance-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-allowance-copy span{text-transform:uppercase;letter-spacing:.05em;opacity:.72;font-size:11px;font-weight:800}.game-allowance-copy strong{color:#1e1b4b;font-size:15px}.game-allowance.is-exhausted .game-allowance-copy strong{color:#9a3412}.game-allowance-meter{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.game-allowance-meter span{background:#c4b5fd;border-radius:7px;width:11px;height:27px}.game-allowance-meter span.is-used{background:#e5e7eb}.games-tabs{background:#f8fafc;border:1px solid #e5e7eb;border-radius:17px;gap:4px;margin:5px 0 20px;padding:5px;display:inline-flex}.games-tabs button{color:#64748b;min-height:43px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 15px;font-weight:750;display:flex}.games-tabs button.is-active{color:#4f46e5;background:#fff;box-shadow:0 4px 12px #0f172a14}.games-tabs small{color:#6d28d9;background:#ede9fe;border-radius:999px;place-items:center;min-width:21px;height:21px;font-weight:800;display:grid}.games-catalog{gap:18px;display:grid}.ef-game-card{--game-accent:#4f46e5;--game-soft:#eef2ff;background:#fff;border:1px solid #e8eaf0;border-radius:26px;grid-template-columns:190px minmax(0,1fr);transition:transform .22s,box-shadow .22s;display:grid;overflow:hidden;box-shadow:0 12px 36px -26px #0f172a73}.ef-game-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px -27px #0f172a80}.ef-game-card.stop-go{--game-accent:#047857;--game-soft:#d1fae5}.ef-game-card.sort-switch{--game-accent:#be185d;--game-soft:#fce7f3}.ef-game-card.memory-moves{--game-accent:#6d28d9;--game-soft:#ede9fe}.ef-game-card.freeze-pose,.ef-game-card.listen-first{--game-accent:#047857;--game-soft:#d1fae5}.ef-game-card.opposite-world{--game-accent:#be185d;--game-soft:#fce7f3}.ef-game-card.sound-train,.ef-game-card.missing-object{--game-accent:#6d28d9;--game-soft:#ede9fe}.ef-game-card.story-sequence{--game-accent:#9333ea;--game-soft:#f3e8ff}.ef-game-card.little-chef{--game-accent:#6d28d9;--game-soft:#ede9fe}.ef-game-card.delivery-route,.ef-game-card.pretend-mission{--game-accent:#0284c7;--game-soft:#e0f2fe}.ef-game-card.is-disabled{filter:saturate(.65)}.ef-game-card.is-limit-reached{border-color:#fed7aa}.ef-game-card.is-locked{border-color:#e2e8f0}.ef-game-card.is-locked:hover{border-color:#cbd5e1}.ef-game-cover-lock{color:#fff;-webkit-backdrop-filter:blur(2px)saturate(.8);backdrop-filter:blur(2px)saturate(.8);z-index:2;background:linear-gradient(#0f172a40,#0f172abf);place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ef-game-cover-lock span{color:#047857;background:#fff8d9;border:3px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 22px #0003}.ef-game-cover-lock b{text-shadow:0 2px 6px #0006;font-size:13px;font-weight:800}.ef-play-button.is-locked{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 18px -10px #d97706}.ef-play-button.is-daily-limit{color:#fff;background:#64748b;min-width:154px;box-shadow:0 8px 18px -10px #475569}.ef-play-button.is-daily-limit:hover{background:#475569}.ef-game-art{background:radial-gradient(circle at 35% 30%, #fff 0 7%, transparent 8%), linear-gradient(145deg, var(--game-soft), #fff);place-items:center;min-height:230px;display:grid;position:relative}.ef-game-art:before,.ef-game-art:after{content:"";border:1px solid color-mix(in srgb, var(--game-accent) 18%, transparent);border-radius:50%;position:absolute}.ef-game-art:before{width:130px;height:130px}.ef-game-art:after{background:#ffffff9e;width:92px;height:92px}.ef-game-art>span{z-index:1;filter:drop-shadow(0 11px 10px #0f172a21);font-size:67px;position:relative}.ef-game-content{flex-direction:column;padding:23px 24px 20px;display:flex}.ef-game-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ef-game-kicker{color:var(--game-accent);letter-spacing:.04em;font-size:11px;font-weight:850}.ef-game-heading h2{color:#172033;letter-spacing:-.02em;margin:4px 0 0;font-size:21px;line-height:1.25}.ef-star-reward{color:#d97706;background:#fffbeb;border-radius:999px;flex:none;align-items:center;gap:4px;padding:7px 10px;font-size:14px;font-weight:850;display:inline-flex}.ef-game-content>p{color:#64748b;margin:10px 0 13px;font-size:13px;line-height:1.6}.ef-game-meta,.ef-game-skills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ef-game-meta span{color:#64748b;align-items:center;gap:5px;font-size:12px;display:inline-flex}.ef-game-meta span+span:before{content:"•";color:#cbd5e1;margin-right:3px}.ef-game-skills{margin-top:10px}.ef-game-skills span{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750}.ef-game-actions{justify-content:flex-end;gap:9px;margin-top:auto;padding-top:17px;display:flex}.ef-game-actions button{min-height:44px;font:inherit;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.ef-settings-button{color:#64748b;background:#fff;border:1px solid #e2e8f0;width:44px;padding:0}.ef-settings-button span{display:none}.ef-play-button{background:var(--game-accent);color:#fff;min-width:132px;box-shadow:0 8px 18px -10px var(--game-accent);border:0;padding:0 18px}.ef-play-button.is-upgrade{background:linear-gradient(135deg,#f97316,#ea580c);min-width:178px;box-shadow:0 8px 18px -10px #c2410c}.ef-play-button:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}.game-history-list{gap:10px;display:grid}.game-history-card{background:#fff;border:1px solid #e8eaf0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:15px 17px;display:grid}.game-history-icon{color:#d97706;background:#fef3c7;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.game-history-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.game-history-copy strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.game-history-copy span{color:#64748b;font-size:11px}.game-history-reward{color:#d97706;align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.game-history-status{color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750}.game-history-status.awarded{color:#047857;background:#d1fae5}.game-history-status.pending{color:#92400e;background:#fef3c7}.game-history-status.limit_reached{color:#64748b;background:#f1f5f9}.game-settings-backdrop{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a94;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.game-settings-modal{background:#fff;border-radius:26px;width:min(100%,440px);max-height:calc(100dvh - 36px);padding:24px;overflow-y:auto;box-shadow:0 30px 70px #0f172a47}.game-settings-modal header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.game-settings-modal header span{color:#7c3aed;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:850}.game-settings-modal h2{color:#172033;margin:3px 0 0;font-size:20px}.game-settings-modal header button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.game-settings-toggle{background:#f8fafc;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:16px;display:flex}.game-settings-toggle>span,.game-settings-field{flex-direction:column;gap:3px;display:flex}.game-settings-toggle strong,.game-settings-field>span{color:#1e293b;font-size:14px;font-weight:750}.game-settings-toggle small,.game-settings-field small{color:#64748b;font-size:11px}.game-settings-toggle input{accent-color:#7c3aed;flex:none;width:24px;height:24px}.game-settings-field{margin-top:18px}.game-settings-field>div{color:#d97706;border:1px solid #cbd5e1;border-radius:14px;align-items:center;gap:9px;margin-top:8px;padding:0 14px;display:flex}.game-settings-field input{color:#1e293b;width:100%;height:48px;font:inherit;border:0;outline:0;font-size:17px;font-weight:800}.game-settings-reward-limit{background:#fafaff;border:1px solid #ddd6fe;border-radius:17px;margin:18px 0 0;padding:16px}.game-settings-reward-limit legend{color:#4c1d95;padding:0 5px;font-size:14px;font-weight:800}.game-settings-reward-limit>small{color:#64748b;font-size:11px;line-height:1.5;display:block}.game-settings-reward-limit>div{grid-template-columns:1fr 1.2fr;gap:10px;margin-top:12px;display:grid}.game-settings-reward-limit label{color:#475569;flex-direction:column;gap:6px;font-size:11px;font-weight:750;display:flex}.game-settings-reward-limit input,.game-settings-reward-limit select{color:#1e293b;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:0;padding:0 12px;font-size:15px;font-weight:750}.game-settings-reward-limit input:focus,.game-settings-reward-limit select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.game-settings-modal footer{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.game-settings-modal footer button{min-height:44px;font:inherit;cursor:pointer;border-radius:13px;padding:0 17px;font-size:13px;font-weight:800}.game-settings-modal footer .secondary{color:#64748b;background:#fff;border:1px solid #e2e8f0}.game-settings-modal footer .primary{color:#fff;background:#4f46e5;border:0}.game-runner-page{z-index:1000;width:100vw;height:100vh;box-sizing:border-box;background:#f8fafc;flex-direction:column;height:100dvh;margin:0;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.game-runner-container{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.game-runner-header{padding:max(10px, env(safe-area-inset-top)) 16px 10px;z-index:10;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;display:flex}.game-runner-main{width:100%;height:100%;padding:16px 16px max(16px, env(safe-area-inset-bottom));box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.game-runner-main.is-playing{padding:12px 14px max(14px, env(safe-area-inset-bottom));justify-content:stretch;align-items:stretch}.game-engine-wrapper{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.game-engine-wrapper>*{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;justify-content:space-between!important;width:100%!important;height:100%!important;min-height:100%!important;display:flex!important}.game-runner-modal-card{text-align:center;box-sizing:border-box;background-color:#fff;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px 24px;display:flex;box-shadow:0 10px 25px #00000014}.game-detail-card{--game-accent:#4f46e5;--game-accent-dark:#3730a3;--game-soft:#eef2ff;background:#fff;border:1px solid #94a3b833;border-radius:30px;grid-template-columns:minmax(235px,.82fr) minmax(0,1.18fr);width:100%;max-width:690px;display:grid;overflow:hidden;box-shadow:0 24px 55px #1e293b1f}.game-detail-card.stop-go{--game-accent:#047857;--game-accent-dark:#065f46;--game-soft:#d1fae5}.game-detail-card.sort-switch{--game-accent:#be185d;--game-accent-dark:#9d174d;--game-soft:#fce7f3}.game-detail-card.memory-moves{--game-accent:#6d28d9;--game-accent-dark:#5b21b6;--game-soft:#ede9fe}.game-detail-card.freeze-pose,.game-detail-card.listen-first{--game-accent:#047857;--game-accent-dark:#065f46;--game-soft:#d1fae5}.game-detail-card.opposite-world{--game-accent:#be185d;--game-accent-dark:#9d174d;--game-soft:#fce7f3}.game-detail-card.sound-train,.game-detail-card.missing-object{--game-accent:#6d28d9;--game-accent-dark:#5b21b6;--game-soft:#ede9fe}.game-detail-card.story-sequence{--game-accent:#9333ea;--game-accent-dark:#7e22ce;--game-soft:#f3e8ff}.game-detail-card.little-chef{--game-accent:#6d28d9;--game-accent-dark:#5b21b6;--game-soft:#ede9fe}.game-detail-card.delivery-route,.game-detail-card.pretend-mission{--game-accent:#0284c7;--game-accent-dark:#0369a1;--game-soft:#e0f2fe}.game-detail-visual{background:radial-gradient(circle at 50% 36%, #fff 0 19%, transparent 48%), linear-gradient(155deg, var(--game-soft), #fff 76%);flex-direction:column;justify-content:center;align-items:center;min-height:490px;padding:28px 18px 22px;display:flex;position:relative;overflow:hidden}.game-detail-visual:before,.game-detail-visual:after{content:"";background:var(--game-accent);opacity:.1;border-radius:999px;position:absolute}.game-detail-visual:before{width:150px;height:150px;top:-58px;right:-55px}.game-detail-visual:after{width:100px;height:100px;bottom:58px;left:-45px}.game-detail-eyebrow{z-index:1;color:var(--game-accent-dark);background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:850;display:inline-flex;position:absolute;top:20px;left:18px;box-shadow:0 5px 16px #1e293b14}.game-detail-visual img{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 16px #1e293b29);width:min(100%,285px);max-height:330px;position:relative}.game-detail-skills{z-index:1;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:8px;display:flex;position:relative}.game-detail-skills span{color:var(--game-accent-dark);background:#fffc;border:1px solid #ffffffe6;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.game-detail-content{text-align:left;flex-direction:column;gap:18px;padding:28px;display:flex}.game-detail-kicker{color:var(--game-accent);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.game-detail-content h3{color:#172033;margin:4px 0 7px;font-size:clamp(22px,3vw,28px);line-height:1.2}.game-detail-content p{color:#64748b;margin:0;font-size:13px;line-height:1.65}.game-detail-howto{background:#f8fafc;border-radius:17px;padding:14px}.game-detail-howto>strong{color:#334155;margin-bottom:9px;font-size:12px;display:block}.game-detail-howto ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.game-detail-howto li{color:#475569;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.game-detail-howto li>span{background:var(--game-soft);width:24px;height:24px;color:var(--game-accent-dark);border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:900;display:grid}.game-detail-reward{color:#a16207;background:#fffbeb;border:1px solid #fde68a;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.game-detail-reward span{align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.game-detail-reward strong{color:#92400e;white-space:nowrap;font-size:14px}.game-detail-difficulty{border:0;margin:0;padding:0}.game-detail-difficulty legend{color:#475569;margin-bottom:8px;font-size:11px;font-weight:800}.game-detail-difficulty>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.game-detail-difficulty button{color:#64748b;cursor:pointer;min-width:0;min-height:67px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:7px 3px;display:flex}.game-detail-difficulty button>span{font-size:17px}.game-detail-difficulty button strong{font-size:11px}.game-detail-difficulty button small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.game-detail-difficulty button.is-active{border-color:var(--game-accent);background:var(--game-soft);color:var(--game-accent-dark);box-shadow:0 0 0 2px color-mix(in srgb, var(--game-accent) 13%, transparent)}.game-detail-start{background:linear-gradient(135deg, var(--game-accent), var(--game-accent-dark));min-height:52px;box-shadow:0 10px 22px color-mix(in srgb, var(--game-accent) 26%, transparent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:850;display:flex}.game-detail-start:focus-visible{outline:3px solid color-mix(in srgb, var(--game-accent) 32%, transparent);outline-offset:2px}.game-detail-difficulty button:focus-visible{outline:3px solid color-mix(in srgb, var(--game-accent) 32%, transparent);outline-offset:2px}@media (min-width:769px){.game-runner-page{-webkit-backdrop-filter:blur(10px);background:#0f172ab8;justify-content:center;align-items:center;padding:24px}.game-runner-page .game-runner-container{border:1px solid #ffffff26;border-radius:28px;max-width:860px;height:min(92dvh,880px);min-height:580px;box-shadow:0 25px 60px -15px #0006}.game-runner-main.is-playing{padding:20px 24px 24px}}@media (max-width:768px){.game-runner-page{padding:0}.game-runner-container{height:100dvh!important;min-height:100dvh!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.game-runner-header{padding:max(8px, env(safe-area-inset-top)) 12px 8px!important}.game-runner-header h2{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden;font-size:14px!important}.game-runner-header>div:last-child{gap:6px!important}.game-runner-header>div:last-child>div{padding:6px 10px!important;font-size:12px!important}.game-runner-main{padding:12px 14px max(14px, env(safe-area-inset-bottom))}.game-runner-main.is-playing{padding:0!important}.game-engine-wrapper>*{padding:12px 14px max(16px, env(safe-area-inset-bottom))!important;border-radius:0!important}.game-detail-card{border-radius:22px;grid-template-columns:1fr;max-width:100%;margin:0}.game-detail-visual{min-height:220px;padding:44px 16px 14px}.game-detail-visual img{width:min(85%,230px);max-height:180px}.game-detail-skills{position:absolute;bottom:12px;left:12px;right:12px}.game-detail-content{gap:14px;padding:18px 16px 20px}.game-detail-content h3{font-size:22px}.game-detail-content p{font-size:12px}.game-detail-howto{padding:12px}.game-runner-modal-card{border-radius:20px;max-width:100%;padding:24px 18px}}@media (prefers-reduced-motion:reduce){.game-detail-card *,.game-detail-card :before,.game-detail-card :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:700px){.games-hub-page{padding:10px 12px max(110px, calc(90px + env(safe-area-inset-bottom)))}.games-hero{border-radius:25px;grid-template-columns:minmax(0,1fr) 92px;min-height:210px;padding:24px 20px}.games-hero p{font-size:13px;line-height:1.55}.games-hero-mascot{align-self:end;width:95px}.games-hero-mascot>span{font-size:54px}.game-allowance{border-radius:17px;padding:13px}.game-allowance-meter{display:none}.games-tabs{width:100%}.games-tabs button{flex:1;justify-content:center;padding:0 9px;font-size:13px}.ef-game-card{border-radius:21px;grid-template-columns:104px minmax(0,1fr)}.ef-game-art{min-height:100%}.ef-game-art:before{width:78px;height:78px}.ef-game-art:after{width:58px;height:58px}.ef-game-art>span{font-size:44px}.ef-game-content{padding:17px 15px 14px}.ef-game-heading h2{font-size:17px}.ef-star-reward{padding:5px 7px;font-size:12px}.ef-game-content>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 10px;font-size:12px;display:-webkit-box;overflow:hidden}.ef-game-meta span:nth-child(2),.ef-game-skills span:nth-child(n+2){display:none}.ef-game-skills{margin-top:7px}.ef-game-actions{padding-top:12px}.ef-play-button{min-width:116px;padding:0 12px}.ef-play-button.is-upgrade{min-width:154px;font-size:12px}.game-history-card{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.game-history-status{display:none}.game-settings-modal{padding:21px 18px max(20px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0;align-self:end}.game-settings-backdrop{align-items:end;padding:0}.game-settings-reward-limit>div{grid-template-columns:1fr 1fr}}@media (max-width:390px){.games-hero{grid-template-columns:1fr}.games-hero-mascot{opacity:.32;position:absolute;bottom:-21px;right:-19px}.games-hero-copy{padding-right:15px}.ef-game-card{grid-template-columns:88px minmax(0,1fr)}.ef-game-art>span{font-size:38px}.ef-game-kicker,.ef-game-meta{display:none}.ef-game-heading h2{margin-top:0;font-size:16px}}@media (prefers-reduced-motion:reduce){.games-float-star{animation:none}.ef-game-card{transition:none}}.public-header,.public-main,.public-footer,.public-hero,.public-benefits,.public-science,.public-workflow,.public-inspirations,.public-storybook-showcase,.public-governance,.public-faq,.public-closing,.public-article{font-family:var(--public-body)}.public-header{-webkit-backdrop-filter:blur(18px);background:#fffdf8eb;border-bottom:1px solid #00502c1a;flex-direction:row;align-items:center;min-height:76px;padding:14px max(24px,50% - 590px);transform:translateZ(0)}.brand-title{font-size:1.15rem}.brand-badge{letter-spacing:.01em;text-transform:none;font-size:.68rem;font-weight:600;line-height:1.2}.public-header-nav a,.public-header-cta{font-weight:700}.public-main{background:var(--public-surface);width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}.public-hero{grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);align-items:center;gap:68px;width:min(100%,1230px);max-width:100%;min-height:620px;margin:0 auto;padding:40px 24px 56px;position:relative;overflow:hidden}.public-hero:before{content:"";background:#ffc93c2b;border-radius:50%;width:520px;height:520px;position:absolute;top:-280px;left:-300px}.public-hero-copy{z-index:2;min-width:0;max-width:100%;padding:0;position:relative}.public-eyebrow,.public-section-label{letter-spacing:.02em;text-transform:none;color:var(--pico-dark-green);max-width:100%;margin:0 0 12px;font-size:.8rem;font-weight:700;line-height:1.3}.public-eyebrow{border-radius:var(--r-pill);background:var(--sky-mint);border:1px solid #00b57038;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:8px 13px;display:inline-flex}.public-eyebrow svg{width:16px;height:16px;color:var(--pico-green)}.public-hero h1{letter-spacing:normal;max-width:20ch;color:var(--pico-midnight);word-break:normal;overflow-wrap:break-word;line-break:loose;margin:16px 0 12px;font-size:clamp(2.4rem,4.2vw,3.65rem);line-height:1.28}.public-hero h1 em{color:var(--pico-green);white-space:normal;font-style:normal}.public-lead{color:#506878;max-width:600px;margin:0;font-size:1.02rem;line-height:1.65}.hero-checklist-container{flex-direction:column;gap:10px;margin:20px 0 4px;display:flex}.hero-check-item{color:#2b3e4f;align-items:center;gap:10px;font-size:.94rem;line-height:1.4;display:flex}.hero-check-item .check-icon{background:var(--sky-mint);width:22px;height:22px;color:var(--pico-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #00b5702e}.hero-check-item strong{font-weight:600}.public-actions{margin:20px 0 0}.public-primary-action{flex-direction:column;align-items:center;gap:7px;display:flex}.public-cta-note{color:var(--public-ink-soft);font-size:.78rem;font-weight:600;line-height:1.3}.public-cta{border-radius:16px;min-width:158px;min-height:54px;font-weight:700}.public-cta svg,.public-closing-cta svg,.public-inline-link svg{width:18px;height:18px}.public-secondary-link{font-weight:700}.public-trust-row{flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0;padding:0;list-style:none;display:flex}.public-trust-row li{color:var(--public-ink-soft);align-items:center;gap:6px;font-size:.83rem;font-weight:600;display:inline-flex}.public-trust-row svg{color:#fff;background:var(--pico-green);stroke-width:3px;border-radius:50%;width:15px;height:15px;padding:2px}.public-hero-badges{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:20px;display:flex}.hero-badge-pill{color:var(--public-ink);background:#ffffffe6;border:1.5px solid #00502c1f;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:.83rem;font-weight:600;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #00502c0a}.hero-badge-pill:hover{border-color:var(--pico-green);transform:translateY(-2px);box-shadow:0 6px 14px #00b5701f}.hero-badge-icon{font-size:1rem;line-height:1}.hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.hero-visual:before{content:"";aspect-ratio:1;background:linear-gradient(145deg,#d9f7ed 0%,#ebfaf4 55%,#fff5d8 100%);border-radius:50%;width:min(100%,520px);position:absolute;box-shadow:inset 0 0 0 1px #00b57014}.hero-orbit{border:1px dashed #00502c2e;border-radius:50%;position:absolute;transform:rotate(-16deg)}.hero-orbit-one{width:550px;height:350px}.hero-orbit-two{width:440px;height:590px;transform:rotate(35deg)}.app-preview-card{z-index:2;border:2px solid var(--pico-dark-green);width:min(100%,390px);box-shadow:0 24px 60px #00502c29, 0 7px 0 var(--pico-dark-green);background:#fff;border-radius:32px;padding:22px;position:relative;transform:rotate(1.5deg)}.app-preview-topbar,.app-preview-greeting,.app-preview-mission,.app-preview-reward{align-items:center;display:flex}.app-preview-topbar{justify-content:space-between;margin-bottom:16px}.app-preview-top-actions{align-items:center;gap:8px;display:flex}.app-preview-feature-tag{color:var(--pico-dark-green);background:var(--sky-mint);white-space:nowrap;border:1px solid #00b57033;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700}.app-preview-brand{font-family:var(--public-display-latin);color:var(--pico-dark-green);align-items:center;gap:7px;font-weight:700;display:inline-flex}.app-preview-avatar{color:#7f431c;background:#ffd6bd;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.app-preview-greeting{justify-content:space-between;gap:14px;margin-bottom:14px}.app-preview-greeting div,.app-preview-mission div,.app-preview-reward div{gap:3px;min-width:0;display:grid}.app-preview-greeting span,.app-preview-mission small,.app-preview-reward small{color:var(--muted);font-size:.76rem}.app-preview-greeting b{color:var(--pico-midnight)}.app-preview-sun{color:var(--star-gold);font-size:26px}.app-preview-balance{color:#fff;background:linear-gradient(145deg,#006b43 0%,#00b570 100%);border-radius:22px;margin-bottom:14px;padding:22px;position:relative;overflow:hidden}.app-preview-balance:after{content:"";border:28px solid #ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-78px;right:-62px}.app-preview-balance>span,.app-preview-balance small{color:#ffffffdb}.app-preview-balance strong{font-family:var(--public-display-latin);align-items:center;gap:8px;margin:3px 0 12px;font-size:2.55rem;line-height:1;display:flex}.app-preview-balance strong svg{width:27px;height:27px;fill:var(--star-yellow);color:var(--star-yellow)}.app-preview-progress{border-radius:var(--r-pill);background:#ffffff3d;height:8px;margin-bottom:7px;overflow:hidden}.app-preview-progress span{border-radius:inherit;background:var(--star-yellow);width:72%;height:100%;display:block}.app-preview-mission,.app-preview-reward{border:1px solid var(--line);background:#fbfefd;border-radius:18px;gap:12px;padding:13px}.app-preview-mission{margin-bottom:10px}.app-preview-mission div,.app-preview-reward div{flex:1}.app-preview-mission>strong{color:var(--pico-dark-green);align-items:center;gap:3px;display:inline-flex}.app-preview-mission>strong svg{width:14px;fill:var(--star-yellow);color:#d89500}.app-preview-check,.app-preview-gift{border-radius:13px;flex:none;place-items:center;width:38px;height:38px;display:grid}.app-preview-check{color:#fff;background:var(--pico-green)}.app-preview-gift{color:#8b5a00;background:#fff0b5}.app-preview-check svg,.app-preview-gift svg{width:20px}.app-preview-reward>span:last-child{color:#8b5a00;font-size:.76rem;font-weight:700}.hero-float-card{z-index:4;color:var(--pico-midnight);background:#fffffff5;border:1px solid #00502c24;border-radius:16px;align-items:center;gap:10px;padding:12px 15px;font-size:.82rem;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 14px 34px #00502c26}.hero-float-card span{display:grid}.hero-float-card svg{width:22px;color:var(--coral-joy)}.hero-float-praise{z-index:3;animation:4.2s ease-in-out infinite heroFloatPraise;top:12px;left:-26px;transform:rotate(-4deg)}.hero-float-points{animation:4.6s ease-in-out infinite heroFloatPoints;bottom:92px;right:-4px;transform:rotate(3deg)}@keyframes heroFloatPraise{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-8px)}}@keyframes heroFloatPoints{0%,to{transform:rotate(3deg)translateY(0)}50%{transform:rotate(3deg)translateY(8px)}}@keyframes heroSatelliteFloatLeft{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes heroSatelliteFloatRight{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.hero-powers-nav{z-index:5;width:100%;min-width:0;max-width:480px;margin-bottom:20px;position:relative}.hero-powers-nav-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fffffff0;border:1.5px solid #00502c1f;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 6px 20px #00502c14}.hero-powers-nav-track::-webkit-scrollbar{display:none}.hero-power-tab{color:#435b4f;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:.81rem;font-weight:700;transition:all .24s cubic-bezier(.16,1,.3,1);display:inline-flex}.hero-power-tab:hover{color:var(--pico-dark-green);background:#00b57017}.hero-power-tab.is-active{background:var(--pico-dark-green);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #00502c47}.hero-power-tab.is-active .hero-power-icon{color:var(--star-yellow)}.hero-power-icon{flex-shrink:0;transition:transform .2s}.hero-power-tab:hover .hero-power-icon{transform:scale(1.15)}.hero-satellite-card{z-index:4;cursor:pointer;text-align:left;background:#fffffff5;border:1.5px solid #00502c1f;border-radius:20px;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-family:inherit;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:absolute;box-shadow:0 12px 30px #00502c1f}.hero-satellite-card:hover{border-color:var(--pico-green);transform:translateY(-4px)scale(1.03);box-shadow:0 16px 36px #00502c2e}.hero-satellite-card.is-active{border-color:var(--pico-green);box-shadow:0 0 0 2px var(--pico-green), 0 14px 32px #00b57033}.hero-satellite-thumb{object-fit:cover;border-radius:12px;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 8px #0000001a}.hero-satellite-text{flex-direction:column;gap:2px;display:flex}.hero-satellite-badge{background:var(--sky-mint);color:var(--pico-dark-green);border-radius:999px;width:fit-content;padding:1px 7px;font-size:.67rem;font-weight:700;display:inline-block}.hero-satellite-text b{color:var(--pico-midnight);white-space:nowrap;font-size:.8rem}.hero-satellite-ef{animation:5s ease-in-out infinite heroSatelliteFloatLeft;top:96px;left:-52px}.hero-satellite-story{animation:5.4s ease-in-out infinite heroSatelliteFloatRight;bottom:84px;left:-36px}.hero-view-panel{animation:.36s cubic-bezier(.16,1,.3,1) forwards heroPanelFadeIn}@keyframes heroPanelFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-ef-preview-card{flex-direction:column;gap:11px;display:flex}.hero-ef-img-wrapper{aspect-ratio:16/9;background:#f0fbf6;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 18px #00502c1f}.hero-ef-preview-img{object-fit:cover;width:100%;height:100%;display:block}.hero-ef-pill-timer,.hero-ef-pill-star{-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute}.hero-ef-pill-timer{color:#fff;background:#121e18cc;top:10px;left:10px}.hero-ef-pill-star{color:#5c3b00;background:#ffc93cf5;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.hero-ef-preview-content{flex-direction:column;gap:8px;display:flex}.hero-ef-title-box{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-ef-title-box b{color:var(--pico-midnight);font-size:1.02rem}.hero-ef-tag-skill{color:#c0392b;background:#ffebe8;border-radius:8px;padding:3px 8px;font-size:.7rem;font-weight:700}.hero-ef-subtitle{color:#556c7a;margin:0;font-size:.79rem;line-height:1.4}.hero-ef-levels{gap:6px;display:flex}.hero-ef-levels span{color:#50685e;background:#f1f5f3;border-radius:8px;padding:3px 9px;font-size:.71rem;font-weight:600}.hero-ef-levels span.is-selected{background:var(--sky-mint);color:var(--pico-dark-green);border:1px solid #00b57040;font-weight:700}.hero-ef-safe-badge{color:var(--pico-dark-green);background:#00b57014;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:.73rem;font-weight:600;display:flex}.hero-ef-play-btn{background:linear-gradient(135deg, var(--pico-green), var(--pico-dark-green));color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.83rem;font-weight:700;display:flex;box-shadow:0 4px 14px #00b57047}.hero-story-preview-card{flex-direction:column;gap:11px;display:flex}.hero-story-cover-box{background:#fbfbf6;border:1px solid #00502c14;border-radius:18px;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.hero-story-preview-cover{object-fit:cover;border-radius:14px;width:96px;height:96px;box-shadow:0 4px 12px #0000001f}.hero-story-badges-col{flex-direction:column;gap:6px;display:flex}.hero-story-pill{color:var(--pico-dark-green);background:#fff;border:1px solid #00502c1a;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.71rem;font-weight:700;display:inline-flex;box-shadow:0 2px 5px #0000000a}.hero-story-info-box b{color:var(--pico-midnight);font-size:1.02rem}.hero-story-info-box p{color:#556c7a;margin:3px 0 0;font-size:.77rem;line-height:1.4}.hero-story-player-row{background:#f3f7f5;border-radius:12px;flex-direction:column;gap:5px;padding:9px 12px;display:flex}.hero-story-audio-bar{background:#dce5e0;border-radius:999px;height:6px;overflow:hidden}.hero-story-audio-fill{border-radius:inherit;background:var(--pico-green);width:32%;height:100%;display:block}.hero-story-audio-meta{color:#637a70;justify-content:space-between;align-items:center;font-size:.71rem;display:flex}.hero-story-listen-tag{color:var(--pico-dark-green);align-items:center;gap:4px;font-weight:700;display:inline-flex}.hero-story-action-btn{background:linear-gradient(135deg, #008f58, var(--pico-dark-green));color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:.83rem;font-weight:700;display:flex;box-shadow:0 4px 14px #00502c3d}.hero-habits-title-row{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.hero-habits-sub{color:var(--muted);font-size:.73rem;display:block}.hero-habits-title-row b{color:var(--pico-midnight);font-size:.94rem}.hero-habits-status-chip{background:var(--sky-mint);color:var(--pico-dark-green);border-radius:999px;padding:3px 9px;font-size:.69rem;font-weight:700}.hero-habits-items{flex-direction:column;gap:8px;margin-bottom:11px;display:flex}.hero-habit-card{background:#f7faf8;border:1px solid #00502c14;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;display:flex}.hero-habit-badge-check{background:var(--pico-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.hero-habit-badge-pending{border:2px dashed #92a89c;border-radius:50%;flex-shrink:0;width:20px;height:20px}.hero-habit-details{flex-direction:column;flex:1;gap:1px;display:flex}.hero-habit-details b{color:var(--pico-midnight);font-size:.83rem}.hero-habit-details small{color:#6a8275;font-size:.71rem}.hero-habit-star-chip{color:#a06b00;background:#fff8df;border-radius:7px;align-items:center;gap:3px;padding:2px 7px;font-size:.76rem;font-weight:700;display:inline-flex}.hero-habits-footer-note,.hero-rewards-footer-note,.hero-memory-footer-note{color:var(--pico-dark-green);background:#00b57012;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:.73rem;font-weight:600;display:flex}.hero-rewards-banner-box{background:linear-gradient(135deg, #007a4b, var(--pico-dark-green));color:#fff;border-radius:18px;flex-direction:column;gap:2px;margin-bottom:11px;padding:13px 15px;display:flex;box-shadow:0 8px 20px #00502c33}.hero-rewards-label{color:#ffffffd9;font-size:.71rem}.hero-rewards-banner-box b{color:var(--star-yellow);font-size:1.12rem}.hero-rewards-banner-box small{color:#ffffffd9;font-size:.75rem}.hero-rewards-items{flex-direction:column;gap:8px;margin-bottom:11px;display:flex}.hero-reward-card{background:#f7faf8;border:1px solid #00502c14;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;display:flex}.hero-reward-icon-box{background:var(--sky-mint);width:32px;height:32px;color:var(--pico-dark-green);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-reward-details{flex-direction:column;flex:1;gap:1px;display:flex}.hero-reward-details b{color:var(--pico-midnight);font-size:.83rem}.hero-reward-details small{color:#6a8275;font-size:.71rem}.hero-reward-tag-done{background:var(--sky-mint);color:var(--pico-dark-green);border-radius:8px;padding:3px 8px;font-size:.71rem;font-weight:700}.hero-reward-tag-progress{color:#60756a;background:#f0f4f2;border-radius:8px;padding:3px 8px;font-size:.71rem;font-weight:700}.hero-memory-polaroid{background:#fffdf7;border:1.5px solid #00502c1a;border-radius:18px;margin-bottom:11px;padding:13px;box-shadow:0 8px 24px #00502c0f}.hero-memory-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.hero-memory-tag{color:var(--pico-dark-green);background:var(--sky-mint);border-radius:999px;padding:2px 8px;font-size:.71rem;font-weight:700}.hero-memory-quote-box{color:var(--pico-midnight);align-items:center;gap:7px;margin-bottom:8px;display:flex}.hero-memory-quote-box b{font-size:.93rem}.hero-memory-quote-box svg{color:var(--star-gold)}.hero-memory-praise-text{color:#556c7a;border-left:3px solid var(--pico-green);margin:0 0 9px;padding-left:9px;font-size:.79rem;font-style:italic;line-height:1.45}.hero-memory-pills{gap:6px;display:flex}.hero-mem-pill{color:#8b5a00;background:#fdf3d8;border-radius:8px;padding:3px 8px;font-size:.71rem;font-weight:700}.hero-kids{z-index:3;pointer-events:none;filter:drop-shadow(0 18px 20px #00502c29);width:clamp(210px,23vw,285px);height:auto;position:absolute;bottom:-48px;right:-42px}.float-star{background:#fff1b8;border-radius:11px;place-items:center;width:34px;height:34px;display:grid!important}.float-star svg{fill:var(--star-yellow);color:#ce8d00}[data-scroll-reveal]{opacity:0;transition:opacity .54s cubic-bezier(.16,1,.3,1),transform .54s cubic-bezier(.16,1,.3,1);transform:translateY(26px)}[data-scroll-reveal][data-scroll-visible=true]{opacity:1;transform:translateY(0)}.public-benefits,.public-science,.public-workflow,.public-inspirations,.public-storybook-showcase,.public-storytime-showcase,.public-ef-showcase,.public-governance,.public-faq{max-width:100%;padding:104px max(24px,50% - 590px);overflow-x:clip}.public-benefits{background:#f7fbf9}.public-section-heading{max-width:760px}.public-section-heading-centered{text-align:center;margin-inline-start:auto;margin-inline-end:auto}.public-section-heading>p:last-child{color:var(--muted);margin:0;font-size:1.04rem;line-height:1.75}.public-section-heading-centered>p:last-child{max-width:640px;margin-inline-start:auto;margin-inline-end:auto}.public-benefits h2,.public-science h2,.public-workflow h2,.public-inspirations h2,.public-storybook-showcase h2,.public-storytime-showcase h2,.public-ef-showcase h2,.public-governance h2,.public-faq h2,.public-closing h2,.public-article h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:var(--thai-lh-heading,1.42);letter-spacing:normal;color:var(--pico-midnight);word-break:normal;overflow-wrap:break-word;line-break:loose;margin:0 0 18px}.public-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:52px;display:grid}.public-benefit-card{border:1.5px solid #00192f1c;border-radius:28px;min-height:290px;padding:30px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 14px 40px #00502c0f}.public-benefit-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px #00502c1c}.public-benefit-card:after{content:"";border:22px solid #ffffff57;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-48px;right:-48px}.benefit-coral{background:#fff1ed}.benefit-yellow{background:#fff8dc}.benefit-blue{background:#eaf7ff}.public-benefit-icon{color:#fff;background:var(--coral-joy);border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:50px;display:grid;box-shadow:0 7px #952e2e29}.benefit-yellow .public-benefit-icon{color:#805400;background:var(--star-yellow);box-shadow-color:#80540024}.benefit-blue .public-benefit-icon{box-shadow-color:#0c638f26;background:#39a8df}.public-benefit-card h3,.public-workflow h3{font-family:var(--public-display);color:var(--pico-midnight);margin:0 0 10px;font-size:1.35rem}.public-benefit-card p,.public-workflow p,.public-governance p,.public-faq dd,.public-article p,.public-article li span{margin:0}.public-comparison-box{background:#fff;border:1.5px solid #00502c1f;border-radius:28px;margin-top:56px;padding:36px 32px;box-shadow:0 16px 44px #00502c0f}.comparison-header{text-align:center;max-width:640px;margin:0 auto 32px}.comparison-header h3{font-family:var(--public-display);font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:var(--thai-lh-heading,1.42);color:var(--pico-midnight);word-break:normal;overflow-wrap:break-word;line-break:loose;margin:8px 0 10px}.comparison-header p{font-size:.95rem;line-height:var(--thai-lh-body,1.7);color:var(--muted);margin:0}.comparison-table{background:#fff;border:1px solid #00502c1a;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.comparison-row{font-size:.92rem;line-height:var(--thai-lh-body,1.7);border-bottom:1px solid #00502c14;grid-template-columns:1.3fr 1.8fr 2fr;align-items:center;gap:16px;padding:18px 24px;display:grid}.comparison-row:last-child{border-bottom:none}.comparison-head-row{color:var(--pico-midnight);background:#f0faf5;border-bottom:2px solid #00502c24;font-size:.95rem;font-weight:700}.col-feature{color:var(--pico-midnight);font-weight:600}.col-traditional{color:#718096;align-items:flex-start;gap:8px;display:inline-flex}.col-traditional svg{color:#e53e3e;width:18px;min-width:18px;height:18px;margin-top:3px}.col-picobiz{color:var(--pico-dark-green);border-left:3px solid var(--pico-green);background:#00b57012;border-radius:14px;align-items:flex-start;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.col-picobiz svg{width:18px;min-width:18px;height:18px;color:var(--pico-green);margin-top:3px}.public-science{background:#fdfbf7}.science-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px;display:grid}.science-card{background:#fff;border:1.5px solid #00502c1a;border-radius:28px;flex-direction:column;padding:34px 28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;box-shadow:0 14px 38px #00502c0d}.science-card:hover{border-color:var(--pico-green);transform:translateY(-5px);box-shadow:0 22px 48px #00b5701f}.science-card-badge{font-family:var(--public-display-latin);letter-spacing:.04em;border-radius:999px;align-self:flex-start;margin-bottom:20px;padding:5px 13px;font-size:.78rem;font-weight:700}.science-card-badge.mint{color:var(--pico-dark-green);background:#e6f9f0}.science-card-badge.gold{color:#8a6400;background:#fff8dc}.science-card-badge.coral{color:#d04624;background:#fff0eb}.science-card h3{font-family:var(--public-display);color:var(--pico-midnight);font-size:1.32rem;font-weight:700;line-height:var(--thai-lh-heading,1.42);margin:0 0 12px}.science-card p{font-size:.95rem;line-height:var(--thai-lh-body,1.7);color:var(--muted);margin:0}.public-workflow{background:#fffdf8}.public-workflow-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:54px auto 0;padding:0;list-style:none;display:grid}.public-workflow-list li{border:1.5px solid var(--line);min-height:275px;box-shadow:var(--shadow-sm);background:#fff;border-radius:26px;flex-direction:column;align-items:flex-start;padding:28px;display:flex;position:relative}.public-step-number{width:58px;height:58px;color:var(--pico-dark-green);background:var(--sky-mint);border:0;border-radius:20px;place-items:center;margin-bottom:42px;display:grid}.public-workflow-list li:nth-child(2) .public-step-number{color:#8b5a00;background:#fff2b8}.public-workflow-list li:nth-child(3) .public-step-number{color:#8c3c56;background:#ffe8ef}.public-step-number svg{width:28px;height:28px}.public-step-tag{font-family:var(--public-display-latin);color:#96a6af;font-size:.9rem;font-weight:800;position:absolute;top:30px;right:28px}.public-showcase{margin-top:64px;max-width:1180px;margin-inline-start:auto;margin-inline-end:auto}.public-showcase .public-section-heading h3{font-family:var(--public-display);font-size:clamp(1.4rem,2.4vw,1.95rem);line-height:var(--thai-lh-heading,1.42);color:var(--pico-midnight);word-break:normal;overflow-wrap:break-word;line-break:loose;margin:8px 0 10px}.public-showcase-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}@media (max-width:980px){.public-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.public-showcase-grid{grid-template-columns:1fr}}.showcase-card{background:#fff;border:1.5px solid #00502c1a;border-radius:26px;flex-direction:column;padding:32px 30px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;box-shadow:0 12px 32px #00502c0d}.showcase-card:hover{border-color:var(--pico-green);transform:translateY(-5px);box-shadow:0 20px 45px #00b5701f}.showcase-icon{border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.showcase-icon svg{width:26px;height:26px}.showcase-mint .showcase-icon{background:var(--sky-mint);color:var(--pico-dark-green)}.showcase-gold .showcase-icon{color:#946800;background:#fff6d6}.showcase-ocean .showcase-icon{color:#0050b3;background:#e6f7ff}.showcase-purple .showcase-icon{color:#722ed1;background:#f9f0ff}.showcase-rose .showcase-icon{color:#eb2f96;background:#fff0f6}.showcase-indigo .showcase-icon{color:#4f46e5;background:#eef2ff}.showcase-pill{font-family:var(--public-display-latin);letter-spacing:.04em;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700;position:absolute;top:32px;right:30px}.showcase-mint .showcase-pill{color:var(--pico-dark-green);background:#e6f9f0}.showcase-gold .showcase-pill{color:#ad8b00;background:#fffbe6}.showcase-ocean .showcase-pill{color:#096dd9;background:#e6f7ff}.showcase-purple .showcase-pill{color:#722ed1;background:#f9f0ff}.showcase-rose .showcase-pill{color:#c41d7f;background:#fff0f6}.showcase-indigo .showcase-pill{color:#3730a3;background:#e0e7ff}.showcase-card h4{font-family:var(--public-display);font-size:1.25rem;font-weight:700;line-height:var(--thai-lh-heading,1.42);color:var(--pico-midnight);margin:0 0 10px}.showcase-card p{font-size:.94rem;line-height:var(--thai-lh-body,1.7);color:var(--muted);margin:0}.public-inspirations{background:#f4faf7}.inspirations-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:52px;display:grid}.inspirations-column{background:#fff;border:1.5px solid #00502c1a;border-radius:28px;padding:32px 26px;box-shadow:0 14px 40px #00502c0d}.inspirations-col-header{border-bottom:1.5px solid #00502c14;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.inspirations-col-icon{border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.45rem;display:grid}.mission-icon{background:#e8f9f0;border:1px solid #00b57033}.reward-icon{background:#fff8db;border:1px solid #ffc93c4d}.inspirations-col-header h3{font-family:var(--public-display);color:var(--pico-midnight);margin:0 0 4px;font-size:1.3rem}.inspirations-col-header p{color:var(--muted);margin:0;font-size:.88rem}.inspiration-cards-list{flex-direction:column;gap:12px;display:flex}.inspiration-play-card{background:#fbfdfc;border:1px solid #00502c14;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex}.inspiration-play-card:hover{background:#fff;border-color:#00b57066;transform:translateY(-2px);box-shadow:0 8px 20px #00502c12}.inspiration-card-left{align-items:center;gap:14px;min-width:0;display:flex}.inspiration-card-emoji{background:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid;box-shadow:0 2px 8px #0000000d}.inspiration-card-text{flex-direction:column;gap:4px;min-width:0;display:flex}.inspiration-card-title{color:var(--pico-midnight);white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:700;line-height:1.35;overflow:hidden}.inspiration-card-tags{flex-wrap:wrap;gap:6px;display:flex}.inspiration-tag{color:var(--muted);background:#00502c0d;border-radius:6px;padding:2px 8px;font-size:.74rem;font-weight:500}.inspiration-card-points{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:.85rem;font-weight:700}.inspiration-card-points.pts-green{color:var(--pico-dark-green);background:#e6f9f0;border:1px solid #00b57040}.inspiration-card-points.pts-gold{color:#8a6400;background:#fff8db;border:1px solid #ffc93c66}.public-storybook-showcase{background:#fff}.storybook-showcase-row{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;max-width:1180px;margin:0 auto;display:grid}.storybook-showcase-text{flex-direction:column;display:flex}.storybook-showcase-desc{font-size:1.05rem;line-height:var(--thai-lh-body,1.7);color:var(--muted);margin:0 0 26px}.storybook-showcase-bullets{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.storybook-bullet-item{color:var(--pico-midnight);align-items:center;gap:14px;font-size:.98rem;font-weight:600;line-height:1.5;display:flex}.storybook-bullet-item .bullet-icon{background:#f0faf5;border:1px solid #00b57026;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.storybook-showcase-cta{align-items:center;gap:16px;display:flex}.storybook-showcase-visual{justify-content:center;align-items:center;display:flex;position:relative}.storybook-feature-img{border:4px solid #fff;border-radius:28px;width:100%;max-width:460px;height:auto;transition:transform .3s,box-shadow .3s;box-shadow:0 24px 60px #00281426,0 4px 16px #0000000f}.storybook-feature-img:hover{transform:translateY(-4px)scale(1.015);box-shadow:0 30px 70px #00281433,0 6px 20px #00000014}.public-storytime-showcase{background:linear-gradient(#f8fcf9 0%,#fff 40%,#f4faf6 100%);position:relative}.storytime-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:48px;display:grid}.storytime-spotlight-card{background:#fff;border:1.5px solid #00502c1a;border-radius:28px;flex-direction:column;padding:32px 28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;box-shadow:0 16px 40px #00502c0d}.storytime-spotlight-card:hover{border-color:#00b57059;transform:translateY(-4px);box-shadow:0 22px 50px #00502c1a}.storytime-spotlight-badge{color:var(--pico-dark-green);background:#e6f9f0;border:1px solid #00b57040;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.storytime-spotlight-badge.coloring-badge{color:#c41d7f;background:#fff0f6;border-color:#eb2f9640}.story-reader-preview-box{align-items:flex-start;gap:22px;margin-bottom:22px;display:flex}.story-book-mini-cover{border:3px solid #fff;border-radius:16px;flex-shrink:0;width:140px;transition:transform .3s;position:relative;overflow:hidden;transform:perspective(600px)rotateY(-4deg);box-shadow:0 14px 28px #0028142e,0 2px 8px #00000014}.story-book-mini-cover:hover{transform:perspective(600px)rotateY(0)scale(1.03)}.story-book-cover-img{width:100%;height:auto;display:block}.story-age-tag{color:#fff;background:linear-gradient(135deg,#00b570,#00935b);border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 6px #0003}.story-reader-text-side{flex-direction:column;flex:1;min-width:0;display:flex}.story-category-chip{color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:600}.story-preview-title{font-family:var(--public-display);color:var(--pico-midnight);margin:0 0 12px;font-size:1.25rem;font-weight:700;line-height:1.4}.story-speech-bubble{background:#f2faf6;border:1.5px solid #00b57040;border-radius:18px;padding:16px 18px;position:relative}.story-speech-bubble:before{content:"";background:#f2faf6;border-bottom:1.5px solid #00b57040;border-left:1.5px solid #00b57040;width:14px;height:14px;position:absolute;top:18px;left:-8px;transform:rotate(45deg)}.speech-quote-icon{width:20px;height:20px;color:var(--pico-green);opacity:.7;margin-bottom:4px}.speech-highlight{color:var(--pico-dark-green);margin:0 0 4px;font-size:1rem;font-weight:700;line-height:1.4}.speech-body{color:var(--pico-midnight);margin:0;font-size:.88rem;line-height:1.6}.story-moral-prompt-container{border-top:1.5px dashed #00502c1f;flex-direction:column;gap:12px;margin-top:auto;padding-top:18px;display:flex}.story-moral-item{background:#fffcf0;border:1px solid #ffc93c73;border-radius:16px;padding:12px 16px}.moral-item-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.moral-item-header strong{color:#876200;font-size:.88rem}.story-moral-item p{color:#5c4300;margin:0;font-size:.86rem;line-height:1.55}.story-prompt-item{background:#f2f7ff;border:1px solid #1890ff40;border-radius:16px;padding:12px 16px}.prompt-item-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.prompt-item-header strong{color:#00479e;font-size:.88rem}.prompt-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.prompt-list li{color:#09326e;font-size:.84rem;line-height:1.5}.coloring-top-row{align-items:flex-start;gap:22px;margin-bottom:22px;display:flex}.public-coloring-sheets-fan{flex-shrink:0;width:140px;height:188px;position:relative}.public-coloring-sheet-card{background:#fff;border:1.5px solid #00502c1a;border-radius:14px;padding:6px;transition:transform .3s;position:absolute;top:0;left:0;box-shadow:0 12px 26px #0000001a,0 2px 6px #0000000d}.public-sheet-front{z-index:2;top:8px;left:0;transform:rotate(-3deg)}.public-sheet-front:hover{transform:rotate(0)scale(1.03)}.public-sheet-behind{z-index:1;opacity:.8;top:0;left:18px;transform:rotate(6deg)}.public-coloring-sheet-img{object-fit:cover;background:#fafafa;border-radius:8px;display:block;width:116px!important;max-width:116px!important;height:155px!important}.sheet-caption{text-align:center;color:var(--muted);margin-top:4px;font-size:.72rem;font-weight:700;display:block}.coloring-top-text{flex-direction:column;flex:1;min-width:0;display:flex}.coloring-subcopy{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.coloring-bottom-box{border-top:1.5px dashed #00502c1f;flex-direction:column;gap:16px;margin-top:auto;padding-top:18px;display:flex}.coloring-benefits-list{flex-direction:column;gap:10px;display:flex}.coloring-benefit-item{align-items:flex-start;gap:12px;display:flex}.benefit-bullet{background:#fff0f6;border:1px solid #eb2f9633;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:1.05rem;display:grid}.coloring-benefit-item div{flex-direction:column;gap:1px;display:flex}.coloring-benefit-item b{color:var(--pico-midnight);font-size:.88rem;font-weight:700}.coloring-benefit-item span{color:var(--muted);font-size:.8rem;line-height:1.35}.coloring-action-mock{display:flex}.coloring-download-btn{color:#c41d7f;background:#fff0f6;border:1.5px solid #eb2f9659;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #eb2f961a}.storytime-shelf-wrapper{background:#fff;border:1.5px solid #00502c1a;border-radius:30px;margin-top:56px;padding:38px 32px;box-shadow:0 16px 45px #00502c0d}.storytime-shelf-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.shelf-label{text-transform:uppercase;letter-spacing:.05em;color:var(--pico-green);margin:0 0 4px;font-size:.84rem;font-weight:700}.shelf-title{font-family:var(--public-display);color:var(--pico-midnight);margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:700}.shelf-age-pills{flex-wrap:wrap;gap:8px;display:flex}.age-pill{color:var(--muted);-webkit-user-select:none;user-select:none;background:#fbfdfc;border:1px solid #00502c1f;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600}.age-pill.active{color:var(--pico-dark-green);background:#e6f9f0;border-color:#00b57059;font-weight:700}.storytime-shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.story-shelf-card{text-align:center;background:#fbfdfc;border:1px solid #00502c14;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex}.story-shelf-card:hover{background:#fff;border-color:#00b57059;transform:translateY(-4px);box-shadow:0 14px 30px #00502c14}.shelf-card-thumb{border:2px solid #fff;border-radius:12px;width:100%;max-width:130px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0028141f}.shelf-card-thumb img{width:100%;height:auto;display:block}.shelf-age-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#002814bf;border-radius:6px;padding:2px 6px;font-size:.68rem;font-weight:700;position:absolute;top:6px;right:6px}.shelf-card-info{flex-direction:column;gap:4px;display:flex}.shelf-cat{color:var(--pico-green);letter-spacing:.02em;font-size:.72rem;font-weight:700}.shelf-card-info h4{font-family:var(--public-display);color:var(--pico-midnight);margin:0;font-size:.95rem;font-weight:700;line-height:1.35}.shelf-card-info p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.storytime-shelf-cta{justify-content:center;margin-top:32px;display:flex}.public-ef-showcase{background:linear-gradient(#f9fbff 0%,#fff 50%,#f7fbf9 100%);position:relative}.ef-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:48px;display:grid}.ef-spotlight-card{background:#fff;border:1.5px solid #4f46e51f;border-radius:28px;flex-direction:column;padding:32px 28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;box-shadow:0 16px 40px #1c304a0f}.ef-spotlight-card:hover{border-color:#4f46e559;transform:translateY(-4px);box-shadow:0 22px 50px #4f46e51f}.ef-spotlight-badge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.ef-spotlight-badge{color:#4338ca;background:#eef2ff;border:1px solid #6366f140;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.ef-spotlight-badge.powers-badge{color:#a21caf;background:#fdf4ff;border-color:#c026d340}.ef-star-reward-pill{color:#ad8b00;background:#fffbe6;border:1px solid #ffc93c73;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.ef-trainer-preview-box{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.ef-trainer-hero-frame{background:#f1f5f9;border:2.5px solid #fff;border-radius:18px;flex-shrink:0;width:140px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a26}.ef-trainer-hero-img{object-fit:cover;width:100%;height:auto;display:block}.ef-time-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172ac7;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.ef-trainer-text-side{flex-direction:column;flex:1;min-width:0;display:flex}.ef-skills-chip-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ef-skill-mini-chip{border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.chip-red{color:#cf1322;background:#fff1f0;border:1px solid #ff4d4f4d}.chip-amber{color:#d46b08;background:#fffbe6;border:1px solid #fa8c164d}.ef-preview-title{font-family:var(--public-display);color:var(--pico-midnight);margin:0 0 6px;font-size:1.22rem;font-weight:700;line-height:1.35}.ef-preview-subtitle{color:var(--muted);margin:0 0 12px;font-size:.86rem;line-height:1.5}.ef-rules-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.ef-rule-item{color:var(--pico-midnight);align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.45;display:flex}.ef-rule-step{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;font-size:.72rem;font-weight:800;display:grid}.ef-quota-container{border-top:1.5px dashed #4f46e526;flex-direction:column;gap:14px;margin-top:auto;padding-top:16px;display:flex}.ef-quota-box{background:#f0fdf4;border:1px solid #22c55e4d;border-radius:14px;padding:10px 14px}.ef-quota-header{color:#15803d;align-items:center;gap:6px;margin-bottom:2px;font-size:.84rem;display:flex}.quota-shield-icon{color:#16a34a;flex-shrink:0}.ef-quota-box p{color:#166534;margin:0;font-size:.8rem;line-height:1.45}.ef-difficulty-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ef-diff-label{color:var(--muted);font-size:.8rem;font-weight:700}.ef-diff-chips{flex-wrap:wrap;gap:6px;display:flex}.ef-diff-chip{color:var(--muted);cursor:default;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s}.ef-diff-chip.active{color:#fff;background:#4f46e5;border-color:#4f46e5;font-weight:700;box-shadow:0 2px 6px #4f46e540}.ef-action-mock{margin-top:4px;display:flex}.ef-start-btn{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #4f46e540}.ef-brain-graphic-header{align-items:center;gap:18px;margin-bottom:18px;display:flex}.ef-brain-img-wrap{border:2px solid #fff;border-radius:16px;flex-shrink:0;width:120px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000014}.ef-brain-hero-img{object-fit:cover;width:100%;height:auto;display:block}.ef-brain-desc{color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}.ef-pillars-list{flex-direction:column;gap:9px;margin-bottom:16px;display:flex}.ef-pillar-card{border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;padding:10px 14px;transition:transform .18s;display:flex}.ef-pillar-card:hover{transform:translate(3px)}.pillar-mint{background:#f0fdf4;border-color:#22c55e40}.pillar-gold{background:#fffcf0;border-color:#f59e0b40}.pillar-ocean{background:#eff6ff;border-color:#3b82f640}.pillar-purple{background:#faf5ff;border-color:#a855f740}.pillar-icon-box{flex-shrink:0;margin-top:1px;font-size:1.15rem}.pillar-info{flex-direction:column;gap:2px;display:flex}.pillar-info b{color:var(--pico-midnight);font-size:.86rem;font-weight:700}.pillar-info span{color:#52636f;font-size:.78rem;line-height:1.4}.ef-parent-safety-box{text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;margin-top:auto;padding:12px 16px}.safety-badge-tag{color:#334155;margin-bottom:4px;font-size:.78rem;font-weight:700;display:inline-block}.ef-parent-safety-box p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.ef-shelf-wrapper{background:#fff;border:1.5px solid #4f46e51f;border-radius:30px;margin-top:56px;padding:38px 32px;box-shadow:0 16px 45px #1c304a0d}.ef-shelf-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.ef-badge-unlimited{color:#4338ca;background:#eef2ff;border:1px solid #6366f14d;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:700}.ef-shelf-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ef-shelf-card{background:#f8fafc;border:1.5px solid #0000000f;border-radius:18px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex}.ef-shelf-card:hover{background:#fff;border-color:#4f46e559;transform:translateY(-4px);box-shadow:0 14px 30px #4f46e51a}.ef-shelf-thumb{background:#f1f5f9;border:2px solid #fff;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000014}.ef-shelf-thumb img{object-fit:cover;width:100%;height:110px;display:block}.ef-card-tag{color:#fff;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0003}.tag-red{background:#ef4444}.tag-purple{background:#8b5cf6}.tag-blue{background:#3b82f6}.tag-amber{background:#f59e0b}.ef-shelf-info{flex-direction:column;gap:4px;display:flex}.ef-shelf-info h4{font-family:var(--public-display);color:var(--pico-midnight);margin:0;font-size:.98rem;font-weight:700;line-height:1.35}.ef-shelf-info p{color:var(--muted);flex:1;margin:0;font-size:.8rem;line-height:1.45}.ef-shelf-meta{color:#64748b;gap:10px;margin-top:6px;font-size:.74rem;font-weight:700;display:flex}.ef-shelf-cta{justify-content:center;margin-top:32px;display:flex}.public-governance{color:#fff;background:var(--pico-midnight);grid-template-columns:minmax(0,.94fr) minmax(380px,.76fr);align-items:center;gap:76px;display:grid}.public-governance h2,.public-governance .public-section-label{color:#fff}.public-governance p{color:#ffffffb8}.public-inline-link{color:#76e4bd;border-bottom:1px solid;align-items:center;gap:8px;min-height:44px;margin-top:26px;font-weight:700;display:inline-flex}.public-governance-list{background:#ffffff0e;border:1px solid #ffffff21;border-radius:26px;gap:10px;margin:0;padding:22px;list-style:none;display:grid}.public-governance-list li{border:0;border-radius:18px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:15px;min-height:84px;padding:14px;display:grid}.public-governance-list li+li{border-top:1px solid #ffffff1a}.governance-icon{color:#76e4bd;background:#00b57024;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.governance-icon svg{width:22px}.public-governance-list b,.public-governance-list span{display:block}.public-governance-list b{color:#fff;margin-bottom:3px}.public-governance-list div span{color:#ffffff9e;font-size:.88rem;line-height:1.5}.public-family-stories{border-top:1px solid #ffffff24;grid-column:1/-1;width:100%;margin-top:48px;padding-top:44px}.stories-header{text-align:center;max-width:600px;margin:0 auto 36px}.stories-header .public-section-label{color:#76e4bd}.stories-header h3{font-family:var(--public-display);font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:var(--thai-lh-heading,1.42);color:#fff;word-break:normal;overflow-wrap:break-word;line-break:loose;margin:6px 0 0}.family-stories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.family-story-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px 24px;transition:transform .22s,border-color .22s,background-color .22s;display:flex}.family-story-card:hover{background:#ffffff1a;border-color:#76e4bd66;transform:translateY(-4px)}.story-quote-icon{color:#76e4bd;opacity:.85;width:24px;height:24px;margin-bottom:14px}.story-quote{font-size:.92rem;line-height:var(--thai-lh-body,1.7);color:#ffffffe0;flex-grow:1;margin:0 0 22px}.story-author{align-items:center;gap:12px;display:flex}.story-author .story-avatar{color:#fff;background:linear-gradient(135deg,#00b570 0%,#008c59 100%);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.05rem;font-weight:700;display:grid;box-shadow:0 4px 10px #0003}.story-author b{color:#fff;margin-bottom:2px;font-size:.92rem;display:block}.story-author small{color:#fff9;font-size:.8rem;display:block}.public-faq{max-width:900px;margin:0 auto}.public-faq-list{flex-direction:column;gap:14px;margin:36px 0 0;display:flex}.public-faq-item{background:#fff;border-radius:20px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #00502c08;border:1.5px solid #00502c1f!important;padding:0!important}.public-faq-item:hover,.public-faq-item.open{box-shadow:0 8px 24px #00b57014;border-color:var(--pico-green)!important}.public-faq dt{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--pico-midnight);justify-content:space-between;align-items:center;margin:0;padding:22px 26px;font-weight:700;transition:color .18s;display:flex}.public-faq dt:hover{color:var(--pico-dark-green)}.public-faq-question-wrap{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.public-faq-question-wrap svg{width:22px;min-width:22px;height:22px;color:var(--pico-green);flex-shrink:0}.public-faq-question-wrap span{font-family:var(--public-display);color:var(--pico-midnight);font-size:1.05rem;font-weight:700;line-height:var(--thai-lh-heading,1.42);word-break:normal}.public-faq-chevron{width:20px;height:20px;color:var(--pico-green);flex-shrink:0;transition:transform .22s cubic-bezier(.4,0,.2,1);display:inline-block}.public-faq-chevron.rotated{transform:rotate(180deg)}.public-faq dd{font-size:.95rem;line-height:var(--thai-lh-body,1.7);color:var(--muted);margin:0;padding:0 26px 22px 62px;animation:.2s ease-out faqOpenFade}@keyframes faqOpenFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.public-closing{text-align:center;background:linear-gradient(140deg,#00b570 0%,#008c59 100%);flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:90px 24px;display:flex;position:relative;overflow:hidden}.public-closing:before,.public-closing:after{content:"";border:52px solid #ffffff14;border-radius:50%;width:310px;height:310px;position:absolute}.public-closing:before{top:-180px;left:-150px}.public-closing:after{bottom:-180px;right:-150px}.public-closing .public-section-label,.public-closing h2,.public-closing p{z-index:2;color:#fff;position:relative}.public-closing h2{max-width:780px;margin-bottom:15px}.public-closing>p:not(.public-section-label){color:#ffffffc7;margin:0 0 28px}.public-closing-cta{z-index:2;min-height:54px;color:var(--pico-dark-green);border-color:var(--pico-dark-green);background:#fff;padding:12px 24px;font-weight:800;position:relative;font-family:var(--public-body)!important}.public-closing-cta:hover{background:#fff8dc}.closing-star{z-index:1;color:var(--star-yellow);opacity:.92;position:absolute}.closing-star-one{font-size:30px;top:27%;left:12%;transform:rotate(-14deg)}.closing-star-two{font-size:22px;bottom:26%;right:13%;transform:rotate(13deg)}.public-footer{gap:24px;padding:30px max(24px,50% - 590px)}.public-footer-title{font-family:var(--public-display-latin);color:var(--pico-dark-green);font-weight:700}.public-footer-copy{max-width:560px;font-size:.9rem}.public-footer-links a{font-weight:600}.public-article{max-width:760px;min-height:70vh;margin:0 auto;padding:64px 24px 96px}.public-info-page{width:min(100%,1180px);max-width:none;padding-top:48px}.public-info-hero{background:radial-gradient(circle at 88% 16%,#ffc93c47 0 86px,#0000 87px),linear-gradient(145deg,#f4fbf7 0%,#fffaf0 100%);border:1px solid #00502c1a;border-radius:38px;justify-content:space-between;align-items:flex-end;gap:32px;min-height:330px;padding:52px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00502c14}.public-info-hero:before{content:"";border:44px solid #00b57012;border-radius:50%;width:260px;height:260px;position:absolute;top:-160px;left:-150px}.public-info-hero>*{z-index:2;position:relative}.public-info-hero>div:first-child{max-width:760px}.public-info-hero .public-section-label{align-items:center;gap:8px;width:fit-content;display:inline-flex}.public-info-hero .public-section-label svg{width:17px;height:17px}.public-info-hero h1{max-width:16ch;margin-bottom:20px}.public-info-lead{max-width:650px;color:var(--public-ink-soft);font-size:1.05rem;line-height:1.75}.public-info-stars{flex:0 0 190px;width:190px;height:170px}.public-info-stars span{color:var(--star-yellow);filter:drop-shadow(0 6px 8px #8b5a0029);position:absolute}.public-info-stars span:first-child{font-size:68px;bottom:34px;right:72px;transform:rotate(-10deg)}.public-info-stars span:nth-child(2){font-size:32px;bottom:108px;right:8px;transform:rotate(14deg)}.public-info-stars span:nth-child(3){font-size:22px;bottom:124px;right:152px;transform:rotate(-18deg)}.public-how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0;padding:0;list-style:none;display:grid}.public-how-steps li{background:#fff1ed;border:1px solid #00192f1a;border-radius:28px;flex-direction:column;align-items:flex-start;min-height:300px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 38px #00502c12}.public-how-steps li:nth-child(2){background:#fff8dc}.public-how-steps li:nth-child(3){background:#eaf7ff}.public-how-steps .public-step-tag{position:absolute;top:24px;right:24px}.public-how-icon{color:#fff;background:var(--coral-joy);border-radius:19px;place-items:center;width:58px;height:58px;margin-bottom:54px;display:grid;box-shadow:0 7px #952e2e24}.public-how-steps li:nth-child(2) .public-how-icon{color:#805400;background:var(--star-yellow);box-shadow-color:#80540024}.public-how-steps li:nth-child(3) .public-how-icon{box-shadow-color:#0c638f24;background:#39a8df}.public-how-icon svg{width:27px;height:27px}.public-how-steps li>div{gap:10px;display:grid}.public-how-steps b{font-family:var(--public-display);color:var(--pico-midnight);font-size:1.3rem;line-height:1.2}.public-how-steps li span:last-child{color:var(--public-ink-soft);line-height:1.7}.public-info-cta{color:#fff;background:var(--pico-dark-green);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;min-height:132px;padding:28px 32px;display:flex}.public-info-cta>div{gap:5px;display:grid}.public-info-cta b{font-family:var(--public-display);font-size:1.25rem}.public-info-cta span{color:#ffffffb8}.public-info-cta .button{background:var(--star-yellow);color:#624100;border-color:#624100;flex:none;box-shadow:0 5px #624100}.public-info-cta .button svg{width:18px;height:18px}.public-legal-hero{background:radial-gradient(circle at 91% 9%,#ffc93c4d 0 74px,#0000 75px),linear-gradient(145deg,#effaf5 0%,#fffdf7 100%);align-items:center;min-height:310px}.public-updated{max-width:220px;color:var(--pico-dark-green);white-space:nowrap;background:#ffffffd1;border:1px solid #00502c1f;border-radius:999px;align-items:center;gap:8px;padding:12px 15px;font-size:.82rem;font-weight:700;display:inline-flex}.public-updated svg{width:16px;height:16px}.public-legal-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0;display:grid}.public-legal-sections section{background:#fff;border:1px solid #00502c1a;border-radius:28px;grid-template-columns:54px minmax(0,1fr);align-content:start;gap:20px;min-height:235px;padding:30px;display:grid;box-shadow:0 14px 38px #00502c0f}.public-legal-icon{width:54px;height:54px;color:var(--pico-dark-green);background:var(--sky-mint);border-radius:18px;place-items:center;display:grid}.public-legal-icon svg{width:25px;height:25px}.public-legal-sections section:nth-child(2) .public-legal-icon{color:#805400;background:#fff2b8}.public-legal-sections h2{color:var(--pico-midnight);margin:2px 0 12px;font-size:1.35rem}.public-legal-sections p{color:var(--public-ink-soft);line-height:1.75}.public-legal-note{background:var(--sky-mint);color:var(--pico-dark-green);border:1px solid #00b5702e;border-radius:24px;align-items:center;gap:16px;padding:22px 26px;display:flex}.public-legal-note>svg{flex:none;width:28px;height:28px}.public-legal-note>div{gap:3px;display:grid}.public-legal-note b{font-family:var(--public-display);font-size:1.08rem}.public-legal-note span{color:var(--public-ink-soft)}.public-donate{background:#fffdf8;max-width:none;min-height:auto;margin:0;padding:0}.donate-hero{background:radial-gradient(circle at 6% 2%,#ffc93c33 0 150px,#0000 151px),linear-gradient(145deg,#fffdf8 0%,#f7fbf9 100%);grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);align-items:center;gap:76px;padding:82px max(24px,50% - 590px) 100px;display:grid;position:relative;overflow:hidden}.donate-hero:after{content:"";border:64px solid #00b57014;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-290px;right:-260px}.donate-copy,.donate-card{z-index:2;position:relative}.donate-eyebrow{border-radius:var(--r-pill);width:fit-content;color:var(--pico-dark-green);background:var(--sky-mint);border:1px solid #00b57038;align-items:center;gap:8px;margin:0 0 22px;padding:9px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.donate-eyebrow svg{fill:#ff8a8a;color:#de5555;width:17px;height:17px}.public-donate h1{max-width:16ch;font-size:clamp(2.8rem,4.8vw,4.5rem);line-height:var(--thai-lh-display,1.38);letter-spacing:normal;color:var(--pico-midnight);word-break:normal;overflow-wrap:break-word;line-break:loose;margin:0 0 22px}.public-donate h1 em{color:var(--pico-green);font-style:normal}.donate-lead{max-width:650px;color:var(--muted);margin:0;font-size:1.07rem;line-height:1.8}.donate-impact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:640px;margin-top:34px;display:grid}.donate-impact-list>div{background:#ffffffd1;border:1px solid #00502c1f;border-radius:20px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;min-height:112px;padding:17px;display:grid;box-shadow:0 10px 30px #00502c0d}.donate-impact-icon{width:42px;height:42px;color:var(--pico-dark-green);background:var(--sky-mint);border-radius:14px;place-items:center;display:grid}.donate-impact-list>div:nth-child(2) .donate-impact-icon{color:#8b5a00;background:#fff1b8}.donate-impact-icon svg{width:21px;height:21px}.donate-impact-list b{color:var(--pico-midnight);margin-bottom:4px;display:block}.donate-impact-list p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.55}.donate-assurance{color:var(--pico-dark-green);align-items:center;gap:9px;margin:22px 0 0;font-size:.88rem;font-weight:600;display:flex}.donate-assurance svg{width:18px;height:18px;color:var(--pico-green);flex:none}.donate-card{border:2px solid var(--pico-dark-green);width:100%;box-shadow:0 8px 0 var(--pico-dark-green), 0 26px 60px #00502c24;background:#fff;border-radius:30px;padding:30px}.donate-card-icon{color:#a93b4e;background:#ffe8ed;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid;box-shadow:0 6px #a93b4e1f}.donate-card-icon svg{fill:#ff97a9;width:25px;height:25px}.donate-card .public-section-label{margin-bottom:5px}.donate-card h2{font-family:var(--public-display);color:var(--pico-midnight);margin:0 0 8px;font-size:1.75rem}.donate-card-lead{color:var(--muted);margin:0 0 22px}.donate-card figure{margin:0}.donate-qr-frame{border:1px solid var(--line);background:linear-gradient(90deg, var(--pico-green) 22px, transparent 22px) 0 0 / 44px 3px no-repeat, linear-gradient(var(--pico-green) 22px, transparent 22px) 0 0 / 3px 44px no-repeat, linear-gradient(270deg, var(--pico-green) 22px, transparent 22px) 100% 0 / 44px 3px no-repeat, linear-gradient(var(--pico-green) 22px, transparent 22px) 100% 0 / 3px 44px no-repeat, linear-gradient(90deg, var(--pico-green) 22px, transparent 22px) 0 100% / 44px 3px no-repeat, linear-gradient(0deg, var(--pico-green) 22px, transparent 22px) 0 100% / 3px 44px no-repeat, linear-gradient(270deg, var(--pico-green) 22px, transparent 22px) 100% 100% / 44px 3px no-repeat, linear-gradient(0deg, var(--pico-green) 22px, transparent 22px) 100% 100% / 3px 44px no-repeat, #f8fcfa;border-radius:22px;padding:13px;position:relative}.public-donate .donate-qr-frame img{object-fit:contain;background:#fff;border:0;border-radius:14px;width:100%;max-width:none;max-height:315px;margin:0;display:block}.donate-scan-mark{color:#fff;background:var(--pico-green);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:0 8px 20px #00b57040}.donate-scan-mark svg{width:21px;height:21px}.donate-card figcaption{margin-top:20px}.donate-card figcaption ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.donate-card figcaption li{color:var(--public-ink-soft);align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.donate-card figcaption li span{width:26px;height:26px;color:var(--pico-dark-green);background:var(--sky-mint);font-family:var(--public-display-latin);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:800;display:grid}.donate-security-note{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:8px;margin:22px 0 0;padding-top:18px;font-size:.78rem;line-height:1.55;display:flex}.donate-security-note svg{width:17px;height:17px;color:var(--pico-green);flex:none}.donate-unavailable{text-align:center;min-height:245px;color:var(--pico-dark-green);background:#f7fbf9;border:1px dashed #00502c47;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:32px 22px;display:flex}.donate-unavailable>svg{width:42px;height:42px;color:var(--pico-green);margin-bottom:14px}.donate-unavailable p{color:var(--muted);margin:6px 0 0;font-size:.88rem}.donate-thanks{color:#fff;background:var(--pico-midnight);grid-template-columns:56px minmax(0,.9fr) minmax(280px,.65fr);align-items:center;gap:26px;padding:70px max(24px,50% - 590px);display:grid}.donate-thanks>span{color:#8b5a00;background:var(--star-yellow);border-radius:18px;place-items:center;width:54px;height:54px;display:grid}.donate-thanks>span svg{width:27px;height:27px}.donate-thanks .public-section-label{color:#76e4bd}.donate-thanks h2{font-family:var(--public-display);color:#fff;margin:0;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.12}.donate-thanks>p{color:#ffffffad;margin:0;line-height:1.75}@media (max-width:960px){.public-hero{grid-template-columns:minmax(0,1fr);gap:54px;min-height:0;padding-top:64px}.public-hero-copy{text-align:center;width:100%;max-width:720px;margin:0 auto}.public-eyebrow{margin-inline-start:auto;margin-inline-end:auto}.public-hero h1,.public-lead{max-width:none}.public-actions,.public-trust-row,.public-hero-badges{justify-content:center}.hero-visual{flex-direction:column;align-items:center;width:min(100%,620px);min-width:0;margin:0 auto;display:flex}.hero-powers-nav{min-width:0;max-width:100%;margin-bottom:16px}.hero-satellite-card{z-index:4;background:#fffffff5;border:1.5px solid #00502c1f;border-radius:999px;gap:8px;padding:6px 12px 6px 6px;display:flex;position:absolute;box-shadow:0 10px 24px #00502c24}.hero-satellite-thumb{border-radius:50%;width:38px;height:38px}.hero-satellite-ef{top:72px;left:12px}.hero-satellite-story{bottom:40px;left:12px}.hero-checklist-container{text-align:left;max-width:480px;margin-inline-start:auto;margin-inline-end:auto}.public-benefit-grid,.science-cards-grid,.public-workflow-list,.public-showcase-grid,.inspirations-layout,.family-stories-grid{grid-template-columns:minmax(0,1fr)}.storybook-showcase-row{text-align:center;grid-template-columns:minmax(0,1fr);gap:40px}.storybook-showcase-bullets{text-align:left;max-width:500px;margin-inline-start:auto;margin-inline-end:auto}.storybook-showcase-cta{justify-content:center}.storybook-feature-img{max-width:400px}.comparison-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 18px}.comparison-head-row{display:none}.col-feature{color:var(--pico-midnight);margin-bottom:2px;font-size:1.02rem;font-weight:700}.col-traditional:before{content:"ตารางกระดาษ: ";color:#a0aec0;font-weight:600}.col-picobiz:before{content:"Kids Points: ";color:var(--pico-dark-green);font-weight:700}.public-benefit-card,.public-workflow-list li{min-height:0}.public-benefit-icon,.public-step-number{margin-bottom:28px}.public-governance{grid-template-columns:minmax(0,1fr);gap:46px}.public-how-steps,.public-legal-sections{grid-template-columns:minmax(0,1fr)}.public-how-steps li{min-height:0}.public-how-icon{margin-bottom:32px}.donate-hero{grid-template-columns:minmax(0,1fr);gap:52px}.donate-copy{max-width:760px}.donate-card{max-width:560px}.donate-thanks{grid-template-columns:56px minmax(0,1fr)}.donate-thanks>p{grid-column:2}}@media (max-width:640px){.public-header{min-height:68px;padding:10px 16px}.brand{gap:8px}.brand svg{width:30px;height:30px}.brand-title{font-size:1rem}.brand-badge{display:none}.public-header-nav{gap:4px;width:auto}.public-header-nav>a:not(.public-header-cta){display:none}.public-header-nav .public-header-cta{min-height:42px;margin:0;padding-inline-start:13px;padding-inline-end:13px}.public-hero{gap:46px;max-width:100%;padding:32px 16px 64px;overflow:hidden}.public-hero h1{margin-top:18px;font-size:clamp(1.85rem,8vw,2.4rem);line-height:1.32}.public-hero h1 em{white-space:normal}.public-lead{font-size:1rem}.public-actions{gap:12px}.public-primary-action{width:100%}.public-cta{min-width:148px}.public-trust-row{flex-direction:column;align-items:flex-start;width:fit-content;margin-inline-start:auto;margin-inline-end:auto}.hero-visual{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:100%;min-height:auto;margin:0 auto;padding:0 16px;display:flex;position:relative}.hero-powers-nav{width:100%;min-width:0;max-width:350px;margin-bottom:12px}.hero-powers-nav-track{box-sizing:border-box;gap:4px;width:100%;padding:4px}.hero-power-tab{flex-shrink:0;padding:6px 11px;font-size:.77rem}.hero-visual:before{width:min(100%,320px);max-width:100%}.hero-orbit-one{width:min(86vw,310px);height:190px}.hero-orbit-two{width:min(65vw,220px);height:280px}.app-preview-card{box-sizing:border-box;border-radius:27px;width:100%;max-width:350px;margin:0 auto;padding:18px 18px 28px;transform:none}.hero-satellite-card{z-index:6;background:#fffffffa;border:1.5px solid #00502c24;border-radius:999px;gap:8px;max-width:160px;padding:5px 10px 5px 6px;display:flex;position:absolute;box-shadow:0 8px 24px #00502c29}.hero-satellite-thumb{object-fit:cover;border-radius:50%;width:34px;height:34px}.hero-satellite-badge{padding:1px 6px;font-size:.6rem}.hero-satellite-text b{white-space:nowrap;font-size:.72rem}.hero-satellite-ef{top:66px;left:4px}.hero-satellite-story{bottom:-14px;left:4px}.hero-float-praise{display:none}.hero-float-points{bottom:42px;right:4px}.hero-kids{width:clamp(120px,32vw,150px);bottom:-16px;right:4px}.hero-float-points.hero-float-points-alt,.hero-kids.hero-kids-alt{display:none!important}.hero-float-card{padding:9px 11px;font-size:.72rem}.public-benefits,.public-science,.public-workflow,.public-inspirations,.public-storybook-showcase,.public-storytime-showcase,.public-ef-showcase,.public-governance,.public-faq{max-width:100%;padding:64px 16px;overflow-x:clip}.hero-checklist-container{gap:8px;font-size:.88rem}.hero-check-item{font-size:.88rem}.public-benefit-grid,.public-workflow-list,.science-cards-grid,.inspirations-layout{margin-top:36px}.public-benefit-card,.science-card,.inspirations-column,.public-workflow-list li{border-radius:20px;padding:20px}.inspiration-play-card{border-radius:14px;padding:12px 14px}.inspiration-card-title{font-size:.9rem}.storybook-showcase-desc{font-size:.95rem}.storybook-bullet-item{font-size:.9rem}.storybook-feature-img{border-radius:22px;max-width:320px}.storytime-feature-grid,.ef-feature-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.storytime-spotlight-card,.ef-spotlight-card{border-radius:22px;padding:22px 18px}.story-reader-preview-box{text-align:center;flex-direction:column;align-items:center}.story-book-mini-cover{width:140px}.story-speech-bubble:before{display:none}.story-speech-bubble{text-align:left;margin-top:8px}.coloring-sheet-img{width:140px}.sheet-behind{right:5%}.ef-trainer-preview-box{text-align:center;flex-direction:column;align-items:center}.ef-skills-chip-row{justify-content:center}.ef-rules-compact{text-align:left;width:100%}.ef-brain-graphic-header{text-align:center;flex-direction:column;align-items:center}.storytime-shelf-wrapper,.ef-shelf-wrapper{border-radius:22px;margin-top:36px;padding:24px 16px}.storytime-shelf-header,.ef-shelf-header{flex-direction:column;align-items:flex-start;gap:12px}.storytime-shelf-grid,.ef-shelf-grid{grid-template-columns:repeat(2,1fr);gap:14px}.public-benefits h2,.public-science h2,.public-workflow h2,.public-inspirations h2,.public-storybook-showcase h2,.public-storytime-showcase h2,.public-ef-showcase h2,.public-governance h2,.public-faq h2,.public-closing h2,.public-article h1{font-size:clamp(1.45rem,6.8vw,1.95rem)}.public-governance-list{width:100%;max-width:100%;padding:10px}.public-faq dd{padding-left:0}.public-comparison-box{border-radius:20px;max-width:100%;margin-top:36px;padding:20px 14px;overflow-x:auto}.showcase-card{border-radius:20px;padding:22px 18px}.public-faq-question-wrap{padding:18px 16px;font-size:.95rem}.public-faq-answer-wrap{padding:0 16px 18px}.public-closing{max-width:100%;min-height:400px;padding:64px 16px;overflow:hidden}.closing-star-one{top:18%;left:6%}.closing-star-two{bottom:18%;right:7%}.public-footer{padding:28px 20px}.public-info-page{padding:28px 16px 76px}.public-info-hero{border-radius:30px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:360px;padding:34px 24px}.public-info-hero h1{max-width:none}.public-info-stars{opacity:.72;width:150px;height:90px;position:absolute;top:4px;right:8px}.public-info-stars span:first-child{font-size:50px;bottom:0;right:42px}.public-info-stars span:nth-child(2){font-size:25px;bottom:44px;right:0}.public-info-stars span:nth-child(3){font-size:18px;bottom:54px;right:106px}.public-how-steps li,.public-legal-sections section{border-radius:24px;padding:24px}.public-info-cta{text-align:center;flex-direction:column;align-items:stretch;padding:26px 24px}.public-info-cta .button{width:100%}.public-legal-hero{min-height:390px}.public-updated{align-self:flex-start}.public-legal-sections section{grid-template-columns:1fr}.public-legal-note{align-items:flex-start}.donate-hero{gap:42px;padding:54px 16px 76px}.donate-eyebrow{font-size:.75rem}.public-donate h1{max-width:none;font-size:clamp(2.55rem,12vw,3.5rem)}.donate-lead{font-size:1rem}.donate-impact-list{grid-template-columns:1fr}.donate-assurance{align-items:flex-start}.donate-card{border-radius:26px;padding:22px}.public-donate .donate-qr-frame img{max-height:290px}.donate-thanks{text-align:center;grid-template-columns:1fr;padding:58px 20px}.donate-thanks>span{margin-inline-start:auto;margin-inline-end:auto}.donate-thanks>p{grid-column:auto}}@media (max-width:520px){.storytime-shelf-grid,.ef-shelf-grid{grid-template-columns:1fr}}@media (max-width:390px){.public-eyebrow{font-size:.73rem}.public-actions{flex-direction:column;align-items:stretch}.public-secondary-link{border-bottom:0;justify-content:center}.app-preview-balance{padding:16px}.app-preview-mission,.app-preview-reward{gap:8px;padding:10px}.hero-float-praise{display:none}.hero-satellite-card{gap:6px;max-width:148px;padding:4px 8px 4px 5px}.hero-satellite-thumb{width:30px;height:30px}.hero-satellite-badge{padding:1px 5px;font-size:.58rem}.hero-satellite-text b{font-size:.68rem}.hero-satellite-ef{top:64px;left:4px}.hero-satellite-story{bottom:-14px;left:4px}.hero-float-points{bottom:38px;right:4px}.hero-kids{width:130px;bottom:-16px;right:4px}.hero-orbit-one{width:min(84vw,270px);height:170px}.hero-orbit-two{width:min(60vw,190px);height:240px}}@media (prefers-reduced-motion:reduce){.public-benefit-card,[data-scroll-reveal]{transition:none}[data-scroll-reveal]{opacity:1;transform:none}}.app-shell{--app-border:#dce9e1;--app-shadow:0 18px 48px #00321f17;isolation:isolate;background:radial-gradient(circle at 8% 4%,#ffc93c33,#0000 24rem),radial-gradient(circle at 92% 18%,#00d2b421,#0000 27rem),linear-gradient(#fbf9f2 0%,#f5faf7 52%,#eef8f3 100%);min-height:100dvh}.app-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.4;background-image:radial-gradient(#00502c24 .8px,#0000 .8px);background-size:24px 24px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.app-main{width:100%;padding:20px 18px 112px}.page-header{min-height:52px;margin-bottom:20px;padding:0}.page-header h1{text-wrap:balance;flex:1;align-items:center;gap:8px;font-size:clamp(1.35rem,5.5vw,1.9rem);line-height:1.25;display:inline-flex}.page-header h1 .picobiz-logo-icon{flex-shrink:0}.page-header>.row-actions{justify-content:flex-end}.icon-button{border-color:var(--app-border);background:#ffffffe0;box-shadow:0 4px 12px #00502c0f}.icon-button:hover{border-color:var(--pico-green);background:var(--sky-mint)}.bottom-nav{border:1px solid #00502c2e;grid-template-columns:repeat(5,1fr);height:72px;box-shadow:0 18px 45px #00192f33}.bottom-nav a{font-family:var(--body);font-weight:700}.bottom-nav a.active{color:var(--pico-dark-green)}.dashboard-head{border-radius:var(--r-lg,24px);background:radial-gradient(circle at 88% 25%,#ffd84d61,#0000 7rem),linear-gradient(135deg,#007e50,#003c2d 68%,#002d42);border:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #00502c36}.dashboard-head:after{content:"";pointer-events:none;border:22px solid #ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-34px;right:-24px}.dashboard-head p{color:#ffffffd9;letter-spacing:.02em;margin:0 0 4px;font-size:13px;font-weight:600}.dashboard-head h1{color:#fff;margin:0;font-size:clamp(1.55rem,7vw,2.2rem);font-weight:800}.dashboard-head .brand-star{fill:#ffd84d;color:#ffd84d;opacity:.28;pointer-events:none;filter:drop-shadow(0 4px 12px #ffd84d66);width:56px;height:56px;position:absolute;top:14px;right:18px}.line-profile{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:7px 12px 7px 8px;transition:all .2s;display:flex;position:relative}.line-profile:hover{background:#ffffff2e;border-color:#ffffff52}.line-profile img,.line-account img{object-fit:cover;border:1.5px solid #fff6;border-radius:50%;width:38px;height:38px}.line-profile span{min-width:0;display:grid}.line-profile small{color:#ffffffbf;font-size:.66rem;font-weight:600}.line-profile b{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:.86rem;font-weight:700;overflow:hidden}.kid-profile-switcher{margin-bottom:20px}.kid-profile-title{justify-content:space-between;align-items:flex-end;margin-top:24px;margin-bottom:12px;display:flex}.add-kid-btn{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.kid-profile-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.kid-profile-list::-webkit-scrollbar{display:none}.kid-profile-option{color:#1e293b;min-width:140px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px 8px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000008}.kid-profile-option:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b9811f}.kid-profile-option.active,.kid-profile-option[aria-pressed=true]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 14px #10b9812e}.kid-profile-option .avatar{border-radius:50%;flex:none;width:36px;height:36px;box-shadow:0 2px 6px #00000014}.kid-profile-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.kid-profile-meta b{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.kid-profile-meta small{color:#047857;font-size:.72rem;font-weight:700}.kid-profile-option.blocked .kid-profile-meta small{color:#d97706}.point-balance-card{background:linear-gradient(135deg,#fff 0%,#f7fdf9 45%,#ecfdf5 100%);border:1.5px solid #10b98138;border-radius:24px;flex-direction:column;gap:18px;margin-bottom:22px;padding:22px 24px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -6px #10b9811f,0 3px 10px -2px #0000000a}.point-balance-card:after{content:"★";color:#f59e0b1f;pointer-events:none;z-index:0;font-family:serif;font-size:8.5rem;line-height:1;position:absolute;bottom:-30px;right:18px;transform:rotate(14deg)}.point-balance-card>*{z-index:1;position:relative}.balance-header-row{border-bottom:1px solid #10b9811f;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.balance-heading{align-items:center;gap:12px;min-width:0;display:flex}.balance-avatar-link{border-radius:50%;flex-shrink:0;text-decoration:none;transition:transform .15s;display:inline-block;position:relative}.balance-avatar-link:hover{transform:scale(1.05)}.balance-avatar-link .avatar{width:44px;height:44px;font-size:1.1rem;box-shadow:0 3px 10px #00000014}.avatar-edit-badge{color:#fff;background:#047857;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #00000026}.balance-kid-copy{flex-direction:column;min-width:0;display:flex}.balance-kid-copy p{color:#0f172a;margin:0;font-size:.98rem;font-weight:700}.balance-kid-copy small{color:#64748b;margin-top:1px;font-size:.78rem}.balance-edit-profile-btn{color:#047857;white-space:nowrap;background:#10b98117;border:1px solid #10b98138;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;text-decoration:none!important}.balance-edit-profile-btn:hover{background:#10b9812e;border-color:#10b98161;transform:translateY(-1px)}.balance-main-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.balance-score-col{flex-direction:column;gap:4px;min-width:160px;display:flex}.balance-score-label{color:#047857;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:700}.point-balance-card .point-balance-value{font-family:var(--display);color:#064e3b;font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:baseline;gap:6px;margin:0;font-size:clamp(2.6rem,10vw,3.8rem);font-weight:900;line-height:1.05;display:flex}.point-balance-card .point-balance-value span{color:#059669;font-size:1.15rem;font-weight:700}.balance-score-display{align-items:center;gap:8px;display:flex}.balance-score-star{filter:drop-shadow(0 2px 6px #f59e0b59);flex-shrink:0}.balance-recent-badge{color:#065f46;background:#ffffffe6;border:1px solid #10b98138;border-radius:999px;align-items:center;gap:6px;max-width:fit-content;margin-top:2px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #00000005}.balance-recent-badge.placeholder{color:#64748b;border-color:#e2e8f0}.balance-recent-badge .sparkle-icon{color:#f59e0b;flex-shrink:0}.balance-cta-col{flex-shrink:0;align-items:center;display:flex}.hero-send-points-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#eab308 50%,#f59e0b 100%);border:0;border-radius:16px;justify-content:center;align-items:center;gap:7px;padding:13px 22px;font-size:.98rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 24px #f59e0b61,0 2px 6px #00000014;text-decoration:none!important}.hero-send-points-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b7a}.blocked-action-container{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.kid-blocked-alert.mini{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}@media (max-width:620px){.point-balance-card{gap:16px;padding:20px 18px}.point-balance-card:after{color:#f59e0b1a;font-size:7.5rem;bottom:52px;right:14px}.balance-main-content{flex-direction:column;align-items:stretch;gap:16px}.balance-score-col{gap:6px;width:100%}.balance-recent-badge{width:fit-content;max-width:100%}.balance-cta-col,.hero-send-points-btn,.blocked-action-container{align-items:stretch;width:100%}.hero-send-points-btn{border-radius:16px;justify-content:center;padding:13px 20px;font-size:1.02rem;font-weight:800;box-shadow:0 6px 20px #f59e0b52,0 2px 6px #0000000f}.kid-blocked-alert.mini{align-self:center;padding:5px 12px}}.reward-progress{background:linear-gradient(145deg,#fff 0%,#fffbf5 60%,#fff7ed 100%);border:1px solid #fed7aa;border-radius:20px;margin-bottom:24px;padding:18px 20px;box-shadow:0 6px 20px #fb923c14}.reward-progress-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.reward-progress-header h2{color:#9a3412;margin:0;font-size:1.15rem;font-weight:800}.reward-manage-link{color:#c2410c;background:#fb923c1f;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .15s}.reward-manage-link:hover{background:#fb923c38}.reward-progress-meta-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.reward-progress-stats{color:#475569;margin:0;font-size:.86rem}.reward-progress-stats b{color:#0f172a}.reward-celebrate-badge{color:#b45309;background:#fef3c7;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.reward-progress-percentage{color:#ea580c;font-size:.84rem;font-weight:800}.progress-track{background:#ffedd5;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#f97316,#eab308);height:100%;transition:width .4s ease-out;display:block}.progress-track span.ready{background:linear-gradient(90deg,#10b981,#34d399)}.dashboard-missions-section{margin-bottom:24px}.home-mission-list{flex-direction:column;gap:10px;display:flex}.home-mission{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000008}.home-mission:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 24px #10b9811a}.mission-star-icon-wrap{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 2px 6px #f59e0b26}.home-mission-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-mission-body b{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.home-mission-body small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.mission-reward-tag{color:#047857;white-space:nowrap;background:#ecfdf5;border-radius:999px;padding:4px 10px;font-size:.9rem;font-weight:800}.mission-chevron-icon{color:#94a3b8;flex-shrink:0}.kid-feature-tiles-section{margin-top:24px;margin-bottom:24px}.kid-quick-actions{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;display:grid}@media (min-width:600px){.kid-quick-actions{grid-template-columns:repeat(4,1fr)}}.feature-tile{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:12px;min-width:0;padding:14px 16px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000008}.feature-tile:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 20px #10b9811a}.feature-icon{flex-shrink:0;font-size:1.6rem;line-height:1}.feature-text{flex-direction:column;gap:1px;min-width:0;display:flex}.feature-text b{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.feature-text small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.secondary-actions-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-top:32px;margin-bottom:36px;padding:20px}.secondary-actions-header{margin-bottom:12px}.secondary-actions-header h3{color:#1e293b;margin:0;font-size:1.05rem}.secondary-actions{border:0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0;padding:0;display:grid}.sec-action-card,.secondary-actions a.sec-action-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;text-decoration:none!important}.sec-action-card:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.sec-action-card.highlight{color:#854d0e;background:#fefce8;border-color:#fef08a}.sec-action-card.highlight:hover{background:#fef9c3}.sec-emoji{font-size:1rem}.form-card,.profile-card,.point-panel{border-radius:26px;max-width:720px;margin-inline-start:auto;margin-inline-end:auto;padding:clamp(20px,5vw,32px)}.form-card,.point-panel{gap:20px;display:grid}.profile-card{gap:18px;display:grid}.form-card fieldset,.filter-chips{border:0;min-width:0;margin:0;padding:0}.form-card legend{color:var(--pico-dark-green);font-family:var(--display);margin-bottom:10px;font-size:.86rem;font-weight:700}.form-group{gap:8px}.form-group label{font-family:var(--body);font-size:.87rem}.form-group input,.form-group textarea,.form-group select{min-height:48px;transition:border-color var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);background:#fbfdfc;border:1.5px solid #cfdfd7;border-radius:14px;padding:12px 14px}.form-group textarea{resize:vertical;min-height:110px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--pico-green);background:#fff;box-shadow:0 0 0 4px #00b5701f}.form-group-checkbox{background:var(--sky-mint);border-radius:14px;align-items:flex-start;gap:10px;padding:14px;display:flex}.form-group-checkbox input{accent-color:var(--pico-green);margin-top:4px}.field-error{color:var(--color-danger-strong);font-size:.78rem}.color-picks{flex-wrap:wrap;gap:12px;display:flex}.color-picks label{width:48px;height:48px;box-shadow:0 0 0 1px var(--app-border), 0 5px 12px #00192f17;cursor:pointer;border:3px solid #fff;border-radius:16px}.color-picks label:has(input:checked){box-shadow:0 0 0 3px var(--pico-dark-green), 0 8px 18px #00502c29;transform:translateY(-2px)}.color-picks input{opacity:0}.balance{color:#fff;background:linear-gradient(135deg,#007e50,#004e70);border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;margin-bottom:18px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #004e702e}.balance .avatar{grid-row:1/3}.balance p{color:#ffffffc2;margin:0;font-size:.83rem}.balance strong{font-family:var(--display);font-size:clamp(2rem,11vw,3.6rem);line-height:1}.balance span{align-self:end;font-weight:700}.segmented{background:#edf4f0;border-radius:15px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.segmented button,.quick-points button,.filter-chips button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;font-weight:700}.segmented button.active,.quick-points button.active,.filter-chips button.active{color:var(--pico-dark-green);background:#fff;box-shadow:0 4px 12px #00502c1c}.quick-points{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.quick-points button{border:1px solid var(--app-border);background:#fffdf7}.quick-points button.active{background:#fff3bb;border-color:#e5b52d}.task-list,.inbox-list,.redemption-list,.map-nodes{gap:14px;display:grid}.task-card{border-radius:20px;padding:18px}.task-card .task-icon-circle,.reward .reward-visual{padding:0}.mission-points strong{font-size:1.05rem}.reward-grid{gap:14px}.reward{transition:transform var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);border-radius:22px;padding:18px;overflow:visible}.reward-visual{border-radius:17px;width:52px;height:52px}.reward-cost{color:#765300;font-family:var(--display);background:#fff4bf;border-radius:999px;padding:6px 10px;display:inline-flex}.rewards-hero-card{background:linear-gradient(135deg,#e8f8f5e6 0%,#fffffff5 100%);border:1px solid #00b57033;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 30px #00502c0f}.rewards-hero-content{flex-direction:column;flex:300px;gap:6px;display:flex}.rewards-hero-badge{color:var(--pico-dark-green);background:#00b5701f;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.rewards-hero-content h1{color:var(--pico-dark-green);font-size:1.4rem;font-family:var(--public-display-thai,var(--display));line-height:var(--thai-lh-heading,1.42);margin:2px 0 0}.rewards-hero-content p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.rewards-active-kid-pill{color:var(--ink);background:#ffffffe6;border:1.5px solid #00b57040;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:6px;padding:5px 12px 5px 6px;font-size:.85rem;display:inline-flex;box-shadow:0 2px 8px #00502c0a}.rewards-active-kid-pill strong{color:#b8860b}.rewards-hero-actions{align-items:center;gap:8px;display:flex}.kid-switcher-search{align-items:center;width:100%;max-width:240px;display:flex;position:relative}.kid-switcher-search .search-icon{color:var(--muted);pointer-events:none;position:absolute;left:12px}.kid-switcher-search input{border:1.5px solid var(--app-border,#d8ece4);width:100%;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);background:#fffffff2;border-radius:999px;outline:none;padding:7px 32px 7px 34px;font-size:.84rem}.kid-switcher-search input:focus{border-color:var(--pico-green);box-shadow:0 0 0 3px #00b57026}.clear-search-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1.1rem;line-height:1;position:absolute;right:10px}.clear-search-mini{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:8px}.kid-switcher-no-results{color:var(--muted);border:1px dashed var(--app-border,#d8ece4);text-align:center;background:#ffffffb3;border-radius:14px;width:100%;margin:4px 0;padding:14px 18px;font-size:.88rem}.reward-recipient-picker{width:100%;margin:6px 0 10px;position:relative}.reward-recipient-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.reward-recipient-label{color:var(--muted,#4e6575);align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:inline-flex}.recipient-status-pill{border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.recipient-status-pill.ready{color:#007542;background:#d4f8e8}.recipient-status-pill.need{color:#946200;background:#fff3d6}.recipient-status-pill.blocked{color:#d46b08;background:#fff7e6;border:1px solid #ffd591}.reward-recipient-dropdown-wrap{width:100%;position:relative}.reward-recipient-trigger{border:1.5px solid var(--app-border,#d8ece4);cursor:pointer;width:100%;font:inherit;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);text-align:left;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:7px 11px;display:flex}.reward-recipient-trigger:hover,.reward-recipient-trigger.active{border-color:var(--pico-green,#00b570);box-shadow:0 0 0 3px #00b5701a}.recipient-trigger-kid{align-items:center;gap:8px;min-width:0;display:flex}.recipient-trigger-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;overflow:hidden}.recipient-trigger-balance{color:#b8860b;white-space:nowrap;background:#fff8dc;border-radius:999px;padding:1px 7px;font-size:.78rem;font-weight:700}.recipient-chevron{color:var(--muted);transition:transform var(--motion-fast);flex:none}.recipient-chevron.rotated{transform:rotate(180deg)}.recipient-native-select{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.reward-recipient-popover{z-index:60;background:#fff;border:1.5px solid #00b57040;border-radius:16px;animation:.12s ease-out popoverFadeIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 14px 34px #00502c24}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.recipient-popover-search{border-bottom:1px solid var(--line,#e2e8f0);background:#f8fcfa;align-items:center;padding:8px 10px;display:flex;position:relative}.recipient-popover-search .search-icon{color:var(--muted);pointer-events:none;position:absolute;left:18px}.recipient-popover-search input{border:1px solid var(--app-border,#d8ece4);background:#fff;border-radius:8px;outline:none;width:100%;padding:6px 26px 6px 28px;font-size:.82rem}.recipient-popover-search input:focus{border-color:var(--pico-green)}.recipient-popover-list{flex-direction:column;gap:2px;max-height:190px;padding:4px;display:flex;overflow-y:auto}.recipient-search-empty{text-align:center;color:var(--muted);margin:0;padding:12px;font-size:.8rem}.recipient-popover-item{cursor:pointer;width:100%;font:inherit;transition:background var(--motion-fast);text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.recipient-popover-item:hover{background:var(--sky-mint,#e8f8f5)}.recipient-popover-item.selected{background:#e1f7ee}.recipient-item-main{align-items:center;gap:8px;min-width:0;display:flex}.recipient-item-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.recipient-item-meta{flex:none;align-items:center;gap:6px;display:flex}.recipient-item-balance{font-size:.76rem;font-weight:700}.recipient-item-balance.ready{color:#007542}.recipient-item-balance.muted{color:var(--muted)}.recipient-item-balance.blocked{color:#d46b08;font-weight:700}.recipient-check-icon{color:var(--pico-green)}.reward-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch;gap:18px;display:grid}@media (max-width:680px){.reward-grid{grid-template-columns:1fr;gap:16px}}.reward{background:var(--surface,#fff);border:1.5px solid var(--app-border,#d8ece4);transition:transform var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 18px #00502c0d}.reward:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00502c17}.reward.ready-to-redeem{border-color:#00b57073;box-shadow:0 8px 26px #00b5701f}.reward:has(.reward-recipient-popover){z-index:30}.reward-card-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.reward-visual{color:#946500;background:linear-gradient(135deg,#fff7d6 0%,#ffebb0 100%);border:1.5px solid #f5a62340;border-radius:16px;flex:none;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 4px 10px #f5a62324}.reward-card-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.reward-cost{color:#7a5400;white-space:nowrap;letter-spacing:-.01em;background:#fff8db;border:1px solid #f5a62340;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:.84rem;font-weight:800;display:inline-flex}.reward-status-pill{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:700}.reward-status-pill.ready{color:#007542;background:#d4f8e8;border:1px solid #00b5704d}.reward-status-pill.out-of-stock{color:#64748b;background:#f1f5f9}.reward-card-info{flex-direction:column;gap:4px;display:flex}.reward-card-info h2{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:1.12rem;font-weight:800;line-height:1.35}.reward-card-info p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.45}.reward-scope-tag{border-radius:8px;align-self:flex-start;margin-top:4px;padding:3px 8px;font-size:.74rem;font-weight:700}.reward-scope-tag.shared{color:#007542;background:#e6f9f0;border:1px solid #00b57033}.reward-scope-tag.individual{color:#005a82;background:#e8f4fa;border:1px solid #005a8233}.reward-progress-container{background:#f8fbf9;border:1px solid #e7f0ec;border-radius:14px;width:100%;padding:10px 12px}.reward-progress-text-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.reward-progress-text-row p{margin:0;font-size:.82rem;font-weight:700}.reward-progress-percent{color:var(--ink);font-size:.78rem;font-weight:800}.reward-progress-track{background:#e5ede8;border-radius:999px;width:100%;height:8px;overflow:hidden}.reward-progress-fill{height:100%;transition:width var(--motion-normal);background:linear-gradient(90deg,#ffc93c,#ff9f1c);border-radius:999px;display:block}.reward-progress-fill.completed{background:linear-gradient(90deg,#00b570,#00d2b4)}.reward-recipient-picker{width:100%;position:relative}.reward-recipient-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.recipient-picker-label{color:var(--ink);white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:inline-flex}.recipient-status-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.recipient-status-badge.ready{color:#007542;background:#d4f8e8;border:1px solid #00b57040}.recipient-status-badge.needed{color:#c0431a;background:#fff0eb;border:1px solid #c0431a33}.recipient-status-badge.blocked{color:#d46b08;background:#fff7e6;border:1px solid #ffd591}.reward-recipient-trigger{border:1.5px solid var(--app-border,#d8ece4);cursor:pointer;width:100%;min-height:48px;transition:all var(--motion-fast);font:inherit;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.reward-recipient-trigger:hover{border-color:var(--pico-green);background:#f8fcfa;box-shadow:0 3px 10px #00502c0f}.reward-recipient-fixed{background:#f4f9fc;border:1.5px dashed #005a8240;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:7px 12px;display:flex}.recipient-fixed-kid{align-items:center;gap:8px;min-width:0;display:flex}.recipient-fixed-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.recipient-fixed-badge{color:#005a82;white-space:nowrap;background:#005a821a;border-radius:6px;padding:2px 6px;font-size:.68rem;font-weight:700}.recipient-fixed-star{color:#7a5400;white-space:nowrap;background:#fff8db;border:1px solid #f5a62333;border-radius:8px;flex:none;padding:3px 8px;font-size:.78rem;font-weight:700}.reward .row-actions{flex-direction:column;gap:8px;width:100%;margin-top:auto;padding-top:4px;display:flex}.reward-unavailable-pill{text-align:center;width:100%}.reward-unavailable-pill .availability.unavailable{color:#b33939;overflow-wrap:anywhere;background:#fff4f4;border:1px solid #b3393926;border-radius:10px;padding:6px 10px;font-size:.78rem;font-weight:600;line-height:1.35;display:block;margin:0!important}.reward-action-buttons-row{align-items:center;gap:8px;width:100%;display:flex}.reward-redeem-btn{border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:.92rem;font-weight:800;display:inline-flex}.reward-manage-actions{flex:none;align-items:center;gap:6px;display:flex}.reward-manage-actions .icon-button{border:1.5px solid var(--app-border,#d8ece4);width:42px;height:42px;color:var(--muted);cursor:pointer;transition:all var(--motion-fast);background:#fff;border-radius:12px;place-items:center;display:grid}.reward-manage-actions .icon-button:hover{color:var(--ink);border-color:var(--pico-green);background:var(--sky-mint);transform:translateY(-1px)}.reward-manage-actions .icon-button.delete-btn:hover{color:#d9383a;background:#fff1f2;border-color:#d9383a4d}.reward-filter-empty{text-align:center;border:1px dashed var(--app-border);background:#fff9;border-radius:20px;padding:36px 20px}.dialog-kid-search{align-items:center;margin-bottom:8px;display:flex;position:relative}.dialog-kid-search .search-icon{color:var(--muted);pointer-events:none;position:absolute;left:12px}.dialog-kid-search input{border:1.5px solid var(--app-border,#d8ece4);border-radius:12px;outline:none;width:100%;padding:8px 30px 8px 34px;font-size:.84rem}.dialog-kid-search input:focus{border-color:var(--pico-green)}.new-reward-kid-search{align-items:center;margin-bottom:8px;display:flex;position:relative}.new-reward-kid-search .search-icon{color:var(--muted);pointer-events:none;position:absolute;left:12px}.new-reward-kid-search input{border:1.5px solid var(--app-border,#d8ece4);border-radius:12px;outline:none;width:100%;padding:8px 30px 8px 34px;font-size:.84rem}.new-reward-kid-search input:focus{border-color:var(--pico-green)}.filter-chips{scrollbar-width:none;gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.filter-chips button{border:1px solid var(--app-border);background:#ffffffbf;flex:none;padding-inline-start:16px;padding-inline-end:16px}.filter-chips button.active{border-color:var(--pico-green);background:var(--sky-mint)}.redemption{border-radius:20px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;display:grid}.redemption h2{margin:0 0 4px;font-size:1.05rem}.redemption p{color:var(--muted);margin:0}.redemption small{color:var(--muted)}.redemption>.row-actions{grid-column:1/-1}.submission-card{border-radius:24px;padding:clamp(18px,4vw,24px)}.submission-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.submission-head h3{margin:0 0 2px;font-size:1.05rem}.submission-head small{color:var(--muted)}.badge-points{color:#735100;background:#fff1ad;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-weight:800;display:inline-flex}.submission-note{border-left:4px solid var(--pico-green);color:#284638;background:#f3faf7;border-radius:0 14px 14px 0;margin:16px 0;padding:14px 16px}.submission-actions,.row-actions{flex-wrap:wrap;gap:8px;display:flex}.submission-actions{margin-top:16px}.quality-options{grid-template-columns:repeat(3,1fr)}.quality-btn{background:#f8fbf9;border-width:1px;min-height:64px}.quality-btn.selected{background:#fff0a8;box-shadow:0 0 0 2px #cc9800}.explorer-header{border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:20px;display:grid}.explorer-header h2{margin:0 0 4px;font-size:1.2rem}.explorer-header p{color:var(--muted);margin:0;font-size:.88rem}.explorer-star-box{color:#684900;background:#fff3bd;border-radius:16px;grid-template-columns:auto auto;align-items:center;gap:0 6px;padding:9px 12px;display:grid}.explorer-star-box small{text-align:center;grid-column:1/-1;font-size:.68rem}.star-icon{color:var(--star-gold);fill:currentColor}.section-subtitle{color:var(--pico-dark-green);margin:6px 0 0;font-size:1rem}.map-node{border:1px solid var(--app-border);cursor:pointer;transition:transform var(--motion-fast), border-color var(--motion-fast);background:#ffffffeb;border-radius:21px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid;box-shadow:0 8px 24px #00502c12}.map-node:hover{border-color:var(--pico-green);transform:translateY(-2px)}.map-node.node-approved{background:#f2fcf7;border-color:#8edbb9}.map-node.node-pending{background:#fffdf3;border-color:#efd267}.map-node.node-returned{background:#fff7f6;border-color:#ffb0aa}.node-icon{background:var(--sky-mint);width:44px;height:44px;color:var(--pico-dark-green);border-radius:15px;place-items:center;display:grid}.node-content h4{margin:0 0 4px;font-size:1rem}.node-content p{color:var(--muted);margin:0;font-size:.84rem}.node-reward{text-align:right;gap:2px;display:grid}.node-reward span{color:var(--pico-dark-green);font-weight:800}.node-reward small{max-width:110px;color:var(--muted);font-size:.69rem}.praise-bubble,.return-bubble{color:#235b43;background:#eef9f4;border-radius:10px;margin-top:8px;padding:7px 9px;display:block}.return-bubble{color:#764500;background:#fff2df}.settings-group{border-radius:22px;margin-bottom:16px;padding:10px}.settings-group h2{color:var(--muted);font-family:var(--body);letter-spacing:.06em;text-transform:uppercase;margin:8px 10px 10px;font-size:.78rem}.setting{border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:62px;padding:12px;display:grid}.setting+.setting{border-top:1px solid var(--app-border);border-radius:0}.setting>svg{color:var(--pico-green)}.setting span{display:grid}.setting small{color:var(--muted)}.setting[href]:hover{background:var(--sky-mint)}.line-account>.avatar,.line-account>img{width:46px;height:46px}.line-account>svg{color:var(--pico-green)}.version{text-align:center;color:var(--muted);margin-top:24px;font-size:.78rem}.parent-profile-card{max-width:680px;margin:0 auto}.parent-profile-card>p{color:var(--muted);margin-top:0}.parent-profile-form{gap:14px;display:grid}.parent-profile-form .profile-name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.parent-profile-form textarea{resize:vertical}.save-confirmation{color:var(--pico-green);font-weight:700}@media (max-width:520px){.parent-profile-form .profile-name-fields{grid-template-columns:1fr}}.storybook-intro{color:var(--muted);margin:-10px 0 18px}.storybook-week-nav{border:1px solid var(--app-border);box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:16px;padding:10px;display:grid}.storybook-week-nav>div{text-align:center;gap:2px;min-width:0;display:grid}.storybook-week-nav small{color:var(--pico-green);font-weight:800}.storybook-week-nav b{color:var(--pico-dark-green);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.storybook-week-nav button:disabled{opacity:.4}.storybook-card{border-radius:28px;overflow:hidden}.storybook-cover{text-align:center;color:#fff;background:radial-gradient(circle at 80% 22%,#ffd84d73,#0000 8rem),linear-gradient(135deg,#006b45,#004e70);padding:clamp(28px,7vw,52px) 22px}.storybook-identity{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.storybook-identity .avatar{border:2px solid #ffffffbf;box-shadow:0 4px 12px #00000029}.storybook-cover>p{color:#ffffffc2;letter-spacing:.04em;margin:0 0 5px;font-size:.76rem;font-weight:700}.storybook-cover h2{color:#fff;margin:0 0 10px;font-size:clamp(1.4rem,5vw,2rem)}.storybook-cover small{color:#ffffffd1;align-items:center;gap:6px;display:inline-flex}.storybook-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px;display:grid}.stat-pill{text-align:center;background:#f3faf7;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;font-size:.8rem;display:flex}.storybook-how{border:1px solid var(--app-border);background:#f7fbf9;border-radius:18px;margin:0 20px 22px;padding:18px}.storybook-how h3{margin:0 0 14px;font-size:1rem}.storybook-how ol{counter-reset:story-step;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.storybook-how li{counter-increment:story-step;background:#fff;border-radius:14px;min-width:0;padding:12px 10px 12px 42px;position:relative}.storybook-how li:before{content:counter(story-step);background:var(--star-yellow);width:24px;height:24px;color:var(--pico-dark-green);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:11px;left:10px}.storybook-how li b,.storybook-how li span{display:block}.storybook-how li span{color:var(--muted);margin-top:3px;font-size:.75rem}.praise-collection{padding:4px 22px 24px}.praise-collection h3{font-size:1.05rem}.praise-list{gap:10px;display:grid}.praise-item{background:#fffaf0;border:1px solid #f2df9c;border-radius:16px;padding:16px}.praise-tag{color:#6e4c00;background:#ffed9d;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.praise-quote{color:#254438;margin:10px 0 5px}.praise-date,.empty-text{color:var(--muted);font-size:.8rem}.storybook-empty-praise{color:var(--muted);text-align:center;background:#fbfdfc;border:1px dashed #00502c3d;border-radius:16px;justify-items:center;gap:5px;padding:24px 16px;display:grid}.storybook-empty-praise svg{color:var(--pico-green)}.storybook-empty-praise b{color:var(--ink)}.storybook-empty-praise span{font-size:.8rem}.storybook-footer{text-align:center;background:#edf8f3;padding:18px 22px}.storybook-footer p{color:var(--pico-dark-green);font-family:var(--display);margin:0}.history-timeline{gap:22px}.history-group h3{padding-left:4px}.history-item{border-radius:17px}.empty{background:#ffffff9e;border:1px dashed #00502c40;border-radius:24px;margin-block-start:12px;margin-block-end:12px;padding:42px 22px}.empty-badge{border:0;box-shadow:inset 0 0 0 1px #00b57059}.notice{border-width:1px;border-radius:15px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00192f94}.modal-content{border:0;border-radius:26px;max-height:min(760px,100dvh - 32px);overflow-y:auto;box-shadow:0 28px 80px #00192f4d}.auth-state{align-content:center;justify-items:stretch;gap:16px;width:min(100% - 32px,560px);min-height:100dvh;margin:0 auto;padding-block-start:32px;padding-block-end:32px;display:grid}.auth-state>p,.auth-state>a:not(.button){text-align:center}.auth-loading-state{background:radial-gradient(circle at 12% 8%,#ffc93c33 0 170px,#0000 171px),radial-gradient(circle at 88% 92%,#00b57021 0 220px,#0000 221px),linear-gradient(145deg,#fffdf8 0%,#f3fbf7 100%);place-items:center;width:100%;max-width:none;padding:24px;position:relative;overflow:hidden}.auth-loading-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#ffffffe6;border:1px solid #00502c1f;border-radius:32px;justify-items:center;width:min(100%,440px);padding:42px 36px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00502c21}.auth-loading-visual{place-items:center;width:136px;height:136px;margin-bottom:22px;display:grid;position:relative}.auth-loading-orbit{border:1px dashed #00502c40;border-radius:50%;animation:9s linear infinite auth-orbit;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.auth-loading-logo{background:var(--sky-mint);border:1px solid #00b5702e;border-radius:28px;place-items:center;width:88px;height:88px;animation:2.4s ease-in-out infinite auth-float;display:grid;box-shadow:0 12px 28px #00502c1f,inset 0 0 0 8px #ffffff75}.auth-loading-star{z-index:2;color:var(--star-yellow);filter:drop-shadow(0 4px 5px #8b5a002e);animation:1.8s ease-in-out infinite auth-star;position:absolute}.auth-loading-star-one{font-size:25px;top:15px;right:4px}.auth-loading-star-two{font-size:17px;animation-delay:.45s;bottom:17px;left:10px}.auth-loading-eyebrow{color:var(--pico-green);font-family:var(--display-latin);letter-spacing:.14em;margin:0 0 8px;font-size:.76rem;font-weight:800}.auth-loading-card h1{max-width:13ch;color:var(--pico-midnight);font-family:var(--display);margin:0 0 10px;font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.15}.auth-loading-card>p:not(.auth-loading-eyebrow){color:var(--muted);margin:0}.auth-loading-progress{background:#e6f3ed;border-radius:999px;width:min(100%,260px);height:8px;margin:24px 0 12px;overflow:hidden}.auth-loading-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--pico-green), #5ed3a3);width:42%;height:100%;animation:1.3s ease-in-out infinite auth-progress;display:block}.auth-loading-card small{color:#789087}@keyframes auth-orbit{to{transform:rotate(360deg)}}@keyframes auth-float{50%{transform:translateY(-5px)scale(1.02)}}@keyframes auth-star{50%{opacity:.68;transform:scale(1.18)rotate(8deg)}}@keyframes auth-progress{0%{transform:translate(-120%)}to{transform:translate(340%)}}.auth-register-state{background:radial-gradient(circle at 10% 12%,#ffc93c38 0 200px,#0000 201px),radial-gradient(circle at 90% 88%,#00b57026 0 260px,#0000 261px),radial-gradient(circle,#72e0bd1a 0 300px,#0000 301px),linear-gradient(150deg,#fffef9 0%,#f4fbf7 48%,#ebf8f1 100%);place-items:center;width:100%;max-width:none;min-height:100dvh;padding:32px 16px;position:relative;overflow-x:hidden}.register-glow{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.register-glow.glow-top{background:#ffd84d2e;width:260px;height:260px;top:-40px;left:20%}.register-glow.glow-bottom{background:#00b5701f;width:320px;height:320px;bottom:-60px;right:15%}.registration-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1;background:#fffffff0;border:1.5px solid #00502c1f;border-radius:30px;gap:20px;width:min(100%,480px);margin:0 auto;padding:36px 32px 28px;display:grid;position:relative;box-shadow:0 24px 64px #003c2414,0 4px 16px #00502c0a,inset 0 1px #fffc}.registration-header{text-align:center;justify-items:center;gap:6px;display:grid}.registration-brand-badge{background:linear-gradient(135deg,#e8f9f2 0%,#d3f3e5 100%);border:1px solid #00b57038;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:8px;display:grid;position:relative;box-shadow:0 10px 24px #00b57029}.brand-logo-wrap{place-items:center;animation:2.6s ease-in-out infinite auth-float;display:grid}.brand-stars-group{pointer-events:none;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.floating-star{color:var(--star-yellow,#ffc93c);filter:drop-shadow(0 2px 4px #b4820040);position:absolute}.floating-star.star-1{font-size:16px;animation:1.9s ease-in-out infinite auth-star;top:-2px;right:-2px}.floating-star.star-2{color:var(--pico-green,#00b570);font-size:14px;animation:2.2s ease-in-out .4s infinite auth-star;bottom:-2px;left:-2px}.floating-star.star-3{font-size:11px;animation:1.7s ease-in-out .8s infinite auth-star;top:45%;right:-10px}.registration-eyebrow{font-family:var(--display-latin,var(--display));letter-spacing:.12em;color:var(--pico-green,#00b570);background:#00b57014;border-radius:99px;align-items:center;gap:6px;margin:0;padding:4px 12px;font-size:.74rem;font-weight:800;display:inline-flex}.registration-eyebrow .sparkle-icon{color:var(--star-yellow,#ffc93c)}.registration-title{font-family:var(--display);color:var(--pico-dark-green,#00502c);margin:4px 0 0;font-size:clamp(1.6rem,5.2vw,1.95rem);font-weight:800;line-height:1.22}.registration-desc{color:var(--muted,#627269);margin:0;font-size:.92rem;line-height:1.45}.line-account-banner{background:linear-gradient(135deg,#06c75514 0%,#00b5700a 100%);border:1px solid #06c75538;border-radius:16px;align-items:center;gap:12px;padding:8px 12px;display:flex}.line-avatar-img{object-fit:cover;border:2px solid #06c755;border-radius:50%;flex-shrink:0;width:36px;height:36px}.line-avatar-placeholder{color:#06c755;background:#06c75526;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.line-account-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.line-account-tag{color:#059b43;align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:inline-flex}.line-account-name{color:var(--pico-midnight,#00192f);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.line-badge-pill{color:#fff;font-family:var(--display-latin,var(--display));letter-spacing:.04em;background:#06c755;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:800}.registration-fields{gap:18px;display:grid}.registration-group{gap:8px;margin:0;display:grid}.registration-label{color:var(--pico-dark-green,#00502c);align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:inline-flex}.registration-label .label-icon{color:var(--pico-green,#00b570)}.registration-label-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.child-count-hint-tag{color:var(--muted,#627269);font-size:.76rem}.registration-input-wrap{position:relative}.registration-input{border:1.5px solid var(--app-border,#dce9e1);width:100%;min-height:50px;color:var(--pico-midnight,#00192f);font-family:var(--body);box-sizing:border-box;background:#fff;border-radius:16px;padding:10px 16px;font-size:1rem;font-weight:500;transition:all .18s}.registration-input:focus{border-color:var(--pico-green,#00b570);background:#fff;outline:none;box-shadow:0 0 0 4px #00b57029}.registration-input-wrap.has-error .registration-input{background:snow;border-color:#dc3545}.registration-input-wrap.has-error .registration-input:focus{box-shadow:0 0 0 4px #dc354524}.registration-field-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.field-hint{color:var(--muted,#627269);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.field-hint .hint-check{color:var(--pico-green,#00b570)}.field-error{color:#dc3545;font-size:.78rem;font-weight:600}.registration-counter-panel{background:linear-gradient(#f9fdfa 0%,#f1f8f4 100%);border:1.5px solid #00502c1a;border-radius:20px;gap:12px;padding:16px 14px 14px;display:grid}.registration-counter{grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;display:grid}.counter-btn{border:2px solid var(--pico-dark-green,#00502c);width:48px;height:48px;color:var(--pico-dark-green,#00502c);font-family:var(--display);cursor:pointer;box-shadow:0 3px 0 var(--pico-dark-green,#00502c);background:#fff;border-radius:50%;place-items:center;font-size:1.6rem;font-weight:800;line-height:1;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,background .15s;display:grid}.counter-btn:hover:not(:disabled){box-shadow:0 5px 0 var(--pico-dark-green,#00502c);background:var(--sky-mint,#eef9f5);transform:translateY(-2px)}.counter-btn:active:not(:disabled){box-shadow:0 1px 0 var(--pico-dark-green,#00502c);transform:translateY(2px)}.counter-btn:disabled{opacity:.35;cursor:default;box-shadow:0 1px 0 var(--pico-dark-green,#00502c);transform:none}.counter-display{justify-content:center;align-items:baseline;gap:4px;display:flex}.counter-output{font-family:var(--display);color:var(--pico-dark-green,#00502c);font-size:2.3rem;font-weight:800;line-height:1}.counter-unit{color:var(--muted,#627269);font-size:1.05rem;font-weight:700}.child-preview-badges{justify-content:center;align-items:center;gap:8px;min-height:28px;display:flex}.child-star-badge{filter:drop-shadow(0 2px 4px #ffb40059);justify-content:center;align-items:center;font-size:1.25rem;animation:2s ease-in-out infinite auth-star;display:inline-flex}.child-star-badge.child-color-2{animation-delay:.25s}.child-star-badge.child-color-3{animation-delay:.5s}.child-star-badge.child-color-4{animation-delay:.75s}.child-star-badge.child-color-5{animation-delay:1s}.child-more-count{font-family:var(--display);color:var(--pico-dark-green,#00502c);background:#00b57026;border-radius:99px;padding:2px 8px;font-size:.82rem;font-weight:800}.child-count-presets{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.preset-chip{font-family:var(--body);color:var(--pico-dark-green,#00502c);cursor:pointer;text-align:center;background:#fff;border:1px solid #00502c26;border-radius:12px;padding:6px 4px;font-size:.84rem;font-weight:700;transition:all .15s}.preset-chip:hover{border-color:var(--pico-green,#00b570);background:var(--sky-mint,#eef9f5)}.preset-chip.active{background:var(--pico-dark-green,#00502c);color:#fff;border-color:var(--pico-dark-green,#00502c);box-shadow:0 3px 8px #00502c38}.registration-features{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.feature-pill{text-align:center;background:#00b5700d;border:1px solid #00b5701f;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex}.feature-emoji{font-size:1.15rem;line-height:1}.feature-text{color:var(--pico-dark-green,#00502c);font-size:.72rem;font-weight:700;line-height:1.2}.registration-submit-button{border-color:var(--pico-dark-green,#00502c);width:100%;min-height:52px;box-shadow:0 4px 0 var(--pico-dark-green,#00502c), 0 10px 24px #00b57040;background:linear-gradient(135deg,#00b570 0%,#00965c 100%);border-radius:16px;gap:8px;font-size:1.05rem;font-weight:800}.registration-submit-button:hover{box-shadow:0 6px 0 var(--pico-dark-green,#00502c), 0 12px 28px #00b57052;background:linear-gradient(135deg,#02c77d 0%,#00a465 100%)}.btn-sparkle{color:var(--star-yellow,#ffc93c)}.registration-footer-note{text-align:center;color:#789087;margin:0;font-size:.78rem;line-height:1.4}@media (max-width:480px){.registration-card{border-radius:24px;gap:16px;padding:26px 18px 22px}.registration-brand-badge{border-radius:20px;width:66px;height:66px}.registration-counter{grid-template-columns:44px 1fr 44px}.counter-btn{width:44px;height:44px;font-size:1.4rem}.counter-output{font-size:2rem}.registration-features{gap:6px}}@media (max-width:620px){.page-header:has(.row-actions){flex-wrap:wrap;align-items:flex-start}.page-header:has(.row-actions) h1{flex-basis:calc(100% - 58px)}.home-journey{flex-direction:column;align-items:flex-start}.submission-actions .button{width:100%}.quality-options{grid-template-columns:1fr}.map-node{grid-template-columns:auto minmax(0,1fr)}.node-reward{text-align:left;grid-column:2}.node-reward small{max-width:none}.storybook-stats,.storybook-how ol{grid-template-columns:1fr}.storybook-week-nav{grid-template-columns:1fr 1fr}.storybook-week-nav>div{grid-area:1/1/auto/-1}.storybook-week-nav button:last-child{justify-self:end}.stat-pill{text-align:left;flex-direction:row;justify-content:flex-start;padding-inline-start:14px;padding-inline-end:14px}}@media (max-width:420px){.app-main{padding-inline-start:14px;padding-inline-end:14px}.page-header h1{font-size:1.25rem}.explorer-header{grid-template-columns:auto minmax(0,1fr)}.explorer-star-box{grid-column:1/-1}.quick-points{grid-template-columns:repeat(2,1fr)}.submission-head{grid-template-columns:auto minmax(0,1fr)}.badge-points{grid-column:2;justify-self:start}.modal-content{padding:22px 18px}.modal-footer{flex-direction:column-reverse}.modal-footer .button{width:100%}.auth-loading-state{padding:14px}.auth-loading-card{border-radius:27px;padding:34px 22px 28px}}@media (min-width:768px){.app-shell{padding-top:18px}.app-desktop-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #00502c21;border-radius:22px;width:min(100% - 48px,1120px);max-width:none;min-height:70px;margin:0 auto;padding:10px 14px 10px 18px;box-shadow:0 12px 38px #00502c14}.app-wordmark span{line-height:1.15;display:grid}.app-wordmark b{font-family:var(--public-display-latin);font-size:1.03rem}.app-wordmark small{color:var(--muted);font-family:var(--body);margin-top:3px;font-size:.68rem;font-weight:600}.app-desktop-header nav a{font-family:var(--body);font-size:.86rem}.bottom-nav{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #00502c21;border-radius:999px;gap:3px;width:max-content;max-width:calc(100% - 48px);margin:14px auto 0;padding:5px;position:sticky;top:12px;box-shadow:0 8px 28px #00502c14}.bottom-nav a{background:0 0;border:0;min-height:42px;padding:8px 16px}.bottom-nav a.active{background:var(--pico-dark-green);color:#fff}.bottom-nav a.active .nav-icon{color:#fff}.app-main{max-width:1120px;padding:34px 28px 64px}.task-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inbox-list{grid-template-columns:repeat(2,minmax(0,1fr))}.redemption{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.redemption>.row-actions{grid-column:auto;justify-content:flex-end}}@media (min-width:1040px){.app-main{padding-inline-start:44px;padding-inline-end:44px}.dashboard-head,.point-balance-card,.reward-progress{max-width:920px;margin-inline-start:auto;margin-inline-end:auto}}@media (prefers-reduced-motion:reduce){.home-mission,.task-card,.reward,.map-node{transition:none}.auth-loading-orbit,.auth-loading-logo,.auth-loading-star,.auth-loading-progress span{animation:none}.auth-loading-progress span{width:100%;transform:none}}.dashboard-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin-bottom:16px;display:grid}@media (max-width:640px){.dashboard-feature-grid{gap:8px;margin-bottom:14px}}.dashboard-feature-card{height:100%;color:inherit;box-sizing:border-box;text-align:left;border-radius:16px;flex-direction:column;justify-content:space-between;padding:10px 11px 9px;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative;overflow:hidden}.dashboard-feature-card:hover{transform:translateY(-2px)}.ef-feature-card{background:linear-gradient(155deg,#fff 0%,#f0fdf4 52%,#ecfeff 100%);border:1.5px solid #10b98138;box-shadow:0 3px 12px -2px #10b98114,0 2px 5px #00000005}.ef-feature-card:hover{border-color:#10b98173;box-shadow:0 8px 20px -3px #10b98133}.stories-feature-card{background:linear-gradient(155deg,#fff 0%,#fffbeb 50%,#fef2f2 100%);border:1.5px solid #f59e0b40;box-shadow:0 3px 12px -2px #f59e0b14,0 2px 5px #00000005}.stories-feature-card:hover{border-color:#f59e0b7a;box-shadow:0 8px 20px -3px #f59e0b33}.feature-card-top-row{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:6px;display:flex}.feature-card-visual{border-radius:10px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000012}.ef-visual{background:#ecfdf5;border:1px solid #10b98138}.stories-visual{background:#fffbeb;border:1px solid #f59e0b38}.feature-card-img{object-fit:cover;width:100%;height:100%;display:block}.feature-card-badge{letter-spacing:-.01em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.62rem;font-weight:700;line-height:1.2}.ef-badge{color:#047857;background:#dcfce7;border:1px solid #10b98140}.stories-badge{color:#b45309;background:#fef3c7;border:1px solid #f59e0b40}.feature-card-body{text-align:left;flex-direction:column;gap:2px;width:100%;min-width:0;margin-bottom:6px;display:flex}.feature-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;margin:0;font-size:.86rem;font-weight:800;line-height:1.25;display:flex;overflow:hidden}.feature-title-sparkle{flex-shrink:0}.ef-sparkle{color:#10b981}.stories-book-icon{color:#f59e0b}.feature-card-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.68rem;font-weight:500;line-height:1.25;overflow:hidden}.feature-card-footer{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:2px;display:flex}.feature-card-pill{border-radius:999px;align-items:center;gap:3px;padding:1.5px 6px;font-size:.62rem;font-weight:700;line-height:1.2;display:inline-flex}.ef-pill{color:#92400e;background:#fef3c7e6}.stories-pill{color:#9d174d;background:#fce7f3e6}.feature-arrow-btn{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex}.ef-arrow{background:#10b981;box-shadow:0 1.5px 5px #10b98159}.stories-arrow{background:#f59e0b;box-shadow:0 1.5px 5px #f59e0b59}.dashboard-feature-card:hover .feature-arrow-btn{transform:translate(2px)scale(1.05)}@media (max-width:380px){.dashboard-feature-card{border-radius:14px;padding:8px 9px 7px}.feature-card-visual{border-radius:8px;width:32px;height:32px}.feature-card-title{font-size:.8rem}.feature-card-subtitle{font-size:.64rem}.feature-card-badge{padding:1.5px 5px;font-size:.58rem}.feature-card-pill{padding:1px 4px;font-size:.58rem}.feature-arrow-btn{width:18px;height:18px}}.stories-catalog-screen{max-width:960px;margin:0 auto;padding:16px}.stories-filter-bar{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.stories-search-box{align-items:center;display:flex;position:relative}.stories-search-box input{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:10px 38px;font-size:.9rem;transition:border-color .2s}.stories-search-box input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.stories-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:10px}.stories-age-filter{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.stories-age-filter::-webkit-scrollbar{display:none}.age-tier-pill{color:#475569;white-space:nowrap;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 13px;font-size:.76rem;font-weight:700;transition:all .16s}.age-tier-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.age-tier-pill.active{color:#fff;background:#1e293b;border-color:#1e293b;box-shadow:0 2px 6px #0f172a33}.stories-category-tabs{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.stories-category-tabs::-webkit-scrollbar{display:none}.category-tab{color:#64748b;white-space:nowrap;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:700;transition:all .18s}.category-tab.active{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#d97706;box-shadow:0 2px 8px #d9770640}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.story-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;transition:all .22s;overflow:hidden;box-shadow:0 4px 18px #0000000d}.story-card:hover{border-color:#fde68a;transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.story-card-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.story-cover-container{aspect-ratio:4/3;background:#f8fafc;position:relative;overflow:hidden}.story-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.story-card:hover .story-cover-img{transform:scale(1.03)}.story-cover-chips{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px}.story-age-chip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800}.story-pages-chip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b981e6;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800}.story-coloring-chip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ec4899e6;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.story-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.story-title{color:#1e293b;margin:0 0 6px;font-size:1.1rem;font-weight:800;line-height:1.35}.story-summary{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 14px;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.story-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.story-price-badge .promo-price{color:#e11d48;font-size:1rem;font-weight:800}.story-price-badge .base-price-strike{color:#94a3b8;margin-left:6px;font-size:.75rem;text-decoration:line-through}.purchased-tag{color:#059669;align-items:center;gap:4px;font-size:.8rem;font-weight:800;display:inline-flex}.read-story-btn{color:#d97706;align-items:center;gap:2px;font-size:.84rem;font-weight:800;display:inline-flex}.stories-heading-actions{align-items:center;gap:8px;display:flex}.stories-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .16s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.stories-refresh-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.stories-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.stories-refresh-btn.spinning svg{animation:.8s linear infinite stories-spin}@keyframes stories-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stories-pagination-bar{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;gap:14px;margin-top:32px;padding:16px 20px;display:flex;box-shadow:0 4px 14px #0000000a}@media (min-width:640px){.stories-pagination-bar{flex-direction:row}}.stories-pagination-info{color:#64748b;font-size:.85rem;font-weight:600}.stories-pagination-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-arrow-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .16s;display:inline-flex}.pagination-arrow-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.pagination-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-page-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:.85rem;font-weight:700;transition:all .16s;display:inline-flex}.pagination-page-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.pagination-page-btn.active{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 6px #f59e0b59}.infinite-scroll-footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:32px;margin-bottom:24px;padding:16px 20px;display:flex}.infinite-scroll-info{color:#64748b;font-size:.88rem;font-weight:600}.infinite-scroll-sentinel{pointer-events:none;opacity:0;width:100%;height:20px}.infinite-scroll-completed{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.load-more-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .16s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.load-more-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.games-hero-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.story-reader-container{max-width:900px;margin:0 auto;padding:12px 16px 32px}.story-reader-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.back-catalog-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:700;transition:all .18s;display:inline-flex}.back-catalog-btn:hover{background:#f8fafc;border-color:#cbd5e1}.story-nav-mode-tabs{background:#f1f5f9;border-radius:14px;gap:4px;padding:4px;display:flex}.mode-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .18s;display:inline-flex}.mode-tab.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #0000000f}.story-header-actions{gap:8px;display:flex}.story-action-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:700;transition:all .18s;display:inline-flex}.share-btn{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.share-btn:hover{background:#dbeafe}.download-btn{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.download-btn:hover{background:#d1fae5}.story-share-toast{color:#fff;background:#10b981;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:.82rem;font-weight:700;display:flex}.story-page-viewport{background:#fff;border:2px solid #fef3c7;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000014}.story-scene-wrapper{aspect-ratio:4/3;background:#f8fafc;width:100%;max-height:520px;position:relative;overflow:hidden}.story-scene-img{object-fit:cover;width:100%;height:100%;display:block}.page-indicator-pill{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172acc;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.76rem;font-weight:800;display:inline-flex;position:absolute;top:14px;right:14px}.story-narrative-card{background:linear-gradient(#fff 0%,#fffbeb 100%);border-top:2px solid #fef3c7;padding:20px 24px}.moral-title-badge{color:#92400e;background:#fef3c7;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.story-text-content{color:#1e293b;letter-spacing:.01em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.6}.story-controls-bar{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.reader-arrow-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:6px;padding:9px 18px;font-size:.9rem;font-weight:800;transition:all .18s;display:inline-flex}.prev-btn{color:#475569;background:#f1f5f9}.prev-btn:hover:not(:disabled){background:#e2e8f0}.prev-btn:disabled{opacity:.4;cursor:not-allowed}.next-btn{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #d9770640}.next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #d9770659}.finish-btn{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);box-shadow:0 4px 12px #db277740}.reader-dots-nav{align-items:center;gap:6px;display:flex}.reader-dot{cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.reader-dot.active{background:#f59e0b;transform:scale(1.35)}.reader-dot.moral-dot{background:#f472b6}.reader-dot.moral-dot.active{background:#db2777}.story-coloring-stage{background:#fff;border:2px solid #fce7f3;border-radius:24px;padding:24px;box-shadow:0 8px 32px #00000014}.coloring-header-info{text-align:center;margin-bottom:20px}.coloring-header-info h2{color:#831843;justify-content:center;align-items:center;gap:8px;margin:0 0 6px;font-size:1.3rem;font-weight:800;display:flex}.coloring-header-info p{color:#64748b;margin:0;font-size:.86rem}.coloring-viewer-container{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.coloring-main-sheet{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;width:100%;max-width:480px;padding:16px;box-shadow:0 4px 16px #0000000f}.coloring-sheet-img{border-radius:8px;width:100%;height:auto;margin-bottom:10px;display:block}.coloring-sheet-title{color:#1e293b;margin:0;font-size:1rem;font-weight:800}.coloring-thumbs-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.coloring-thumb-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:80px;padding:8px;transition:all .18s;display:flex}.coloring-thumb-btn img{object-fit:cover;border-radius:6px;width:54px;height:72px}.coloring-thumb-btn span{color:#64748b;font-size:.72rem;font-weight:800}.coloring-thumb-btn.active{background:#fdf2f8;border-color:#ec4899;box-shadow:0 4px 12px #ec489933}.coloring-thumb-btn.active span{color:#db2777}.coloring-bottom-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stories-catalog-screen{max-width:1040px;padding:18px 20px 44px}.stories-catalog-hero{background:radial-gradient(circle at 18% 22%,#fffffff2 0 2px,#0000 3px),linear-gradient(125deg,#fff7dc 0%,#f5f8e9 48%,#e4f7f1 100%);border:1px solid #d9eadf;border-radius:30px;margin-bottom:22px;padding:28px clamp(22px,5vw,52px);position:relative;overflow:hidden;box-shadow:0 18px 45px #25523d17}.stories-catalog-hero:after{content:"";background:#ffc2482b;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-125px;right:-70px}.stories-filter-bar{gap:16px;margin-bottom:30px}.stories-search-box input{border:2px solid #f4b12f;border-radius:18px;min-height:54px;padding:12px 44px;font-size:1rem;box-shadow:0 6px #f59e0b14}.stories-category-tabs{gap:10px}.category-tab{border-radius:16px;padding:9px 18px}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px}.story-card{border:2px solid #f2cf69;border-radius:26px;box-shadow:0 16px 35px #2b4c3a1a}.story-card.is-locked{border-color:#dce8df}.story-card.is-locked:hover{border-color:#99cdae}.story-cover-container{aspect-ratio:16/10}.story-card-body{padding:20px 22px}.story-title{color:#233145;font-size:1.2rem}.story-summary{font-size:.9rem;line-height:1.7}.story-pages-chip,.story-coloring-chip{align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;display:inline-flex}.story-cover-lock{color:#fff;-webkit-backdrop-filter:saturate(.8);backdrop-filter:saturate(.8);background:linear-gradient(#132b2014,#132b20b8);place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.story-cover-lock span{color:#12683e;background:#fff8d9;border:3px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 22px #0000002b}.story-cover-lock b{text-shadow:0 2px 6px #0000004d;font-size:.9rem}.story-card-footer{min-height:42px}.story-access-label{align-items:center;gap:5px;font-size:.76rem;font-weight:800;display:inline-flex}.story-access-label.ready{color:#07834f}.story-access-label.locked{color:#8b6a16}.story-gate-backdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d1f1785;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.story-package-gate{background:linear-gradient(135deg,#fff9e8 0%,#f4fff9 100%);border:2px solid #cfe8d8;border-radius:32px;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:clamp(24px,4vw,46px);max-width:840px;margin:26px auto;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #143d2a26}.story-package-gate.is-modal{width:min(820px,94vw);margin:0}.story-gate-cover{position:relative;transform:rotate(-2deg)}.story-gate-cover img{border:8px solid #fff;border-radius:24px;width:100%;display:block;box-shadow:0 16px 32px #2b4d3b2e}.story-gate-cover>span{color:#fff;background:#0d8a51;border:5px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;bottom:-10px;right:-10px}.story-gate-cover.game-gate-cover{width:130px;height:130px;margin:0 auto;transform:none}.game-gate-icon-box{background:linear-gradient(135deg,#fef3c7 0%,#ede9fe 100%);border:5px solid #fff;border-radius:28px;place-items:center;width:130px;height:130px;display:grid;box-shadow:0 16px 32px #2b4d3b2e}.game-gate-emoji{font-size:64px;line-height:1}.story-gate-cover.game-gate-cover>span{border-width:4px;width:44px;height:44px;bottom:-6px;right:-6px}.story-gate-eyebrow{color:#a46b08;letter-spacing:.04em;align-items:center;gap:7px;margin:0 0 9px;font-size:.8rem;font-weight:900;display:flex}.story-gate-copy h2{color:#123a28;margin:0 0 10px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.story-gate-copy>p:not(.story-gate-eyebrow){color:#52675c;margin:0;line-height:1.75}.story-gate-actions{align-items:center;gap:16px;margin-top:22px;display:flex}.story-gate-actions .button{align-items:center;gap:7px;display:inline-flex}.story-gate-later{color:#667b70;cursor:pointer;background:0 0;border:0;font-weight:800}.story-gate-close{z-index:2;color:#51655a;cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.story-gate-doodle{color:#efad24;opacity:.45;font-size:34px;position:absolute}.story-gate-doodle.doodle-one{top:24px;right:54px}.story-gate-doodle.doodle-two{color:#ef7391;bottom:18px;right:20px}.story-reader-container{max-width:1180px;padding:14px 24px 46px}.story-detail-hero{background:linear-gradient(130deg,#fff9e6,#effaf4);border:1px solid #deebe2;border-radius:30px;margin-bottom:30px;padding:24px;box-shadow:0 16px 42px #2a4a391a}.story-detail-grid{grid-template-columns:minmax(260px,.82fr) 1.18fr;align-items:center;gap:clamp(26px,5vw,58px);padding:24px 20px 8px;display:grid}.story-detail-cover{position:relative;transform:rotate(-1.2deg)}.story-detail-cover img{border:9px solid #fff;border-radius:25px;width:100%;display:block;box-shadow:0 20px 42px #294d3a30}.story-detail-shine{color:#ffb51b;filter:drop-shadow(0 5px 8px #ffb51b33);font-size:52px;position:absolute;top:-17px;right:-12px}.story-detail-eyebrow{color:#08764a;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 11px;font-size:.8rem;font-weight:900;display:flex}.story-detail-copy h1{color:#172b3d;margin:0 0 13px;font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.2}.story-detail-copy>p:not(.story-detail-eyebrow){color:#607268;margin:0;line-height:1.8}.story-detail-meta{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.story-detail-meta span{color:#35624b;background:#ffffffc7;border:1px solid #d7e8de;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.story-start-reading{color:#fff;cursor:pointer;background:linear-gradient(135deg,#11955a,#087143);border:0;border-radius:15px;align-items:center;gap:8px;padding:12px 20px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #0871433b}.story-detail-page{max-width:1160px;margin:0 auto;padding:16px 20px 70px;animation:.3s ease-out fadeInStory}@keyframes fadeInStory{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.story-detail-nav-bar{justify-content:space-between;align-items:center;margin-bottom:20px;padding:6px 2px;display:flex}.story-detail-breadcrumbs{align-items:center;gap:10px;font-size:.88rem;display:flex}.story-back-catalog-link{color:#0b7a4d;background:#fff;border:1px solid #dbeae0;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-weight:750;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 6px #00000008}.story-back-catalog-link:hover{color:#075f3a;background:#eef8f3;transform:translate(-2px)}.breadcrumb-separator{color:#a4b7ab;font-size:.82rem}.breadcrumb-current-cat{color:#4b6356;background:#dceee48c;border-radius:8px;padding:4px 11px;font-size:.82rem;font-weight:700}.story-share-icon-btn{color:#556e61;cursor:pointer;background:#fff;border:1px solid #dbeae0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:700;transition:all .18s;display:inline-flex}.story-share-icon-btn:hover{color:#0b7a4d;background:#f4faf7}.story-detail-hero-modern{background:linear-gradient(135deg,#fff 0%,#f9fdfa 55%,#f1f8f4 100%);border:1px solid #daece1;border-radius:36px;grid-template-columns:minmax(280px,380px) 1fr;align-items:center;gap:clamp(28px,5vw,60px);margin-bottom:40px;padding:34px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #133a2614,0 2px 10px #133a2608}.story-detail-hero-modern:before{content:"";pointer-events:none;background:radial-gradient(circle,#fef3c78c 0%,#fef3c700 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.story-hero-cover-col{perspective:1200px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.story-book-3d-wrapper{width:100%;max-width:320px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateY(-7deg)rotateX(3deg)}.story-book-3d-wrapper:hover{transform:rotateY(-2deg)rotateX(1deg)translateY(-4px)}.story-book-3d-cover{background:#fff;border:5px solid #fff;border-radius:20px 24px 24px 20px;position:relative;overflow:hidden;box-shadow:-4px 4px 12px #00000014,14px 20px 40px #12342333}.story-book-spine{z-index:4;pointer-events:none;background:linear-gradient(90deg,#00000038 0%,#fff6 35%,#00000026 75%,#0000 100%);width:18px;position:absolute;top:0;bottom:0;left:0}.story-cover-main-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.story-book-gloss{pointer-events:none;z-index:3;background:linear-gradient(135deg,#ffffff59 0%,#0000 45%);position:absolute;top:0;bottom:0;left:0;right:0}.story-book-corner-ribbon{color:#fff;z-index:5;letter-spacing:.02em;background:linear-gradient(135deg,#10b981,#059669);padding:4px 34px;font-size:.72rem;font-weight:850;position:absolute;top:14px;right:-32px;transform:rotate(45deg);box-shadow:0 4px 10px #05966959}.story-book-shadow{filter:blur(5px);z-index:-1;background:radial-gradient(#0e2e1f42 0%,#0e2e1f00 70%);height:22px;position:absolute;bottom:-18px;left:10%;right:10%}.story-hero-shine{pointer-events:none;font-size:32px;animation:4s ease-in-out infinite alternate floatSparkle;position:absolute}.story-hero-shine.shine-1{top:-10px;left:10px}.story-hero-shine.shine-2{font-size:24px;animation-delay:1.5s;bottom:-4px;right:14px}@keyframes floatSparkle{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.1)}}.story-hero-info-col{flex-direction:column;gap:16px;min-width:0;display:flex}.story-kicker-pill{color:#047857;letter-spacing:.04em;background:#10b9811f;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:850;display:inline-flex}.story-detail-main-title{color:#11281e;letter-spacing:-.02em;margin:0;font-size:clamp(1.8rem,3.8vw,2.65rem);font-weight:900;line-height:1.22}.story-meta-stats-row{flex-wrap:wrap;gap:8px;display:flex}.meta-stat-pill{color:#315843;background:#fff;border:1px solid #d5e6db;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:750;display:inline-flex}.meta-stat-pill.age{color:#dc2626;background:#fff5f5;border-color:#fecaca}.meta-stat-pill.coloring{color:#c026d3;background:#fdf4ff;border-color:#f5d0fe}.story-synopsis-card{background:#fff;border:1px solid #e1eee6;border-radius:20px;padding:18px 22px 18px 36px;position:relative;box-shadow:0 4px 16px #163b290a}.synopsis-quote-mark{color:#a7d3bb;pointer-events:none;font-family:Georgia,serif;font-size:32px;line-height:1;position:absolute;top:4px;left:12px}.story-synopsis-text{color:#4b6355;margin:0;font-size:.98rem;font-weight:550;line-height:1.8}.story-hero-cta-group{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.story-cta-start-reading{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:0;border-radius:20px;align-items:center;gap:14px;padding:14px 26px;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 24px #05966952}.story-cta-start-reading:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 14px 30px #05966966}.story-cta-start-reading:active{transform:translateY(0)}.cta-icon-box{background:#ffffff38;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.cta-text-box{text-align:left;flex-direction:column;display:flex}.cta-label-title{letter-spacing:-.01em;font-size:1.15rem;font-weight:900}.cta-label-sub{opacity:.92;font-size:.74rem;font-weight:600}.cta-arrow{margin-left:2px;transition:transform .2s}.story-cta-start-reading:hover .cta-arrow{transform:translate(4px)}.story-cta-coloring{color:#a21caf;cursor:pointer;background:#fdf4ff;border:1.5px solid #f0abfc;border-radius:20px;align-items:center;gap:8px;padding:15px 22px;font-size:.95rem;font-weight:850;transition:all .18s;display:inline-flex}.story-cta-coloring:hover{background:#fae8ff;transform:translateY(-2px);box-shadow:0 6px 16px #c026d326}.story-access-status-indicator{margin-top:-2px}.access-status-text{align-items:center;gap:7px;font-size:.82rem;font-weight:750;display:inline-flex}.access-status-text.ready{color:#059669}.access-status-text.locked{color:#b45309}.access-status-text.locked a{color:#059669;font-weight:850;text-decoration:underline}.story-detail-section{margin-bottom:44px}.section-header-compact{margin-bottom:20px}.section-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.section-tag-badge{color:#067245;background:#eef8f3;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:850;display:inline-flex}.section-header-compact h2{color:#173225;margin:0;font-size:1.42rem;font-weight:850}.section-subtext{color:#63776b;margin:0;font-size:.88rem}.story-skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.story-skill-card{background:#fff;border:1px solid #e1efe7;border-radius:20px;align-items:flex-start;gap:14px;padding:18px;transition:all .2s;display:flex;box-shadow:0 4px 14px #163b2908}.story-skill-card:hover{border-color:#b9e0cb;transform:translateY(-2px);box-shadow:0 8px 22px #163b2914}.skill-card-icon{background:#f2faf5;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.skill-card-body h3{color:#193828;margin:0 0 4px;font-size:.96rem;font-weight:800}.skill-card-body p{color:#5e7467;margin:0;font-size:.84rem;line-height:1.55}.story-moral-glow-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 40%,#fffdf5 100%);border:1.5px solid #fde68a;border-radius:28px;padding:26px 30px;box-shadow:0 10px 30px #d9770614}.moral-glow-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.moral-star-icon{background:#fef08a;border:2px solid #fef9c3;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.moral-tag{color:#b45309;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850;display:block}.moral-glow-header h3{color:#78350f;margin:0;font-size:1.25rem;font-weight:850}.moral-quote-highlight{color:#92400e;margin:0 0 16px;font-size:1.15rem;font-weight:750;line-height:1.7}.moral-parent-prompt{background:#fffc;border:1px dashed #fcd34d;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.moral-parent-prompt .prompt-icon{color:#d97706;flex-shrink:0;margin-top:2px}.moral-parent-prompt p{color:#78350f;margin:0;font-size:.84rem;line-height:1.55}.story-preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.preview-page-card{background:#fff;border:1px solid #e1ece6;border-radius:20px;padding:10px;transition:transform .2s;overflow:hidden;box-shadow:0 4px 14px #0000000a}.preview-page-card:hover{transform:translateY(-3px)}.preview-img-container{aspect-ratio:4/3;background:#edf5f0;border-radius:14px;position:relative;overflow:hidden}.preview-img-container img{object-fit:cover;width:100%;height:100%;display:block}.preview-page-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#143224bf;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:800;position:absolute;top:8px;left:8px}.preview-page-title{color:#233e30;margin:10px 4px 2px;font-size:.92rem;font-weight:800}.preview-more-teaser-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#f0fdf4 0%,#e6f7ed 100%);border:1.5px dashed #86efac;border-radius:20px;place-items:center;padding:24px;transition:all .2s;display:grid}.preview-more-teaser-card:hover{background:#dcfce7;transform:translateY(-3px)}.teaser-icon{color:#10b981;margin-bottom:10px}.teaser-content h4{color:#166534;margin:0 0 6px;font-size:1.05rem;font-weight:850}.teaser-content p{color:#4a755d;margin:0 0 14px;font-size:.82rem;line-height:1.45}.teaser-btn{color:#fff;background:#10b981;border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font-size:.82rem;font-weight:850;display:inline-flex}.story-coloring-previews-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.coloring-preview-card{cursor:pointer;background:#fff;border:1px solid #f3d8e8;border-radius:20px;padding:10px;transition:all .2s;box-shadow:0 4px 14px #a21caf0a}.coloring-preview-card:hover{border-color:#e879f9;transform:translateY(-3px);box-shadow:0 8px 20px #a21caf1a}.coloring-card-img-wrap{aspect-ratio:1;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:14px;position:relative;overflow:hidden}.coloring-card-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.coloring-card-num{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#86198fbf;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:800;position:absolute;top:8px;left:8px}.coloring-card-title{color:#581c87;margin:10px 4px 2px;font-size:.88rem;font-weight:800}.coloring-section-footer{justify-content:center;margin-top:18px;display:flex}.story-mobile-sticky-cta{z-index:85;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-top:1px solid #d8eae0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #0f2d1e14}.sticky-cta-info{align-items:center;gap:10px;min-width:0;display:flex}.sticky-cover-mini{object-fit:cover;border:1px solid #d8eae0;border-radius:10px;flex-shrink:0;width:42px;height:42px}.sticky-text{flex-direction:column;min-width:0;display:flex}.sticky-title{color:#173225;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:800;overflow:hidden}.sticky-meta{color:#63776b;font-size:.72rem}.sticky-read-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:0;border-radius:14px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:.88rem;font-weight:850;display:inline-flex;box-shadow:0 4px 12px #0596694d}.story-reader-header-left{align-items:center;gap:12px;min-width:0;display:flex}.back-detail-btn{color:#1a5639;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d5e6dc;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:800;transition:all .18s;display:inline-flex}.back-detail-btn:hover{color:#0d8450;background:#edf7f1}.reader-story-title{color:#163626;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.95rem;font-weight:850;overflow:hidden}.story-dialogue-text{color:#047857;background:#d1fae573;border-radius:6px;padding:1px 4px;font-weight:750}.story-page-content-text{color:#2c4235;margin:0;font-size:clamp(1rem,1.6vw,1.18rem);font-weight:600;line-height:1.85}.story-finish-celebration{text-align:center;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;border-radius:24px;max-width:640px;margin:24px auto 8px;padding:24px 28px;animation:.3s cubic-bezier(.16,1,.3,1) popInCelebration;box-shadow:0 12px 32px #10b9811f}@keyframes popInCelebration{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.celebration-sparkle{margin-bottom:6px;font-size:42px;animation:2s ease-in-out infinite alternate floatSparkle}.story-finish-celebration h3{color:#166534;margin:0 0 6px;font-size:1.28rem;font-weight:900}.story-finish-celebration p{color:#3b6e51;margin:0 0 18px;font-size:.88rem}.celebration-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.celebration-action-btn{align-items:center;gap:6px;font-weight:800;display:inline-flex}.celebration-ghost-btn{color:#436d55;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:5px;padding:8px 12px;font-size:.84rem;font-weight:750;display:inline-flex}.celebration-ghost-btn:hover{color:#166534;background:#16653414}.story-locked-preview{background:#f4f8f5;border-radius:28px;grid-template-columns:minmax(220px,380px) 1fr;align-items:center;gap:32px;margin:24px 0;padding:26px;display:grid}.story-locked-preview img{filter:saturate(.75);border-radius:22px;width:100%}.story-locked-preview p{color:#0b8150;font-weight:900}.story-locked-preview h1{color:#1d3141;font-size:clamp(1.6rem,3vw,2.45rem)}.story-locked-preview span{color:#65746c;line-height:1.7}.story-reader-toolbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #dae7dfe6;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;scroll-margin-top:12px;display:flex;position:sticky;top:8px;box-shadow:0 8px 24px #203a2c14}.story-nav-mode-tabs{background:#edf6f0}.mode-tab.active{color:#08764a}.story-reading-stage{background:linear-gradient(145deg,#e6f7fb 0%,#f7fbf0 48%,#fff0d8 100%);border-radius:30px;padding:20px 42px 10px;overflow:hidden}.story-book-shell{justify-content:center;align-items:stretch;min-height:560px;display:flex;position:relative}.story-book-spread{background:#fff;border:10px solid #fff;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,980px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 48px #162e2233}.story-book-spread:after{content:"";z-index:3;opacity:.45;pointer-events:none;background:linear-gradient(90deg,#0000001f,#ffffffbf 45%,#00000017);width:16px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.story-book-spread.single-page{grid-template-columns:minmax(0,1fr);max-width:560px}.story-book-spread.single-page:after{display:none}.story-book-page{background:#fffdf8;flex-direction:column;min-width:0;display:flex}.story-book-page+.story-book-page{border-left:1px solid #e8e1d5}.story-book-illustration{aspect-ratio:4/3;background:#eef6ee;position:relative;overflow:hidden}.story-book-illustration img{object-fit:cover;width:100%;height:100%;display:block}.book-page-number{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#163427b8;border-radius:999px;min-width:30px;padding:5px 9px;font-size:.72rem;font-weight:900;position:absolute;top:12px;right:12px}.story-book-copy{background:linear-gradient(#fffdf9,#fff8e9);flex:1;padding:18px 22px 22px}.story-book-copy h2{color:#2a3c31;align-items:center;gap:7px;margin:0 0 7px;font-size:1.08rem;display:flex}.story-book-copy p{color:#34463b;margin:0;font-size:clamp(.9rem,1.55vw,1.08rem);font-weight:650;line-height:1.75}.story-book-page.moral-page .story-book-copy{background:linear-gradient(145deg,#fff7d8,#ffe9ec)}.story-book-page.moral-page .story-book-copy h2{color:#a65322}.book-side-arrow{z-index:8;color:#fff;cursor:pointer;background:#152d22b8;border:0;place-items:center;width:54px;height:98px;transition:all .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.book-side-arrow.previous{border-radius:16px 0 0 16px;left:-42px}.book-side-arrow.next{border-radius:0 16px 16px 0;right:-42px}.book-side-arrow:hover:not(:disabled){background:#0c8450}.book-side-arrow:disabled{opacity:.22;cursor:not-allowed}.story-book-progress{color:#527061;flex-direction:column;align-items:center;gap:10px;padding:18px 0 8px;font-size:.8rem;font-weight:900;display:flex}.reader-dots-nav{flex-wrap:wrap;justify-content:center}.reader-dot{width:9px;height:9px}.reader-dot.active{background:#0b8b53}.story-coloring-stage{background:linear-gradient(145deg,#fff,#fff8fb);border-color:#f6c9dc}.coloring-header-info{max-width:680px;margin:0 auto 25px}.coloring-kicker{letter-spacing:.1em;justify-content:center;align-items:center;gap:7px;font-weight:900;display:flex;color:#d6337c!important;font-size:.75rem!important}.coloring-header-info h2{color:#6f2449;font-size:clamp(1.4rem,3vw,2rem)}.coloring-viewer-container{grid-template-columns:minmax(260px,480px) minmax(90px,130px);justify-content:center;align-items:center;display:grid}.coloring-main-sheet{border:8px solid #fff;max-width:500px;position:relative;box-shadow:0 18px 38px #5b29421f}.coloring-main-sheet h3{color:#472e3a;margin:12px 4px 2px;font-size:1rem}.coloring-preview-lock{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#56213cdb;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:.8rem;font-weight:900;display:inline-flex;position:absolute;top:46%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}.coloring-viewer-container.is-locked .coloring-sheet-img{filter:blur(1.4px)saturate(.5);opacity:.75}.coloring-thumbs-row{flex-direction:column}.coloring-thumb-btn{width:96px}.coloring-thumb-btn img{width:68px;height:80px}.coloring-download-card{border-radius:22px;grid-template-columns:1fr auto auto;align-items:center;gap:22px;max-width:880px;margin:28px auto 12px;padding:22px 24px;display:grid}.coloring-download-card.is-free{background:#effbf4;border:1px solid #a9ddc0}.coloring-download-card.is-paid{background:linear-gradient(135deg,#fff7d9,#fffdf5);border:1px solid #f3ca79}.coloring-download-card>div:first-child>span{color:#9b6810;align-items:center;gap:6px;font-size:.76rem;font-weight:900;display:inline-flex}.coloring-download-card.is-free>div:first-child>span{color:#087647}.coloring-download-card h3{color:#3e2f24;margin:6px 0 3px;font-size:1.12rem}.coloring-download-card p{color:#6b655c;margin:0;font-size:.82rem;line-height:1.55}.coloring-price-box{white-space:nowrap;flex-direction:column;align-items:center;display:flex}.coloring-price-box strong{color:#df285b;font-size:1.45rem}.coloring-price-box small{color:#9d9993;text-decoration:line-through}.coloring-checkout-inline{border-top:1px dashed #ddc086;grid-column:1/-1;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding-top:16px;display:grid}.coloring-checkout-container{border-top:1.5px dashed #ddc086;flex-direction:column;grid-column:1/-1;align-items:center;gap:20px;width:100%;padding-top:20px;display:flex}.coloring-checkout-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;width:100%;display:flex}.coloring-slip-section{background:#fff;border:1.5px solid #ebd39b;border-radius:20px;flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:320px;padding:20px;display:flex;box-shadow:0 4px 14px #0000000d}.coloring-slip-header{align-items:flex-start;gap:10px;display:flex}.coloring-slip-icon{color:#c98b1d;flex-shrink:0;margin-top:2px}.coloring-slip-header h4{color:#3e2f24;margin:0 0 3px;font-size:.96rem;font-weight:800}.coloring-slip-header p{color:#797166;margin:0;font-size:.78rem;line-height:1.45}.coloring-slip-preview{background:#fffdf9;border:1.5px dashed #d5be91;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:150px;padding:6px;display:flex;overflow:hidden}.coloring-slip-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:138px}.coloring-unlock-btn{justify-content:center;width:100%;font-weight:800}.coloring-cancel-order-btn{color:#8c8278;cursor:pointer;background:0 0;border:none;margin:-4px auto 0;padding:6px;font-size:.82rem;font-weight:700;text-decoration:underline}.coloring-cancel-order-btn:hover{color:#df285b}.coloring-account-info{text-align:center;color:#64748b;flex-direction:column;gap:4px;width:100%;padding:4px 0 0;font-size:.82rem;display:flex}.coloring-account-row{justify-content:center;align-items:center;gap:8px;display:flex}.copy-btn-inline{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.copy-btn-inline:hover{background:#e2e8f0}.coloring-slip-picker{color:#806320;cursor:pointer;background:#fff;border:1px dashed #cda750;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.coloring-slip-picker input{opacity:0;width:1px;height:1px;position:absolute}.read-again-btn{color:#77586a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:18px auto 0;font-weight:800;display:flex}@media (max-width:768px){.stories-catalog-screen{padding:10px 12px 34px}.stories-catalog-hero{border-radius:24px;padding:22px 20px}.stories-grid{grid-template-columns:1fr}.story-card-body{padding:17px}.story-card-footer{align-items:flex-end;gap:8px}.story-access-label{max-width:150px}.story-package-gate,.story-locked-preview{grid-template-columns:1fr}.story-package-gate{text-align:center;padding:24px}.story-gate-cover{max-width:210px;margin:0 auto}.story-gate-actions{justify-content:center}.story-detail-page{padding:8px 4px 54px}.story-detail-nav-bar{margin-bottom:12px;padding:0 4px}.story-detail-breadcrumbs{flex:1;gap:6px;min-width:0;font-size:.8rem}.story-back-catalog-link{white-space:nowrap;flex-shrink:0;padding:5px 11px;font-size:.8rem}.breadcrumb-separator{font-size:.76rem}.breadcrumb-current-cat{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:130px;padding:3px 8px;font-size:.76rem;overflow:hidden}.story-share-icon-btn{flex-shrink:0;padding:5px 11px;font-size:.8rem}.story-detail-hero-modern{text-align:center;border-radius:26px;grid-template-columns:1fr;gap:18px;margin-bottom:26px;padding:22px 16px 24px}.story-detail-hero-modern:before{width:220px;height:220px;top:-40px;right:-40px}.story-hero-cover-col{padding:4px 0 6px}.story-book-3d-wrapper{max-width:185px;margin:0 auto;transform:rotateY(-3deg)rotateX(1.5deg)}.story-book-3d-wrapper:hover{transform:rotateY(-1deg)rotateX(0)translateY(-2px)}.story-hero-shine.shine-1{font-size:24px;top:-6px;left:calc(50% - 105px)}.story-hero-shine.shine-2{font-size:20px;bottom:-2px;right:calc(50% - 100px)}.story-hero-info-col{align-items:center;gap:13px}.story-kicker-pill{align-self:center;padding:4px 11px;font-size:.72rem}.story-detail-main-title{text-align:center;font-size:clamp(1.45rem,5.5vw,1.85rem);line-height:1.25}.story-meta-stats-row{justify-content:center;gap:6px}.meta-stat-pill{padding:4px 10px;font-size:.75rem}.story-synopsis-card{text-align:left;box-sizing:border-box;border-radius:16px;width:100%;padding:13px 15px 13px 26px}.synopsis-quote-mark{font-size:24px;top:3px;left:9px}.story-synopsis-text{font-size:.88rem;line-height:1.65}.story-hero-cta-group{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:2px}.story-cta-start-reading{box-sizing:border-box;border-radius:18px;justify-content:center;gap:12px;width:100%;padding:12px 18px}.cta-icon-box{border-radius:12px;width:38px;height:38px}.cta-label-title{font-size:1.05rem}.cta-label-sub{font-size:.7rem}.story-cta-coloring{box-sizing:border-box;border-radius:16px;justify-content:center;width:100%;padding:11px 16px;font-size:.88rem}.story-access-status-indicator{text-align:center;justify-content:center}.story-detail-section{margin-bottom:28px}.section-header-compact{margin-bottom:12px}.section-header-compact h2{font-size:1.2rem}.story-skills-grid{grid-template-columns:1fr;gap:9px}.story-skill-card{border-radius:16px;gap:12px;padding:13px 14px}.skill-card-icon{border-radius:11px;width:36px;height:36px;font-size:18px}.story-moral-glow-card{border-radius:20px;padding:16px 14px}.moral-glow-header{gap:10px;margin-bottom:8px}.moral-star-icon{border-radius:11px;width:36px;height:36px}.moral-glow-header h3{font-size:1.05rem}.moral-quote-highlight{margin-bottom:10px;font-size:.95rem;line-height:1.55}.moral-parent-prompt{border-radius:12px;padding:9px 11px;font-size:.78rem}.story-preview-grid{grid-template-columns:repeat(2,1fr);gap:10px}.preview-page-card{border-radius:15px;padding:7px}.preview-page-title{margin:5px 2px 0;font-size:.8rem}.preview-more-teaser-card{border-radius:16px;grid-column:span 2;padding:16px 12px}.teaser-icon{margin-bottom:4px}.teaser-content h4{font-size:.95rem}.story-coloring-previews-row{grid-template-columns:repeat(2,1fr);gap:10px}.coloring-preview-card{border-radius:15px;padding:7px}.coloring-card-title{margin:5px 2px 0;font-size:.8rem}.story-reader-container{padding:8px 10px 34px}.story-reader-toolbar{flex-direction:column;align-items:stretch;position:static}.story-nav-mode-tabs,.story-header-actions{justify-content:center}.story-reading-stage{border-radius:22px;padding:12px 24px 6px}.story-book-shell{min-height:0}.story-book-spread{border-width:6px;grid-template-columns:1fr}.story-book-spread:after{display:none}.story-book-page+.story-book-page{border-top:6px solid #e9dfcf;border-left:0}.story-book-copy{padding:15px 17px 18px}.book-side-arrow{width:38px;height:76px}.book-side-arrow.previous{left:-27px}.book-side-arrow.next{right:-27px}.coloring-viewer-container{grid-template-columns:1fr}.coloring-thumbs-row{flex-direction:row}.coloring-download-card,.coloring-checkout-inline{text-align:center;grid-template-columns:1fr}.coloring-download-card .button,.coloring-slip-picker{justify-content:center}}@media (min-width:769px) and (max-width:1024px){.story-detail-hero-modern{grid-template-columns:260px 1fr;gap:28px;padding:26px 28px}.story-book-3d-wrapper{max-width:250px}.story-detail-main-title{font-size:1.95rem}}.scroll-to-top-btn{-webkit-backdrop-filter:blur(14px);width:48px;height:48px;color:var(--pico-dark-green,#00502c);cursor:pointer;z-index:89;opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffe0;border:1.5px solid #00502c24;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1),background .22s,border-color .22s,color .22s,box-shadow .22s;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(18px)scale(.86);box-shadow:0 8px 24px #00321f1f,0 2px 6px #00321f0d}.scroll-to-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.scroll-to-top-btn:hover{color:#fff;background:linear-gradient(135deg,#00502c 0%,#00763f 100%);border-color:#00502c;transform:translateY(-3px)scale(1.06);box-shadow:0 12px 32px #00321f40,0 4px 10px #00321f1f}.scroll-to-top-btn:hover .scroll-to-top-icon-wrapper{transform:translateY(-2px)}.scroll-to-top-btn:active{transform:translateY(0)scale(.95);box-shadow:0 4px 12px #00321f26}.scroll-to-top-btn:focus-visible{outline-offset:3px;outline:3px solid #00874c73}.scroll-to-top-icon-wrapper{justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.scroll-to-top-tooltip{color:#fff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;background:#00321feb;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.scroll-to-top-btn:hover .scroll-to-top-tooltip{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:767px){.scroll-to-top-btn{width:44px;height:44px;bottom:92px;right:18px;box-shadow:0 6px 20px #00321f2e}.scroll-to-top-tooltip{display:none}}@media (prefers-reduced-motion:reduce){.scroll-to-top-btn{transition:opacity .15s,visibility .15s;transform:none!important}.scroll-to-top-btn:hover .scroll-to-top-icon-wrapper{transform:none!important}}.avatar{flex-shrink:0;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#557965;background:linear-gradient(135deg,#edf7f2 0%,#e2f2e9 100%);border-radius:12px;place-items:center;min-height:100%;font-size:.75rem;font-weight:600;display:grid}.social-storybook{--story-border:#00502c1a;--story-card-shadow:0 8px 26px #003c1e0d, 0 1px 3px #00281405;--story-card-hover:0 12px 34px #003c1e17, 0 2px 6px #00281408}.stories-heading{justify-content:space-between;align-items:center;gap:20px;padding:4px 0 24px;display:flex}.stories-heading .eyebrow{color:#006b3f;letter-spacing:.13em;align-items:center;gap:8px;margin:0 0 12px;font-size:.68rem;font-weight:700;display:flex}.stories-heading h1{font-family:var(--body);letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.7rem,3.2vw,2.45rem);font-weight:800;line-height:1.3}.stories-heading h1 span{color:#007e4d;font-weight:600;display:block}.stories-heading p:last-child{color:#577063;margin:12px 0 0;font-size:.92rem}.stories-heading-art{color:#00502c;align-items:center;gap:4px;padding-right:20px;display:flex;position:relative}.stories-heading-art>span:first-child{color:#a2d6b5;font-size:110px;line-height:1;transform:rotate(-14deg)}.stories-heading-art>svg{color:#ff6b6b;position:absolute;top:5px;right:28px;transform:rotate(18deg)}.stories-heading-art>span:last-child{color:var(--star-yellow);margin-top:60px;font-size:54px}.story-profile-tabs{scrollbar-width:thin;align-items:center;gap:10px;margin-bottom:4px;padding:2px 2px 20px;display:flex;overflow-x:auto}.story-profile-tabs button{white-space:nowrap;cursor:pointer;color:#4b6656;background:#fff;border:1.5px solid #dcece2;border-radius:999px;align-items:center;gap:10px;padding:6px 18px 6px 6px;font-size:.86rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #003c1e0a}.story-profile-tabs button:hover{border-color:var(--pico-green);background:#f4faf7;transform:translateY(-1px)}.story-profile-tabs button[aria-pressed=true]{border-color:var(--pico-green);color:var(--pico-dark-green);background:linear-gradient(135deg,#e8f8f5 0%,#dcf4ec 100%);font-weight:800;box-shadow:0 4px 14px #00b5702e}.story-profile-tabs .avatar{border:none;border-radius:50%;width:34px;height:34px;font-size:14px;box-shadow:0 2px 6px #00000014}.story-add-profile{color:#00663a;background:#fff9;border:1.5px dashed #9bc8b0;border-radius:50%;place-items:center;min-width:42px;height:42px;transition:all .15s;display:grid}.story-add-profile:hover{border-color:var(--pico-green);color:var(--pico-dark-green);background:#e8f8f5;transform:scale(1.05)}.story-layout{grid-template-columns:minmax(0,1fr) 305px;align-items:start;gap:26px;display:grid}.story-main-column,.story-sidebar{flex-direction:column;gap:22px;min-width:0;display:flex}.story-composer,.story-post,.story-profile-card,.story-weekly-card,.story-hashtag-card{border:1px solid var(--story-border);box-shadow:var(--story-card-shadow);background:#fff;border-radius:22px;transition:box-shadow .2s,transform .2s;overflow:hidden}.story-composer{border:1px solid #00502c1f;padding:22px 22px 18px;box-shadow:0 10px 30px #003c1e0f,0 2px 6px #00281405}.story-composer-fields,.profile-fields{border:0;min-width:0;margin:0;padding:0}.composer-author{align-items:center;gap:12px;margin-bottom:14px;display:flex}.composer-author .avatar{color:#00502c;background:#edf7f2;border:2px solid #fff;border-radius:50%;width:44px;height:44px;font-size:17px;font-weight:700;box-shadow:0 3px 10px #00502c1f}.composer-author-info{flex-direction:column;gap:4px;display:flex}.composer-author-info b{color:var(--ink);font-size:.94rem;font-weight:800;line-height:1.2}.composer-select-wrapper{align-items:center;display:inline-flex;position:relative}.composer-select-wrapper select{-webkit-appearance:none;appearance:none;font-family:var(--body);color:#00502c;cursor:pointer;background:#edf8f4;border:1.5px solid #cae8dc;border-radius:999px;width:auto;min-height:28px;padding:4px 28px 4px 11px;font-size:.76rem;font-weight:600;transition:all .15s}.composer-select-wrapper select:hover{border-color:var(--pico-green);background:#e1f5ec}.composer-select-wrapper select:focus{border-color:var(--pico-green);outline:none;box-shadow:0 0 0 3px #00b57026}.composer-select-arrow{pointer-events:none;color:#00502c;opacity:.7;position:absolute;right:9px}.composer-label{color:#b25816;letter-spacing:.02em;background:linear-gradient(135deg,#fef8eb 0%,#fff1ec 100%);border:1px solid #fde2c9;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.composer-editor-box{background:#fbfdfc;border:1.5px solid #dcece2;border-radius:16px;margin-top:4px;padding:12px 16px 14px;transition:all .2s}.composer-editor-box:focus-within{border-color:var(--pico-green);background:#fff;box-shadow:0 0 0 4px #00b5701f}.story-composer textarea{width:100%;box-shadow:none;resize:vertical;min-height:100px;font-family:var(--body);color:var(--ink);background:0 0;border:none;border-radius:0;outline:none;padding:2px 0;font-size:.98rem;line-height:1.75}.story-composer textarea::placeholder{color:#8da498;line-height:1.75}.composer-images{border-top:1px dashed #dcece2;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:12px;display:grid}.composer-image-item{aspect-ratio:1;border:1px solid #dcece2;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00321914}.composer-image-item img{object-fit:cover;width:100%;height:100%;display:block}.composer-image-item button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#00192fa6;border:0;border-radius:50%;place-items:center;width:26px;height:26px;transition:all .15s;display:grid;position:absolute;top:6px;right:6px}.composer-image-item button:hover{background:var(--danger);transform:scale(1.1)}.composer-suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.composer-suggestions small{color:#708b7e;font-size:.74rem;font-weight:600}.composer-suggestions button{color:#00663a;cursor:pointer;background:#edf8f4;border:1px solid #cae8dc;border-radius:999px;padding:4px 11px;font-size:.76rem;font-weight:600;transition:all .15s}.composer-suggestions button:hover{background:var(--pico-green);border-color:var(--pico-green);color:#fff;transform:translateY(-1px)}.emoji-picker{background:#fff;border:1.5px solid #dcece2;border-radius:18px;margin:12px 0 6px;padding:12px;animation:.2s composerFadeIn;box-shadow:0 10px 30px #003c1e1a}.emoji-picker-grid{flex-wrap:wrap;gap:6px;display:flex}.emoji-picker button{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;font-size:22px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s;display:grid}.emoji-picker button:hover{background:#edf8f4;transform:scale(1.35)}.composer-toolbar{border-top:1px solid #edf4f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.composer-tools{align-items:center;gap:8px;display:flex}.composer-tool-btn{color:#00502c;cursor:pointer;background:#f0f7f4;border:1px solid #d6ebe0;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.composer-image-label{gap:7px;min-height:38px;padding:7px 15px;font-size:.8rem;font-weight:600}.composer-image-label:hover{border-color:var(--pico-green);background:#e1f5ec;transform:translateY(-1px)}.composer-icon-btn{color:#00502c;width:38px;height:38px}.composer-icon-btn:hover{border-color:var(--pico-green);color:var(--pico-green);background:#e1f5ec;transform:translateY(-1px)}.composer-icon-btn.active{border-color:var(--pico-green);color:var(--pico-green);background:#e1f5ec}.composer-toolbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.composer-char-count{color:#7d9689;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.composer-toolbar .button{color:#fff;background:linear-gradient(135deg,#00b570 0%,#00995e 100%);border:0;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:8px 18px;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3.5px #00502c,0 8px 18px #00b57040}.composer-toolbar .button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4.5px #00502c,0 10px 22px #00b57052}.composer-toolbar .button:active:not(:disabled){transform:translateY(2.5px);box-shadow:0 1px #00502c}.composer-toolbar .button:disabled{color:#93a89e;box-shadow:none;cursor:not-allowed;opacity:.7;background:#e4eee8}.composer-status{color:#006b3f;margin-top:10px;font-size:.82rem;font-weight:600}.story-feed-title{justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 2px 0;display:flex}.story-feed-title h2{font-family:var(--body);color:var(--ink);margin:0 0 3px;font-size:1.15rem;font-weight:800}.story-feed-title p{color:#698375;margin:0;font-size:.8rem}.story-feed-title>span{color:#527562;white-space:nowrap;align-items:center;gap:7px;font-size:.72rem;font-weight:600;display:flex}.live-dot{background:var(--pico-green);border-radius:50%;width:7px;height:7px;animation:2s infinite storyPulse;box-shadow:0 0 #00b57099}@keyframes storyPulse{0%{box-shadow:0 0 #00b57099}70%{box-shadow:0 0 0 8px #00b57000}to{box-shadow:0 0 #00b57000}}@keyframes composerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.story-feed{flex-direction:column;gap:20px;display:flex}.story-post{border:1px solid #00502c1a;padding:22px 24px;box-shadow:0 6px 22px #003c1e0a,0 1px 3px #00281405}.story-post:hover{box-shadow:var(--story-card-hover)}.story-post>header{align-items:center;gap:12px;display:flex}.story-post>header .avatar{color:#00502c;background:#edf7f2;border:2px solid #fff;border-radius:50%;width:44px;height:44px;font-size:17px;font-weight:700;box-shadow:0 2px 8px #00502c1f}.story-post-author{flex-direction:column;gap:2px;display:flex}.story-post-author b{color:var(--ink);font-size:.94rem;font-weight:800;line-height:1.2}.story-post-author small{color:#728d7e;font-size:.72rem}.post-kind{color:#e63946;letter-spacing:.02em;background:linear-gradient(135deg,#fff0f2 0%,#ffe9ec 100%);border:1px solid #ffd5db;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 11px;font-size:.72rem;font-weight:700;display:inline-flex}.post-audience{color:#00502c;background:#edf8f4;border:1px solid #cae8dc;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:14px;padding:3px 12px;font-size:.74rem;font-weight:600;display:inline-flex}.story-post-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 18px;font-size:1.02rem;line-height:1.8}.story-post-images{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid;overflow:hidden}.story-post-images img{object-fit:cover;aspect-ratio:1;border-radius:12px;width:100%;height:100%;min-height:0;max-height:480px;display:block}.story-post-images.images-1{grid-template-columns:1fr}.story-post-images.images-1 img{aspect-ratio:auto;object-fit:cover;border-radius:16px;max-height:520px}.story-post-images.images-3 img:first-child{aspect-ratio:auto;grid-row:span 2;height:100%}.story-post-images .image-placeholder{border-radius:12px;min-height:180px}.story-tags{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:14px;display:flex}.story-tags button,.story-tags span{color:#00663a;overflow-wrap:anywhere;background:#edf8f4;border:1px solid #cae8dc;border-radius:999px;max-width:100%;padding:4px 12px;font-size:.76rem;font-weight:600;transition:all .15s}.story-tags button{cursor:pointer}.story-tags button:hover{background:var(--pico-green);border-color:var(--pico-green);color:#fff;transform:translateY(-1px)}.story-post>footer{border-top:1px solid #edf4f0;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:14px;display:flex}.post-footer-memo{color:#728d7e;align-items:center;gap:6px;font-size:.74rem;font-weight:600;display:inline-flex}.post-footer-memo svg{color:#ff6b6b}.story-share-button{color:#00502c;cursor:pointer;white-space:nowrap;background:#f0f7f4;border:1px solid #d6ebe0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.story-share-button:hover{border-color:var(--pico-green);color:#004e2b;background:#e1f5ec;transform:translateY(-1px)}.story-filter{color:#00502c;background:#e8f8f5;border:1px solid #c2ece0;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.86rem;font-weight:700;display:flex}.story-filter button{color:#00874e;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-left:auto;font-weight:700;text-decoration:underline}.story-feed-empty{text-align:center;background:linear-gradient(#fff 0%,#f4faf7 100%);border:2px dashed #bdded0;border-radius:22px;padding:48px 24px}.story-feed-empty>span{color:#ff6b6b;background:linear-gradient(135deg,#e8f8f5 0%,#fff2e0 100%);border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 16px;display:grid;box-shadow:0 6px 20px #ff6b6b24}.story-feed-empty h3{font-family:var(--body);color:var(--ink);margin:0 0 6px;font-size:1.12rem;font-weight:800}.story-feed-empty p{color:#5e7a6c;max-width:360px;margin:0 auto;font-size:.88rem;line-height:1.65}.story-load-more{border-radius:12px;align-self:center;font-weight:700}.story-weekly-card,.story-hashtag-card{padding:22px}.story-profile-card{text-align:center;position:relative}.story-profile-cover{background:linear-gradient(135deg,#caeade 0%,#d8f4e9 50%,#fef1d6 100%);height:84px}.story-profile-cover span{color:#88c7a6;padding:14px 0 0 170px;font-size:42px;display:block}.story-profile-card>.avatar{border:4px solid #fff;border-radius:50%;width:72px;height:72px;margin:-36px auto 10px;font-size:28px;position:relative;box-shadow:0 4px 14px #003c1e1f}.story-profile-card h2{font-family:var(--body);color:var(--ink);margin:0 0 4px;font-size:1.15rem;font-weight:800}.story-profile-card>p{color:#648071;overflow-wrap:anywhere;margin:0 12px 12px;font-size:.78rem}.story-profile-card>a{color:#00663a;background:#f0f7f4;border:1px solid #d4ece0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.74rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.story-profile-card>a:hover{border-color:var(--pico-green);color:var(--pico-dark-green);background:#e1f5ec}.story-profile-stars{color:#8a6000;background:linear-gradient(135deg,#fffcf5 0%,#fff7e4 100%);border-top:1px solid #edf4f0;justify-content:center;align-items:center;gap:7px;margin-top:18px;padding:14px 8px;font-size:.78rem;font-weight:600;display:flex}.story-profile-stars svg{color:var(--star-yellow)}.story-profile-stars b{color:#b87a00;font-size:1.15rem;font-weight:800}.weekly-card-header{margin-bottom:14px}.story-sidebar h3{font-size:.94rem;font-weight:800;font-family:var(--body);color:var(--ink);align-items:center;gap:8px;margin:0 0 12px;display:flex}.story-weekly-card nav{color:#557565;background:#f4faf7;border:1px solid #dcece2;border-radius:12px;justify-content:space-between;align-items:center;gap:4px;padding:3px 4px;font-size:.72rem;font-weight:600;display:flex}.story-weekly-card nav .icon-button{background:#fff;border:none;border-radius:8px;width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:0 1px 3px #0000000f}.story-weekly-card nav .icon-button:hover:not(:disabled){color:var(--pico-dark-green);background:#e8f8f5}.weekly-date-range{font-variant-numeric:tabular-nums;padding:0 4px}.weekly-mini-stats{background:linear-gradient(135deg,#fffdf7 0%,#fef8eb 100%);border:1.5px solid #fae2a8;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 4px;display:grid;box-shadow:0 4px 14px #ffb80014}.weekly-stat-item{border-right:1px solid #f2e2bf;flex-direction:column;align-items:center;gap:4px;display:flex}.weekly-stat-item:last-child{border:0}.weekly-stat-item b{font-family:var(--display);font-size:1.55rem;font-weight:800;line-height:1.1}.weekly-stat-item small{font-size:.68rem;font-weight:600}.weekly-stat-stars b{color:#d48b00;text-shadow:0 1px #fffc}.weekly-stat-stars small{color:#8e6200}.weekly-stat-missions b{color:#00874e}.weekly-stat-missions small{color:#00502c}.weekly-stat-days b{color:#006d9e}.weekly-stat-days small{color:#004463}.weekly-no-praise{color:#618271;text-align:center;background:#f0f7f4;border:1px solid #dcece2;border-radius:999px;margin:16px 0 0;padding:7px 14px;font-size:.76rem;font-weight:600}.weekly-praise h4{color:#00663a;align-items:center;gap:6px;margin:18px 0 10px;font-size:.8rem;font-weight:700;display:flex}.weekly-praise-list{flex-direction:column;gap:10px;display:flex}.weekly-praise blockquote{border:1px solid #e1eee6;border-left:3.5px solid var(--pico-green);background:#fbfdfc;border-radius:0 14px 14px 0;margin:0;padding:10px 14px;box-shadow:0 2px 6px #00321908}.weekly-praise p{color:#003820;overflow-wrap:anywhere;margin:0 0 4px;font-size:.86rem;font-weight:600;line-height:1.5}.weekly-praise small{color:#6b8777;font-size:.68rem;font-weight:500}.story-hashtag-card>p{color:#6c8879;margin:-6px 0 16px;font-size:.76rem}.story-hashtag-card>small{color:#728f80;font-size:.8rem}.story-hashtag-card>div{flex-direction:column;gap:8px;display:flex}.story-hashtag-card button{text-align:left;color:#00502c;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:8px 10px;transition:all .15s;display:flex}.story-hashtag-card button:hover{background:#edf8f4;transform:translate(2px)}.story-hashtag-card button>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.story-hashtag-card button b{overflow-wrap:anywhere;color:#00502c;font-size:.82rem;font-weight:700}.story-hashtag-card button small{color:#708d7e;font-size:.68rem}.hashtag-rank{color:#00502c;background:#e8f8f5;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:800;display:grid}.stories-footnote{color:#8ea79a;justify-content:center;align-items:center;gap:6px;margin:0;font-size:.72rem;display:flex}.story-share-dialog{width:min(560px,100vw - 28px);max-height:calc(100dvh - 40px);color:var(--ink);border:1px solid #dce8df;border-radius:22px;padding:26px;overflow-y:auto;box-shadow:0 24px 90px #102b3040}.story-share-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b2b265e}.story-share-heading{justify-content:space-between;align-items:center;display:flex}.story-share-heading h2{font-size:1.4rem;font-family:var(--body);margin:2px 0 12px}.story-share-dialog>p{color:var(--muted);font-size:.88rem}.share-platforms{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.share-platforms .button{font-size:.85rem}.share-downloads{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.share-downloads .button{font-size:.8rem}.story-share-dialog textarea{width:100%;font-size:.85rem}.new-kid-screen{max-width:680px;margin:0 auto;padding-bottom:48px}.new-kid-hero-banner{text-align:center;max-width:540px;margin:8px auto 24px}.new-kid-pill{color:var(--pico-dark-green);background:#00b5701a;border:1px solid #00b57033;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.new-kid-hero-banner h1{font-family:var(--display);font-size:clamp(1.4rem,3.5vw,1.85rem);line-height:var(--thai-lh-heading,1.42);color:var(--pico-midnight);margin:0 0 6px}.new-kid-hero-banner p{font-size:.92rem;line-height:var(--thai-lh-body,1.7);color:var(--muted);margin:0}.kid-profile-form{background:#fff;border:1.5px solid #00502c1f;border-radius:28px;flex-direction:column;gap:24px;max-width:640px;margin-inline-start:auto;margin-inline-end:auto;padding:32px 30px;display:flex;box-shadow:0 14px 40px #00502c12,0 2px 8px #00000005}.profile-fields{border:0;flex-direction:column;gap:24px;margin:0;padding:0;display:flex}.form-section{flex-direction:column;gap:12px;display:flex}.form-section fieldset{border:0;min-width:0;margin:0;padding:0}.form-section-title,.form-section-header{font-family:var(--display);color:var(--pico-midnight);align-items:center;gap:8px;margin-bottom:2px;font-size:.95rem;font-weight:700;display:inline-flex}.form-section-desc{color:var(--muted);margin:0 0 8px;font-size:.82rem;line-height:1.5}.profile-photo-field{text-align:center;background:linear-gradient(#f8fcf9 0%,#fff 100%);border:1.5px dashed #00502c2e;border-radius:24px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.profile-photo-wrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.profile-photo-preview{width:104px;height:104px;box-shadow:0 8px 24px #00502c1f, 0 0 0 3px var(--kid-theme,#ffd84d);background:#fff;border-radius:50%;padding:4px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;position:relative}.profile-photo-preview:hover{transform:scale(1.04)}.profile-photo-preview>img,.profile-photo-preview .avatar{object-fit:cover;width:100%;height:100%;font-size:2.2rem;font-weight:800;font-family:var(--display);border-radius:50%;place-items:center;display:grid}.photo-overlay-btn{background:var(--pico-dark-green);color:#fff;cursor:pointer;border:2.5px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .18s,background-color .18s;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 4px 10px #00502c33}.photo-overlay-btn:hover{background:var(--pico-green);transform:scale(1.12)}.profile-photo-meta{flex-direction:column;align-items:center;gap:8px;display:flex}.photo-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.photo-upload-btn{cursor:pointer;border-radius:999px;align-items:center;gap:6px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00502c14}.photo-remove-btn{color:#d9363e;border-radius:999px;align-items:center;gap:4px;display:inline-flex}.photo-remove-btn:hover{background:#fff1f0}.photo-hint{color:var(--muted);font-size:.78rem}.color-section{background:#fbfdfc;border:1px solid #00502c14;border-radius:20px;padding:18px 20px}.color-picks{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.color-pick-item{cursor:pointer;border:3px solid #fff;border-radius:16px;place-items:center;width:48px;height:48px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:grid;position:relative;box-shadow:0 0 0 1px #00192f1f,0 4px 12px #00000014}.color-pick-item:hover{transform:scale(1.1);box-shadow:0 0 0 1px #00192f2e,0 8px 18px #0000001f}.color-pick-item.selected{box-shadow:0 0 0 3px var(--pico-dark-green), 0 8px 20px #00502c38;transform:scale(1.12)}.color-pick-item input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.color-check-icon{color:#fff;filter:drop-shadow(0 1px 2px #00000073)}.info-section{gap:18px}.field-label-required{color:var(--pico-midnight);align-items:center;gap:4px;font-size:.92rem;font-weight:700;display:inline-flex}.required-star{color:#e53e3e;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:#8c9b94;pointer-events:none;transition:color .18s;position:absolute;left:16px}.input-with-icon input{background:#fff;border:1.5px solid #cfdfd7;border-radius:16px;width:100%;min-height:52px;padding-left:48px;font-size:1.05rem;transition:border-color .18s,box-shadow .18s}.input-with-icon input:focus{border-color:var(--pico-green);box-shadow:0 0 0 4px #00b57024}.input-with-icon:focus-within .input-icon{color:var(--pico-dark-green)}.field-hint{color:var(--muted);margin-top:4px;font-size:.8rem}.field-error{color:var(--color-danger-strong,#e53e3e);align-items:center;gap:4px;margin-top:4px;font-size:.82rem;font-weight:600;display:inline-flex}.profile-name-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-name-fields .form-group input{border:1.5px solid #cfdfd7;border-radius:14px;min-height:48px;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.profile-name-fields .form-group input:focus{border-color:var(--pico-green);box-shadow:0 0 0 4px #00b57024}.kid-card-live-preview{background:#f4faf6;border:1.5px solid #00b5702e;border-radius:20px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.preview-pill{color:var(--pico-dark-green);letter-spacing:.02em;font-size:.78rem;font-weight:700}.preview-card{background:#fff;border:1.5px solid #00502c1a;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #00502c0d}.preview-avatar{width:48px;height:48px;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--preview-color,#ffd84d);border-radius:50%;flex-shrink:0}.preview-avatar>img,.preview-avatar .avatar{object-fit:cover;border-radius:50%;place-items:center;width:100%;height:100%;font-weight:800;display:grid}.preview-info{flex-direction:column;flex:1;min-width:0;display:flex}.preview-info strong{font-family:var(--display);color:var(--pico-midnight);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.preview-info span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.preview-points-badge{color:#8c6300;white-space:nowrap;background:#fff8e1;border:1px solid #ffb80059;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.preview-points-badge .star-icon{color:#ffb800;fill:#ffb800}.profile-form-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.profile-submit-button{min-height:54px;box-shadow:0 6px 0 var(--pico-dark-green), 0 12px 24px #00502c2e;border-radius:18px;font-size:1.05rem;font-weight:800;transition:transform .15s,box-shadow .15s}.profile-submit-button:hover:not(:disabled){box-shadow:0 8px 0 var(--pico-dark-green), 0 16px 30px #00502c38;transform:translateY(-2px)}.profile-submit-button:active:not(:disabled){box-shadow:0 2px 0 var(--pico-dark-green), 0 6px 14px #00502c24;transform:translateY(4px)}@media (max-width:900px){.story-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.story-composer,.story-post{padding-inline-start:20px;padding-inline-end:20px}}@media (max-width:767px){.story-layout{grid-template-columns:1fr}.story-sidebar{grid-template-columns:1fr;margin-top:8px;display:grid}.story-profile-card{display:none}.stories-heading{padding:8px 0 20px}.stories-heading h1{font-size:1.65rem}.stories-heading p:last-child{max-width:290px;font-size:.82rem;line-height:1.65}.stories-heading-art{margin-left:-10px;padding:0}.stories-heading-art>span:first-child{font-size:64px}.stories-heading-art>svg{width:19px;top:9px;right:6px}.stories-heading-art>span:last-child{margin-top:40px;font-size:28px}.stories-heading .eyebrow{letter-spacing:.08em;font-size:.6rem}.story-profile-tabs{padding-bottom:16px}.story-main-column{gap:18px}.composer-label{display:none}.story-post>footer>span{font-size:.68rem}.story-weekly-card,.story-hashtag-card{padding:20px}.story-profile-tabs button{min-height:42px}.story-profile-tabs button span{text-overflow:ellipsis;max-width:120px;overflow:hidden}.story-share-dialog{padding:20px}}@media (max-width:480px){.composer-images{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-toolbar{gap:8px}.composer-toolbar-right{justify-content:space-between;width:100%}.composer-toolbar .button{justify-content:center;width:100%}}.story-profile-tabs button.blocked{opacity:.85}.story-profile-tabs button.blocked .inline-lock-icon{color:#fa8c16}.story-profile-blocked-badge{color:#d46b08;background:#fff7e6;border:1px solid #ffd591;border-radius:999px;align-items:center;gap:4px;margin:6px 0 10px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.story-blocked-alert{margin-bottom:20px}