@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap";.s2-page{display:grid;gap:18px}.s2-page-heading{max-width:720px}.s2-page-heading h1{margin:4px 0 8px;font-size:clamp(1.8rem,4vw,2.7rem)}.s2-page-heading p{color:var(--muted);line-height:1.6}.s2-form-card{max-width:760px;border:1px solid rgba(81,61,52,.08);border-radius:26px;padding:22px;background:#ffffffe6;box-shadow:var(--shadow-soft)}.s2-question{padding:18px 0;border-bottom:1px solid #eee3d5}.s2-question:first-child{padding-top:0}.s2-question h3{margin-bottom:11px;font-size:1rem}.s2-row-between{display:flex;align-items:center;justify-content:space-between}.s2-question input[type=range]{width:100%;accent-color:var(--green)}.s2-mood-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.s2-choice{display:flex;min-height:78px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #e7dccf;border-radius:15px;background:#fffdf8;font-weight:800}.s2-choice span{font-size:1.7rem}.s2-choice.active,.s2-segmented button.active{border-color:#7eac83;color:var(--green-dark);background:#e7f4e4}.s2-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.s2-segmented button{min-height:44px;border:1px solid #e7dccf;border-radius:13px;background:#fffdf8;font-weight:800}.s2-form-card>.primary-button{width:100%;margin-top:18px}.s2-quest-card{display:grid;max-width:780px;gap:14px}.s2-quest-card h2{margin:4px 0 8px}.s2-quest-card p{color:var(--muted);line-height:1.6}.s2-tags{display:flex;flex-wrap:wrap;gap:8px}.s2-tags span{border-radius:999px;padding:6px 10px;color:#6c5a50;background:#f3eadf;font-size:.73rem;font-weight:800}.s2-why{border-radius:15px;padding:14px;color:#6d5a50;background:#fff4d5;line-height:1.55}.s2-reflection{border-radius:17px;padding:15px;background:#e7f4e4}.s2-reflection p{margin:8px 0}.s2-reflection>div{display:flex;flex-wrap:wrap;gap:8px}.s2-reflection button{border:1px solid #bdd7ba;border-radius:12px;padding:8px 10px;background:#fff}.s2-reflection button.active{color:#fff;background:var(--green)}.s2-empty{max-width:700px;text-align:center}.s2-empty>span{font-size:2.5rem}.s2-schedule-grid{display:grid;gap:18px}.s2-activity-form{display:grid;gap:13px}.s2-activity-form label{display:grid;gap:6px;color:#725f54;font-size:.78rem;font-weight:800}.s2-activity-form input,.s2-activity-form select,.s2-activity-form textarea{width:100%;border:1px solid #e4d7c8;border-radius:13px;padding:11px 12px;color:var(--brown);background:#fffdf8}.s2-activity-form textarea{min-height:88px;resize:vertical}.s2-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.s2-form-actions{display:flex;flex-wrap:wrap;gap:8px}.s2-activity-list{display:grid;gap:10px}.s2-activity-item{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;border:1px solid #ece0d2;border-radius:17px;padding:13px;background:#fffdf8}.s2-activity-item time{display:grid;color:var(--muted);font-size:.7rem}.s2-activity-item time strong{color:var(--green-dark);font-size:1rem}.s2-activity-item span{color:var(--green-dark);font-size:.68rem;font-weight:800}.s2-activity-item h3{margin:2px 0;font-size:1rem}.s2-activity-item p{margin:0;color:var(--muted);font-size:.74rem}.s2-item-actions{display:flex;gap:6px}.s2-item-actions button{border:1px solid #e1d4c5;border-radius:10px;padding:7px 9px;background:#fff;font-size:.7rem;font-weight:800}.s2-empty-inline{border-radius:14px;padding:16px;color:var(--muted);background:#faf4ea;text-align:center}.s2-home-activities{display:grid;gap:8px;margin-bottom:12px}.s2-home-activities>div{display:grid;grid-template-columns:58px 1fr;gap:8px;border-radius:12px;padding:9px 10px;background:#f8f3ea}.s2-home-activities p,.s2-home-activities span{color:var(--muted);font-size:.78rem}@media(min-width:900px){.s2-schedule-grid{grid-template-columns:.82fr 1.18fr;align-items:start}}@media(max-width:640px){.s2-mood-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.s2-choice{min-height:68px;padding:5px 2px;font-size:.64rem}.s2-choice span{font-size:1.35rem}.s2-segmented{gap:5px}.s2-segmented button{font-size:.7rem}.s2-two-cols{grid-template-columns:1fr}.s2-activity-item{grid-template-columns:70px 1fr}.s2-item-actions{grid-column:1 / -1}}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.s2-progress-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.s2-stat{display:grid;gap:5px}.s2-stat span{font-size:1.4rem}.s2-stat small{color:var(--muted);font-weight:800}.s2-stat strong{font-family:Fredoka;font-size:1.35rem}.s2-history-list{display:grid;gap:9px}.s2-history-item{display:grid;grid-template-columns:110px 1fr minmax(90px,1fr) 48px;gap:12px;align-items:center;border:1px solid #ece0d2;border-radius:15px;padding:12px;background:#fffdf8}.s2-history-item time{color:var(--muted);font-size:.74rem;font-weight:800}.s2-history-item>div:nth-child(2){display:grid}.s2-history-item span{color:var(--muted);font-size:.72rem}.s2-energy-track{height:9px;overflow:hidden;border-radius:999px;background:#ece7dc}.s2-energy-track i{display:block;height:100%;border-radius:inherit;background:var(--green)}.s2-history-item b{text-align:right}@media(min-width:760px){.s2-progress-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.s2-history-item{grid-template-columns:1fr auto}.s2-history-item .s2-energy-track{grid-column:1 / -1}}.s2-mood-trend{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.s2-mood-trend-item{display:grid;flex-shrink:0;width:56px;place-items:center;gap:4px;border-radius:14px;padding:10px 6px;background:#f8f3ea}.s2-mood-trend-item span{font-size:1.4rem}.s2-mood-trend-item small{color:var(--muted);font-size:.62rem;font-weight:800}.s2-quest-history{display:grid;gap:9px}.s2-quest-history-item{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;border:1px solid #ece0d2;border-radius:15px;padding:12px;background:#fffdf8}.s2-quest-history-item time{color:var(--muted);font-size:.72rem;font-weight:800}.s2-quest-history-item div{display:grid;gap:2px}.s2-quest-history-item div span{color:var(--muted);font-size:.7rem}.s2-quest-history-reflection{font-size:.74rem;font-weight:800;color:var(--green-dark);text-align:right}.s2-reflection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.s2-reflection-chip{display:grid;gap:4px;border-radius:14px;padding:12px;text-align:center;background:#f8f3ea}.s2-reflection-chip strong{font-family:Fredoka;font-size:1.3rem}@media(max-width:640px){.s2-quest-history-item{grid-template-columns:1fr auto}.s2-quest-history-item time{grid-column:1 / -1}}.quest-egg-strip{display:flex;align-items:center;gap:14px;max-width:780px;border-radius:22px;padding:14px 18px;background:#ffffffbf;box-shadow:var(--shadow-soft)}.quest-egg-strip .egg-wrap-compact{flex-shrink:0;width:64px}.quest-egg-strip .egg-wrap-compact svg{width:64px;height:auto}.quest-egg-strip p{margin:0;color:var(--brown);font-size:.88rem;line-height:1.5}.attempt-pill{justify-self:start;border-radius:999px;padding:5px 12px;color:#6c5a50;background:#f3eadf;font-size:.7rem;font-weight:800;letter-spacing:.02em}.s2-session-complete{max-width:700px;text-align:center;display:grid;gap:10px;justify-items:center}.s2-session-complete>span{font-size:2.3rem}.s2-session-complete p{color:var(--muted);line-height:1.6;max-width:480px}.support-card{max-width:720px;display:grid;gap:12px}.support-card h2{margin:2px 0 4px}.support-card p{color:var(--muted);line-height:1.6}.support-card-actions{display:grid;gap:8px}.support-card-actions button{width:100%}@media(min-width:560px){.support-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.s2-tabbar{display:inline-flex;gap:6px;padding:5px;border-radius:16px;background:#f3eadf;width:fit-content}.s2-tabbar button{border-radius:12px;padding:9px 16px;font-weight:800;font-size:.85rem;color:#7c675c;transition:background-color .18s ease,color .18s ease,transform .15s ease}.s2-tabbar button.active{color:var(--green-dark);background:#fff;box-shadow:var(--shadow-soft)}.s2-tabbar button:active{transform:scale(.96)}.s2-todo-check{display:flex;align-items:center}.s2-todo-check input{width:20px;height:20px;accent-color:var(--green)}.s2-todo-done{opacity:.55}.s2-todo-done h3{text-decoration:line-through}.session-chain-list{display:grid;gap:12px}.session-chain{padding:14px;box-shadow:none;border:1px solid #ece0d2}.session-chain-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.session-chain-head time{color:var(--muted);font-size:.72rem;font-weight:800}.session-chain-outcome{border-radius:999px;padding:5px 11px;font-size:.68rem;font-weight:800;color:var(--green-dark);background:#e7f4e4}.session-chain-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.session-chain-step{display:grid;gap:2px;min-width:90px;max-width:160px;border-radius:13px;padding:8px 10px;background:#f8f3ea;text-align:center}.session-chain-step strong{font-size:.74rem;line-height:1.3}.session-chain-step small{color:var(--muted);font-size:.64rem;font-weight:800}.session-chain-checkin span{font-size:1.3rem}.session-chain-arrow{color:#c9b8a5;font-weight:800}:root{font-family:Nunito,system-ui,sans-serif;color:#513d34;background:#fff8e8;font-synthesis:none;text-rendering:optimizeLegibility;--cream: #fff8e8;--cream-2: #fffdf6;--brown: #513d34;--muted: #826f63;--green: #4f7d58;--green-dark: #31573d;--green-soft: #dcefd8;--peach: #ffb38e;--yellow: #ffd66b;--blue: #9ed7ed;--purple: #c9baf1;--white: #ffffff;--shadow: 0 18px 50px rgba(81, 61, 52, .12);--shadow-soft: 0 10px 28px rgba(81, 61, 52, .09)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 10% 10%,rgba(255,214,107,.22),transparent 28%),radial-gradient(circle at 92% 18%,rgba(158,215,237,.2),transparent 25%),linear-gradient(180deg,#fff8e8,#fffdf8 52%,#f6f4ea)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg,img{display:block;max-width:100%}#root{min-height:100vh}h1,h2,h3,.brand-name,.egg-name,.menu-title{font-family:Fredoka,Nunito,sans-serif}h1,h2,h3,p{margin-top:0}:focus-visible{outline:3px solid rgba(78,145,178,.65);outline-offset:3px}.app-shell{min-height:100vh}.app-container{width:min(100%,1320px);margin:auto;padding:18px 16px 104px}.app-grid{display:grid;gap:24px}.main{min-width:0}.sidebar{display:none;position:sticky;top:24px;min-height:calc(100vh - 48px);border:1px solid rgba(81,61,52,.08);border-radius:28px;padding:20px 14px;background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.brand{display:flex;align-items:center;gap:11px;padding:2px 5px 20px}.brand-mark{display:grid;width:45px;height:45px;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--yellow),var(--peach));box-shadow:var(--shadow-soft);font-size:1.3rem}.brand-name{font-size:1.28rem;font-weight:700}.brand-caption{color:var(--muted);font-size:.72rem;font-weight:700}.sidebar-nav{display:grid;gap:7px}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:49px;padding:10px 13px;border-radius:15px;color:#867164;font-size:.88rem;font-weight:800;transition:.18s ease}.sidebar-link:hover,.sidebar-link-active{color:var(--green-dark);background:#e8f4e5;transform:translate(2px)}.sidebar-note{position:absolute;right:14px;bottom:16px;left:14px;display:flex;gap:9px;border-radius:18px;padding:13px;background:#fff4cc;color:#765d35}.sidebar-note p{margin:0;font-size:.72rem;line-height:1.45;font-weight:700}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.profile-chip{display:flex;align-items:center;gap:11px}.avatar{display:grid;width:46px;height:46px;place-items:center;border:3px solid #fff;border-radius:16px;background:linear-gradient(145deg,var(--yellow),var(--peach));box-shadow:var(--shadow-soft);font-family:Fredoka;font-weight:700}.eyebrow{color:#866d60;font-size:.73rem;font-weight:800;letter-spacing:.02em}.profile-name{font-family:Fredoka;font-size:1.17rem;font-weight:700}.topbar-actions{display:flex;gap:8px}.icon-button{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(81,61,52,.08);border-radius:15px;background:#ffffffdb;color:var(--brown);box-shadow:var(--shadow-soft);font-weight:800;transition:.18s ease}.icon-button:hover{transform:translateY(-2px);background:#fff}.game-grid{display:grid;gap:18px}.game-room{position:relative;min-height:555px;overflow:hidden;border:1px solid rgba(81,61,52,.08);border-radius:32px;padding:22px 18px;background:radial-gradient(circle at 18% 18%,rgba(255,214,107,.43),transparent 25%),radial-gradient(circle at 82% 25%,rgba(158,215,237,.34),transparent 28%),linear-gradient(155deg,#eaf5e5,#fffdf7 46%,#ffe6d8);box-shadow:var(--shadow)}.game-room:before{content:"";position:absolute;right:-70px;bottom:-95px;width:290px;height:230px;border-radius:50%;background:#c9baf142}.game-room:after{content:"";position:absolute;left:-80px;bottom:-90px;width:300px;height:190px;border-radius:50%;background:#4f7d5821}.game-room-heading{position:relative;z-index:3;display:flex;justify-content:space-between;gap:14px}.game-room-heading h1{margin:4px 0 0;font-size:clamp(1.65rem,4vw,2.35rem)}.level-pill{align-self:flex-start;border:1px solid rgba(226,173,44,.2);border-radius:999px;padding:8px 12px;background:#fff6cce6;color:#7a5b24;font-size:.76rem;font-weight:800}.decor{position:absolute;z-index:1;opacity:.78;-webkit-user-select:none;user-select:none}.decor-cloud{top:105px;left:9%;font-size:2.5rem;animation:drift 6s ease-in-out infinite}.decor-star{top:140px;right:10%;font-size:2.1rem;color:#d4a83e;animation:sparkle 2.2s ease-in-out infinite}.decor-flower{bottom:70px;left:8%;font-size:2rem;transform:rotate(-12deg)}.decor-leaf{bottom:76px;right:8%;font-size:2rem;transform:rotate(14deg)}.egg-stage{position:relative;z-index:2;display:grid;min-height:350px;place-items:center;padding-top:8px}.egg-wrap{display:flex;justify-content:center;margin-bottom:18px;transform:scale(1.15);transform-origin:center}.egg-wrap-compact{width:190px}.egg{width:min(250px,68vw);transform-origin:center bottom;animation:eggFloat 3.3s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(81,61,52,.15))}.egg:hover{animation:eggWiggle .65s ease-in-out}.egg svg{overflow:visible}.egg-arm,.egg-leg{fill:none;stroke:#6a4f43;stroke-width:7;stroke-linecap:round}.egg-arm-right{transform-origin:177px 132px;animation:wave 2.7s ease-in-out infinite}.egg-speckles{animation:specklePulse 3s ease-in-out infinite}.egg-face{transform-origin:center;animation:blink 5.5s ease-in-out infinite}.egg-crack{animation:crackPulse 1.7s ease-in-out infinite}.egg-leaf{transform-origin:122px 28px;animation:leafSway 2.6s ease-in-out infinite}.egg-sparkle{animation:sparkle 1.8s ease-in-out infinite}.egg-name{margin-top:-8px;font-size:1.25rem;font-weight:700}.speech{position:relative;z-index:4;display:grid;gap:2px;width:min(100%,500px);margin:-12px auto 12px;border:1px solid rgba(81,61,52,.08);border-radius:20px;padding:13px 16px;text-align:center;background:#ffffffe0;box-shadow:var(--shadow-soft)}.speech strong{font-size:.91rem}.speech span{color:var(--muted);font-size:.78rem;line-height:1.45}.speech-rest{border-color:#a3483f2e;background:#fff4f1eb}.speech-rest span{color:#8a6a62;font-weight:700}.game-room>.primary-button{position:relative;z-index:4;margin:auto}.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:11px 18px;font-weight:800;transition:.18s ease}.primary-button{border:1px solid var(--green-dark);color:#fff;background:linear-gradient(145deg,#5c9467,var(--green-dark));box-shadow:0 9px 20px #31573d38}.primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 24px #31573d47}.secondary-button{border:1px solid #b8d9b4;color:var(--green-dark);background:#edf8eb}.secondary-button:hover{transform:translateY(-2px);background:#dff1dc}.ghost-button{border:1px solid #e5d9ca;color:#7c675c;background:#fffdf8}.danger-button{border:1px solid #f1b3aa;color:#a3483f;background:#fff0ed}.side-panel{display:grid;gap:16px}.panel-card{border:1px solid rgba(81,61,52,.08);border-radius:24px;padding:18px;background:#ffffffe0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin:3px 0 0;font-size:1.25rem}.soft-badge{border-radius:999px;padding:6px 10px;color:#31573d;background:#e4f3e1;font-size:.72rem;font-weight:800}.status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.status-box{display:grid;gap:3px;border-radius:18px;padding:12px 10px}.status-box span{font-size:1.1rem}.status-box small{overflow:hidden;color:#7f6c61;font-size:.66rem;font-weight:800;text-overflow:ellipsis}.status-box strong{font-family:Fredoka;font-size:.92rem}.status-yellow{background:#fff4c5}.status-peach{background:#ffe5d8}.status-blue{background:#e6f5fb}.quest-panel{display:grid;gap:10px;background:linear-gradient(145deg,#eff9ec,#fff)}.quest-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#dcefd8;font-size:1.3rem}.quest-panel h3{margin:2px 0 4px;font-size:1rem}.quest-panel p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.menu-section{margin-top:22px}.game-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-card{position:relative;display:flex;min-height:150px;flex-direction:column;align-items:flex-start;overflow:hidden;border:1px solid rgba(81,61,52,.08);border-radius:22px;padding:16px;color:var(--brown);text-align:left;box-shadow:var(--shadow-soft);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;animation:fadeUp .32s ease both}.menu-card:nth-child(1){animation-delay:.02s}.menu-card:nth-child(2){animation-delay:.08s}.menu-card:nth-child(3){animation-delay:.14s}.menu-card:nth-child(4){animation-delay:.2s}.menu-card:after{content:"";position:absolute;right:-23px;bottom:-25px;width:90px;height:90px;border-radius:50%;background:#ffffff42;transition:transform .3s ease}.menu-card:hover{transform:translateY(-6px) scale(1.015) rotate(-.6deg);box-shadow:0 18px 34px #513d342e}.menu-card:hover:after{transform:scale(1.15)}.menu-card:active{transform:translateY(-1px) scale(.97);box-shadow:0 6px 14px #513d3429;transition-duration:.08s}.menu-blue{background:linear-gradient(145deg,#d8f2fc,#a9d9ed);color:#245e79}.menu-peach{background:linear-gradient(145deg,#ffe7db,#ffbd9f);color:#844a36}.menu-green{background:linear-gradient(145deg,#e3f3df,#afd5aa);color:#31573d}.menu-purple{background:linear-gradient(145deg,#eee8ff,#c8b9ef);color:#5e4b98}.menu-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:15px;background:#ffffff7a;font-size:1.25rem;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.menu-card:hover .menu-icon,.menu-card:active .menu-icon{transform:scale(1.12) rotate(-6deg)}.menu-title{position:relative;z-index:2;margin-top:15px;font-size:1.04rem;font-weight:700}.menu-text{position:relative;z-index:2;margin-top:2px;font-size:.72rem;font-weight:700;opacity:.78}.menu-arrow{position:absolute;right:15px;bottom:13px;z-index:2;font-size:1.25rem;font-weight:800;transition:transform .22s ease}.menu-card:hover .menu-arrow,.menu-card:active .menu-arrow{transform:translate(4px)}.disclaimer{margin:20px auto 0;color:#9b877c;text-align:center;font-size:.72rem;line-height:1.5}.bottom-nav{position:fixed;z-index:50;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border:1px solid rgba(81,61,52,.09);border-radius:22px;padding:7px;background:#fffffff0;box-shadow:0 18px 38px #513d342e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-link{display:flex;min-height:55px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:16px;color:#857165;font-size:.62rem;font-weight:800;transition:color .18s ease,background-color .18s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}.bottom-link-active{color:var(--green-dark);background:#e8f4e5;transform:translateY(-2px)}.bottom-link:active{transform:scale(.9)}.bottom-icon{font-size:1.12rem}.onboarding-page{min-height:100vh;display:grid;place-items:center;padding:18px}.onboarding-card{width:min(100%,1080px);overflow:hidden;border:1px solid rgba(81,61,52,.08);border-radius:32px;background:#ffffffe8;box-shadow:var(--shadow)}.onboarding-visual{position:relative;display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;padding:32px 26px;text-align:center;background:radial-gradient(circle at 18% 18%,rgba(255,214,107,.36),transparent 28%),radial-gradient(circle at 84% 26%,rgba(158,175,237,.34),transparent 30%),linear-gradient(150deg,#e5f3e1,#fff7e7 53%,#ffe3d4)}.mini-brand{position:absolute;top:22px;left:24px;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:700}.onboarding-title{max-width:440px;margin:12px auto 0;padding:0 16px;text-align:center;font-size:clamp(1.65rem,5.5vw,3rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.onboarding-title span{display:block}.onboarding-visual p{max-width:420px;margin:10px auto 0;padding:0 18px;text-align:center;color:#7b6d63;font-size:.95rem;line-height:1.6}.onboarding-form{padding:24px}.progress-dots{display:flex;gap:7px;margin-bottom:25px}.progress-dot{height:8px;flex:1;border-radius:999px;background:#ebe3d8}.progress-dot-active{background:linear-gradient(90deg,#5d9467,var(--yellow))}.step-content{animation:fadeUp .28s ease both}.step-content h2{margin:4px 0 6px;font-size:clamp(1.45rem,3vw,2rem)}.step-content>p{color:var(--muted);font-size:.86rem;line-height:1.5}.field-label{display:block;margin:20px 0 8px;font-size:.82rem;font-weight:800}.field-label-spaced{margin-top:20px}.field{width:100%;min-height:51px;border:2px solid #e8ddcf;border-radius:16px;outline:none;padding:12px 14px;color:var(--brown);background:#fffdf8;transition:.18s ease}.field:focus{border-color:#69a36f;box-shadow:0 0 0 4px #69a36f26}.semester-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.choice{min-height:48px;border:2px solid #eadfce;border-radius:15px;color:var(--brown);background:#fffdf8;font-weight:800;transition:.17s ease}.choice:hover{border-color:var(--peach);background:#fff0e8;transform:translateY(-1px)}.choice-active{border-color:#69a36f;color:var(--green-dark);background:#e8f4e5;box-shadow:0 0 0 4px #69a36f21}.name-preview{display:flex;align-items:center;gap:10px;margin-top:14px;border-radius:16px;padding:12px 14px;background:#fff4cc}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.goal-card{display:grid;min-height:104px;place-items:center;gap:6px;border:2px solid #eadfce;border-radius:18px;padding:12px;color:var(--brown);background:#fffdf8;text-align:center;transition:.18s ease}.goal-card span{font-size:1.35rem}.goal-card strong{font-size:.8rem}.goal-card:hover{border-color:var(--peach);transform:translateY(-2px)}.goal-card-active{border-color:#69a36f;background:#e8f4e5;box-shadow:0 0 0 4px #69a36f21}.form-error{margin-top:12px;border-radius:13px;padding:10px 12px;color:#a3483f;background:#fff0ed;font-size:.76rem;font-weight:700}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.profile-page{text-align:center}.help-page{display:grid;gap:16px;max-width:720px;margin:0 auto}.help-intro h1{margin:5px 0 8px}.help-intro p{max-width:560px;color:var(--muted);line-height:1.6}.help-list{display:grid;gap:10px;margin:6px 0 0;padding-left:20px;color:var(--muted);line-height:1.55}.help-list li::marker{color:var(--green-dark)}.help-page>.primary-button{justify-self:center}.ruang-bertumbuh{max-width:760px;margin:0 auto;display:grid;gap:16px}.ruang-bertumbuh>.ghost-button{justify-self:center}.ruang-bertumbuh-options{display:grid;gap:22px}@media(min-width:720px){.ruang-bertumbuh-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.ruang-option{display:grid;gap:8px;align-content:start}.ruang-option h2{margin:2px 0;font-size:1.15rem}.ruang-option p{color:var(--muted);line-height:1.55;margin:0 0 6px}.ruang-option form{display:grid;gap:10px}.ruang-option label{display:grid;gap:6px;color:#725f54;font-size:.78rem;font-weight:800}.ruang-option input,.ruang-option textarea{width:100%;border:1px solid #e4d7c8;border-radius:13px;padding:11px 12px;color:var(--brown);background:#fffdf8}.ruang-option textarea{min-height:70px;resize:vertical}.ruang-option .primary-button{text-align:center}.ruang-success{display:grid;gap:6px;justify-items:center;text-align:center;padding:18px 10px;border-radius:16px;background:#e7f4e4}.ruang-success span{font-size:1.8rem}.ruang-success p{color:var(--green-dark);margin:0;font-size:.82rem}.optional-text{color:var(--muted);font-weight:600}.profile-note{width:min(100%,560px);margin:14px auto 0;color:var(--muted);font-size:.75rem;line-height:1.5}.ruang-warning{display:grid;gap:10px;padding:16px;border-radius:16px;background:#fff4d5;color:#6d5a50}.ruang-warning p{margin:0;color:#6d5a50;font-size:.82rem;line-height:1.5}.ruang-warning .secondary-button{justify-self:start}.profile-page h1{margin:5px 0 8px}.profile-details{display:grid;width:min(100%,560px);gap:10px;margin:18px auto;text-align:left}.profile-details div{display:flex;justify-content:space-between;gap:20px;border-radius:14px;padding:12px 14px;background:#fffaf0}.profile-details span{color:var(--muted)}.profile-settings{width:min(100%,560px);margin:0 auto 18px;text-align:left}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(81,61,52,.08);border-radius:16px;padding:14px 16px;background:#fffaf0}.settings-toggle span{display:grid;gap:3px}.settings-toggle small{color:var(--muted);font-size:.75rem;line-height:1.4}.settings-toggle input[type=checkbox]{width:42px;height:24px;accent-color:var(--green);flex-shrink:0}.profile-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.crisis-card{display:flex;gap:14px;border:1px solid rgba(163,72,63,.18);border-radius:22px;padding:18px;background:linear-gradient(145deg,#fff4f1,#fff9f4);box-shadow:var(--shadow-soft)}.crisis-card-icon{display:grid;flex-shrink:0;width:44px;height:44px;place-items:center;border-radius:15px;background:#ffe3dc;font-size:1.2rem}.crisis-card-body{display:grid;gap:6px}.crisis-card-body strong{font-size:.96rem;color:#7a352c}.crisis-card-body p{margin:0;color:#8a6a62;font-size:.82rem;line-height:1.55}.crisis-card-note{color:#9b877c!important;font-size:.74rem!important}.crisis-card-compact{padding:14px}.crisis-card-compact .crisis-card-icon{width:38px;height:38px}@keyframes eggFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes eggWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg) translateY(-3px)}50%{transform:rotate(4deg) translateY(-5px)}75%{transform:rotate(-2deg) translateY(-2px)}}@keyframes wave{0%,55%,to{transform:rotate(0)}65%{transform:rotate(-18deg)}75%{transform:rotate(10deg)}85%{transform:rotate(-12deg)}}@keyframes blink{0%,45%,48%,to{transform:scaleY(1)}46.5%{transform:scaleY(.15)}}@keyframes specklePulse{0%,to{opacity:.48}50%{opacity:.7}}@keyframes crackPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes leafSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@keyframes sparkle{0%,to{transform:scale(.9) rotate(0);opacity:.5}50%{transform:scale(1.15) rotate(15deg);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:720px){.app-container{padding:24px 24px 110px}.onboarding-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:650px}.onboarding-visual{min-height:100%}.onboarding-form{display:flex;flex-direction:column;justify-content:center;padding:38px}.game-menu{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.app-container{padding:24px}.app-grid{grid-template-columns:242px minmax(0,1fr)}.sidebar{display:block}.bottom-nav{display:none}.game-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start}.side-panel{position:sticky;top:24px}.game-room{min-height:590px;padding:28px}.egg-stage{min-height:360px}.egg{width:280px}}@media(max-width:420px){.game-room{min-height:530px}.status-box{padding:10px 8px}.status-box strong{font-size:.82rem}.menu-card{min-height:138px;padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.prefers-reduced-motion *,.prefers-reduced-motion *:before,.prefers-reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}