:root{--bg:#fbf8f2;--ink:#1f2a44;--muted:#5f6673;--green:#3f7a4a;--green-dark:#2e5c37;--green-soft:#e9f2e6;--line:#e6e1d6;--card-shadow:0 4px 18px #1f2a440f;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Rubik,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}button{font-family:inherit}a{color:inherit}.app{background:var(--bg);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}.app-main{flex:1}.tabbar{padding:10px 8px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee9df;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:sticky;bottom:0}.tab{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:flex}.tab-icon{border-radius:999px;padding:6px 18px;display:inline-flex}.tab.active{color:var(--green);font-weight:600}.tab.active .tab-icon{background:var(--green-soft)}.placeholder{text-align:center;padding:48px 24px}.placeholder p{color:var(--muted)}.hero{border-radius:0 0 32px 32px;flex-direction:column;gap:14px;padding:28px 20px 58px;display:flex;position:relative;overflow:hidden}.hero-wave{width:100%;height:70px;position:absolute;inset:auto 0 0}.hero-theme{background:#ffffffb3;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:500;position:relative}.hero-greeting{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.hero-hello{font-size:20px;font-weight:500}.hero-name{color:var(--green);font-size:38px;font-weight:700;line-height:1.1}.hero-sky{object-fit:contain;width:104px;height:104px}.hero-chips{flex-wrap:wrap;gap:8px;display:flex;position:relative}.chip{background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:500;display:inline-flex}.chip-plant{color:var(--green-dark);padding:5px 12px 5px 8px}.chip-plant img{object-fit:contain;width:24px;height:24px}.chip-effort{color:#8a4b1f}.today-body{flex-direction:column;gap:14px;margin-top:-30px;padding:0 20px 16px;display:flex;position:relative}.card,.section{box-shadow:var(--card-shadow);background:#fff;border-radius:22px;padding:16px}.card{flex-direction:column;gap:12px;display:flex}.card-title{margin:0;font-size:17px;font-weight:600}.dayline{justify-content:space-between;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.dayline-item{align-items:flex-start;display:flex}.dayline-stop{flex-direction:column;align-items:center;gap:6px;width:62px;display:flex}.dayline-dot{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.dayline-dot.is-active{border:3px solid var(--green)}.dayline-dot img{object-fit:contain;width:38px;height:38px}.dayline-label{color:var(--muted);font-size:13px}.dayline-label.is-active{color:var(--green);font-weight:600}.dayline-line{background:var(--line);border-radius:2px;flex-grow:1;height:3px;margin-top:24px}.dayline-line.is-active{background:linear-gradient(to left, var(--green) 50%, var(--line) 50%)}.section{flex-direction:column;gap:8px;padding:14px 14px 16px;display:flex}.section:not(:first-of-type){box-shadow:none}.section-head{text-align:right;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:2px;display:flex}.section-head img{object-fit:contain;width:40px;height:40px}.section-title{flex-grow:1;font-size:20px;font-weight:600}.section-count{font-size:14px;font-weight:500}.section-chevron{transition:transform .15s}.section-chevron.is-open{transform:rotate(180deg)}.tasks{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.task{align-items:stretch;gap:10px;display:flex}.task-rail{flex-direction:column;align-items:center;width:26px;display:flex}.task-line{flex-grow:1;width:2px}.task-dot{background:#fff;border:2px solid #d5d0c5;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.task-dot.is-done{background:var(--green);border:0}.task-dot.is-current{border:2.5px solid var(--green)}.task-row{min-height:66px;color:var(--ink);text-align:right;cursor:pointer;background:#faf8f4;border:0;border-radius:16px;flex-grow:1;align-items:center;gap:12px;margin:3px 0;padding:6px 8px;display:flex}.task-row.is-older{min-height:58px}.task-row.is-done{background:#f1f7ee}.task-row.is-current{background:#fff;box-shadow:inset 0 0 0 2px #cfe0f1}.task-tile{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.task-tile img{object-fit:contain;width:48px;height:48px}.is-older .task-tile{width:44px;height:44px}.is-older .task-tile img{width:38px;height:38px}.task-text{flex-direction:column;flex-grow:1;gap:2px;display:flex}.task-label{font-size:17px;font-weight:500}.is-older .task-label{font-size:16px}.task-time{color:var(--muted);font-size:13px}.task-now{color:#1f5c8a;background:#eaf2fa;border-radius:999px;padding:4px 8px;font-size:12px}.task-speak{color:#3e4656;cursor:pointer;background:#f1eee7;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:44px;height:44px;display:flex}.parent-note{background:#fff4d9;border-radius:20px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.parent-note-avatar{color:#5a3e00;background:#f6c453;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:600;display:inline-flex}.parent-note-text{flex-direction:column;flex-grow:1;gap:2px;display:flex}.parent-note-title{font-size:16px;font-weight:600}.parent-note-sub{color:var(--muted);font-size:14px}.screen{flex-direction:column;min-height:100%;display:flex}.screen-body{flex-direction:column;gap:14px;margin-top:-28px;padding:0 20px 16px;display:flex;position:relative}.screen-body.no-overlap{margin-top:0}.screen-plain{padding-top:24px}.page-hero{border-radius:0 0 32px 32px;flex-direction:column;gap:4px;padding:28px 20px 62px;display:flex;position:relative;overflow:hidden}.page-hero h1{margin:0;font-size:32px;font-weight:700;position:relative}.page-hero-row{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:10px;padding-bottom:60px}.page-hero-text{flex-direction:column;gap:6px;padding-bottom:6px;display:flex;position:relative}.page-hero-sub{color:#3e4656;font-size:16px;line-height:1.45;position:relative}.page-hero-sub b{color:var(--green-dark)}.page-hero-img{object-fit:contain;width:150px;height:150px;position:relative}.together-title span{color:var(--green-dark)}.card-row{justify-content:space-between;align-items:center;display:flex}.card-aside{color:var(--muted);font-size:14px}.card-aside.is-green{color:var(--green);font-weight:500}.card-note{color:var(--muted);text-align:center;margin:0;font-size:14px}.card-note.is-ink{color:var(--ink);font-size:15px}.card-note b{color:var(--green)}.week{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:2px;display:grid}.week-day{flex-direction:column;align-items:center;gap:6px;display:flex}.week-day img{object-fit:contain}.week-dot{background:#fff;border:2px solid #d5d0c5;border-radius:50%;justify-content:center;align-items:center;display:flex}.week-dot.is-done{background:var(--green);border:0}.week-label{color:var(--muted);font-size:13px}.words{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.word{color:var(--ink);cursor:pointer;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;display:flex;position:relative}.word.is-picked{box-shadow:inset 0 0 0 2px var(--green)}.word img{object-fit:contain;width:56px;height:56px}.word-label{font-size:15px;font-weight:500}.word-count{color:#3e4656;background:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}.quote{background:#f6f3ec;border-radius:14px;flex-direction:column;gap:4px;margin:0;padding:12px 14px;display:flex}.quote-when{color:var(--muted);font-size:13px}.quote-text{font-size:15px;line-height:1.5}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:#f1eee7;border-radius:999px;padding:6px 12px;font-size:14px}.moment{align-items:center;gap:12px;display:flex}.moment-tile{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.moment-tile img{object-fit:contain;width:46px;height:46px}.moment-text{flex-direction:column;gap:2px;display:flex}.moment-title{font-size:16px;font-weight:500}.moment-when{color:var(--muted);font-size:13px}.encourage-top{flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;height:150px;margin:0 20px 16px;display:flex;position:relative}.confetti{position:absolute}.encourage-avatar{color:#5a3e00;background:#f6c453;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:20px;font-weight:600;display:inline-flex;box-shadow:0 0 0 8px #fff1c9}.encourage-from{font-size:17px;font-weight:500}.message-card{text-align:center;background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:28px 24px;display:flex;box-shadow:0 6px 24px #1f2a4412}.message-card img{object-fit:contain;width:120px;height:120px}.message-tag{background:var(--green-soft);color:var(--green);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}.message-word{color:var(--green);font-size:46px;font-weight:700;line-height:1.1}.message-text{margin:0;font-size:21px;font-weight:500;line-height:1.5}.message-question{color:#2f5a8a;margin:0;font-size:19px;font-weight:500;line-height:1.5}.reply-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reply{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:56px;font-size:16px;font-weight:600;display:flex}.reply-thanks{color:#8a3f14;background:#fcebdd}.reply-voice{color:#1f4e7a;background:#e3eef9}.reply-write{background:var(--green-soft);color:var(--green-dark)}.words-mini{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.word-mini{border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:14px;font-weight:500;display:flex}.word-mini img{object-fit:contain;width:44px;height:44px}.back-link{background:var(--green-soft);min-height:52px;color:var(--green-dark);border-radius:18px;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:flex}.together-body{margin-top:-34px}.week-choice{background:#fcefe4;border-radius:22px;align-items:center;gap:14px;padding:16px;display:flex}.week-choice img{object-fit:contain;flex-shrink:0;width:92px;height:92px}.week-choice-text{flex-direction:column;gap:3px;display:flex}.week-choice-kicker{color:#8a3f14;font-size:13px;font-weight:500}.week-choice-title{font-size:21px;font-weight:700}.week-choice-note{color:#5b4636;font-size:14px}.cats{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.cat{border:1px solid var(--line);color:#3e4656;cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;min-height:48px;padding:6px 8px 6px 14px;font-size:14px;font-weight:500;display:inline-flex}.cat.is-on{border:0}.cat img{object-fit:contain;width:30px;height:30px}.suggest-box{background:#fff;border:1px dashed #cfc6b4;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.suggest-slots{flex-shrink:0;gap:6px;display:flex}.suggest-slot{color:#a39c8e;background:#f1eee7;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.suggest-slot.is-free{color:#8a5a00;background:#fff1c9}.suggest-text{flex-direction:column;gap:2px;display:flex}.suggest-left{font-size:15px;font-weight:600}.suggest-hint{color:var(--muted);font-size:13px}.ideas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.idea{background:#fff;border-radius:20px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 4px 14px #1f2a440d}.idea-pic{border-radius:14px;justify-content:center;align-items:center;height:96px;display:flex}.idea-pic img{object-fit:contain;width:84px;height:84px}.idea-title{min-height:44px;font-size:16px;font-weight:500;line-height:1.35}.idea-btn{min-height:40px;color:var(--green-dark);cursor:pointer;background:#f1f7ee;border:1px solid #cfe3c9;border-radius:12px;font-size:14px;font-weight:500}.idea-btn.is-on{background:var(--green);color:#fff;border:0}.idea-btn.is-blocked{border-color:var(--line);color:#6b7280;cursor:default;background:#f6f3ec}.task-rail{cursor:pointer}.btn{cursor:pointer;border:0;border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--green);color:#fff;flex:2}.btn-ghost{color:var(--ink);background:#fff;border:1px solid #ddd6c8;font-weight:500}.btn-soft{background:var(--green-soft);color:var(--green-dark)}.link-btn{min-height:44px;color:var(--green-dark);cursor:pointer;background:0 0;border:0;align-self:center;padding:8px 14px;font-size:15px;text-decoration:underline}.chip-btn{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;padding:0 12px;font-size:14px}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 8px #1f2a4414}.welcome{flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}.welcome-hero{text-align:center;border-radius:0 0 40px 40px;flex-direction:column;align-items:center;gap:6px;padding:48px 24px 70px;display:flex;position:relative;overflow:hidden}.welcome-img{object-fit:contain;width:150px;height:150px;position:relative}.welcome-title{margin:6px 0 0;font-size:30px;font-weight:700;line-height:1.25;position:relative}.welcome-tagline{color:var(--green-dark);margin:0;font-size:19px;font-weight:500;position:relative}.welcome-body{flex-direction:column;flex:1;gap:18px;padding:28px 24px 24px;display:flex}.welcome-text{text-align:center;margin:0;font-size:19px;line-height:1.6}.welcome-dots{justify-content:center;gap:8px;margin-top:auto;display:flex}.welcome-dot{background:var(--line);border-radius:4px;width:8px;height:8px;transition:width .2s}.welcome-dot.is-on{background:var(--green);width:22px}.welcome-actions{gap:10px;display:flex}.role-choice{flex-direction:column;gap:12px;display:flex}.role-card{border:1px solid var(--line);box-shadow:var(--card-shadow);color:var(--ink);text-align:right;cursor:pointer;background:#fff;border-radius:22px;align-items:center;gap:14px;padding:14px 16px;display:flex}.role-card img{object-fit:contain;flex-shrink:0;width:72px;height:72px}.role-text{flex-direction:column;gap:4px;display:flex}.role-title{font-size:20px;font-weight:700}.role-sub{color:var(--muted);font-size:14px}.join{flex-direction:column;gap:16px;max-width:430px;min-height:100dvh;margin:0 auto;padding:24px 20px;display:flex}.join-head{align-items:center;gap:10px;display:flex}.join-head h1{margin:0;font-size:26px;font-weight:700}.profiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.profile{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:17px;font-weight:600;display:flex}.profile-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:inline-flex}.profile-avatar.is-small{width:44px;height:44px;font-size:19px}.join-code{align-items:center}.code-boxes{gap:6px;display:flex}.code-box{background:#f6f3ec;border-radius:12px;justify-content:center;align-items:center;width:44px;height:54px;font-size:26px;font-weight:600;display:inline-flex}.code-box.is-filled{background:var(--green-soft);color:var(--green-dark)}.code-box.is-next{box-shadow:inset 0 0 0 2px var(--green);background:#fff}.form-error{color:#a3341f;text-align:center;margin:0;font-size:14px}.keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.key{min-height:52px;color:var(--ink);cursor:pointer;background:#f6f3ec;border:0;border-radius:14px;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:inline-flex}.key-muted{color:#3e4656;background:#f1eee7}.key-go{background:var(--green);color:#fff;font-size:17px;font-weight:600}.key-go:disabled{cursor:default;background:#c9d9c5}.tabbar-3{grid-template-columns:repeat(3,minmax(0,1fr))}.page-head{flex-direction:column;gap:6px;display:flex}.page-head h1{margin:0;font-size:28px;font-weight:700}.page-head p{color:#3e4656;margin:0;font-size:15px;line-height:1.55}.page-head-count{background:var(--green-soft);color:var(--green-dark);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:14px;font-weight:500}.kid-card-head{align-items:center;gap:12px;display:flex}.kid-card-name{flex-grow:1;font-size:19px;font-weight:600}.kid-card-note{color:#3e4656;margin:0;font-size:14px}.kid-chain{align-items:center;margin:0;padding:0;list-style:none;display:flex}.kid-chain-item{align-items:center;display:flex}.kid-chain-stop{flex-direction:column;align-items:center;gap:4px;width:76px;display:flex}.kid-chain-dot{background:#fff;border:2px solid #d5d0c5;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.kid-chain-dot.is-some{border:2.5px solid var(--green)}.kid-chain-dot.is-done{background:var(--green);border:0}.kid-chain-label{color:var(--muted);white-space:nowrap;font-size:12px}.kid-chain-line{background:var(--line);border-radius:2px;flex-grow:1;height:3px;margin-bottom:18px}.kid-chain-line.is-done{background:var(--green)}.shortcut{color:var(--ink);background:#fff6de;border-radius:20px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.shortcut img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.shortcut-text{flex-direction:column;gap:2px;display:flex}.shortcut-title{font-size:16px;font-weight:600}.shortcut-sub{color:#6b4a00;font-size:14px}.activity-cat{gap:4px}.activity-cat-head{align-items:center;gap:10px;padding-bottom:6px;display:flex}.activity-cat-head img{object-fit:contain;width:40px;height:40px}.activity-cat-text{flex-direction:column;flex-grow:1;gap:2px;display:flex}.activity-cat-title{font-size:17px;font-weight:600}.activity-cat-count{color:var(--muted);font-size:13px}.activity-list{margin:0;padding:0;list-style:none}.activity{border-top:1px solid #eee9df;align-items:center;gap:12px;padding:8px 0;display:flex}.activity-pic{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.activity-pic img{object-fit:contain;width:40px;height:40px}.activity-title{flex-grow:1;font-size:15px}.activity.is-off .activity-pic,.activity.is-off .activity-title{opacity:.45}.switch{cursor:pointer;background:#d5d0c5;border:0;border-radius:16px;flex-shrink:0;justify-content:flex-end;width:52px;height:32px;padding:3px;display:flex}.switch.is-on{background:var(--green);justify-content:flex-start}.switch-knob{background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 1px 3px #0003}.steps{gap:12px;margin:0;padding:14px 16px;list-style:none}.steps li{align-items:center;gap:12px;font-size:15px;line-height:1.5;display:flex}.step-n{background:var(--green-soft);width:32px;height:32px;color:var(--green-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.device-count{color:var(--muted);font-size:13px}.device-code{text-align:center;background:#fff6de;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.device-code-label{color:#6b4a00;font-size:15px}.device-code-value{letter-spacing:8px;font-size:36px;font-weight:700}.device-code-note{color:#6b4a00;font-size:13px}.device-code-actions{gap:8px;width:100%;margin-top:6px;display:flex}.preview-bar{z-index:5;background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex;position:sticky;top:0}.preview-bar-back{min-height:36px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.empty-note{color:var(--muted);text-align:center;margin:24px 0 0;font-size:17px;line-height:1.6}.empty-family{text-align:center;align-items:center}.empty-family img{object-fit:contain;width:96px;height:96px}.add-row{min-height:52px;color:var(--green-dark);background:#f6faf4;border:1px dashed #b9c9b3;border-radius:16px;justify-content:center;align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:flex}.kid-card-actions{gap:8px;display:flex}.kid-card-actions .btn{min-height:46px;font-size:15px;text-decoration:none}.btn-encourage{color:#6b4a00;background:#fff1c9;flex:1}.kid-card-actions .btn-ghost{flex:1}.icon-btn.is-flat{box-shadow:none;background:#f6f3ec}.kid-card-note.is-muted{color:#6b4a00}.btn:disabled{opacity:.45;cursor:default}.btn-danger{color:#fff;background:#b3402a}.link-btn.is-danger{color:#a3341f}.form-head{align-items:center;gap:10px;display:flex}.form-head h1{margin:0;font-size:24px;font-weight:700}.form-card{gap:16px}.form-name{align-items:flex-end;gap:14px;display:flex}.field{flex-direction:column;flex:1;gap:8px;display:flex}.field-label{color:var(--muted);font-size:14px}.field-hint{color:var(--green-dark);background:#f1f7ee;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.5}.field input,.field textarea{background:var(--bg);width:100%;min-height:48px;color:var(--ink);font:inherit;border:1px solid #ddd6c8;border-radius:12px;padding:10px 12px;font-size:17px}.field textarea{resize:vertical;line-height:1.5}.swatches{gap:10px;display:flex}.swatch{cursor:pointer;border:0;border-radius:50%;width:44px;height:44px}.swatch.is-on{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--ink)}.segmented{background:#f1eee7;border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;padding:4px;display:grid}.segmented button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;font-size:15px;font-weight:500}.segmented button.is-on{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1f2a441a}.grades{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.grade{min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ddd6c8;border-radius:12px;font-size:18px;font-weight:600}.grade.is-on{background:var(--green);color:#fff;border:0}.confirm{background:#fcebea;border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.confirm p{margin:0;font-size:15px;line-height:1.5}.confirm-actions{gap:8px;display:flex}.optional{color:var(--muted);font-size:13px;font-weight:400}.card-note.is-start{text-align:right}.word-picks{flex-wrap:wrap;gap:8px;display:flex}.word-pick{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:4px 12px;font-size:15px;font-weight:500;display:inline-flex}.word-pick img{object-fit:contain;width:30px;height:30px}.word-pick.is-on{box-shadow:inset 0 0 0 2px var(--green)}.cat.is-plain{background:var(--green-soft);color:var(--green-dark);box-shadow:inset 0 0 0 2px var(--green);border:0}.sentences{flex-direction:column;gap:8px;display:flex}.sentence{border:1px solid var(--line);color:var(--ink);text-align:right;cursor:pointer;background:#fff;border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.45}.sentence.is-on{border-color:var(--green);background:#f1f7ee}.pill-btn{min-height:40px;color:var(--ink);cursor:pointer;border:0}.pill-btn.is-on{background:var(--green);color:#fff}.sent{text-align:center;align-items:center;gap:12px;padding-top:48px}.sent h1{margin:0;font-size:26px}.sentence.is-other{color:var(--green-dark);border-style:dashed;font-weight:500}.own-sentence{flex-direction:column;gap:10px;display:flex}.confirm-dialog{width:min(360px,100% - 32px);color:var(--ink);background:#fff;border:0;border-radius:24px;padding:20px;box-shadow:0 12px 40px #1f2a4440}.confirm-dialog::backdrop{background:#1f2a4473}.confirm-dialog[open]{flex-direction:column;gap:16px;display:flex}.confirm-dialog h2{margin:0;font-size:22px}.confirm-preview{background:#fff6de;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.confirm-preview p{margin:0;font-size:18px;font-weight:500;line-height:1.5}.confirm-preview .confirm-question{color:#2f5a8a;font-size:16px}.confirm-from{color:#6b4a00;font-size:13px}.task-speak.is-playing{background:var(--green-soft);color:var(--green-dark)}.voice{flex-direction:column;gap:10px;display:flex}.voice-actions{align-items:center;gap:12px;display:flex}.voice-actions .btn{flex:1;min-height:48px}.voice-player{width:100%}.voice-note{color:var(--muted);margin:0;font-size:14px}.voice-note.is-problem{color:#a3341f}.signin-img{object-fit:contain;align-self:center;width:88px;height:88px}.device-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.device-list li{justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}