@font-face{font-family:Alegreya;src:url('../assets/fonts/alegreya.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:Nunito;src:url('../assets/fonts/nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--forest:#244c3c;--forest-dark:#1c3d30;--sage:#e8eee3;--paper:#f8f8f1;--white:#fffefa;--ink:#293f36;--muted:#5b6d61;--line:#dce3d6;--blue:#3c687f;--warm:#94653e;--danger:#a33c32;--radius:14px;--body-size:16px;--shadow:0 12px 35px rgba(27,55,40,.08);font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:var(--body-size);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}a,button,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue)}input,textarea{caret-color:var(--forest)}::selection{background:#d2e3ca;color:var(--forest-dark)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#a2b29c;border:2px solid var(--paper);border-radius:9px}h1,h2,h3,p{margin:0}h1,h2{font-family:Alegreya,Georgia,serif;font-weight:600;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}h3{font-weight:800;line-height:1.35}p{line-height:1.65}small{line-height:1.5}img{max-width:100%;display:block}svg.icon{width:22px;height:22px;flex:0 0 auto;vertical-align:middle}a.button{text-decoration:none}.button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:12px;padding:12px 21px;border:1px solid transparent;font-weight:800;line-height:1.4;transition:background .16s,color .16s;white-space:normal}.button.primary{background:var(--forest);color:#fff}.button.primary:hover{background:var(--forest-dark)}.button.secondary{background:var(--white);border-color:var(--line);color:var(--forest)}.button.secondary:hover{background:var(--sage)}.button.danger{background:var(--danger);color:white}.button.danger-outline{background:transparent;border-color:#d6aea6;color:var(--danger)}.button.small-button{font-size:.86rem;padding:7px 12px}.button.wide{width:100%}.text-button,.icon-button{border:0;background:none;color:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 10px;font-weight:800}.text-button:hover,.icon-button:hover{background:var(--sage);border-radius:8px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link .icon{width:18px;height:18px}.icon-button{min-width:48px}.danger-text{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:var(--forest);color:#fff;padding:12px 20px}.skip-link:focus{top:12px}[hidden]{display:none!important}.boot{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:30px;text-align:center}.boot h1{font-size:3rem}.boot p{max-width:55ch}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Alegreya,Georgia,serif;font-size:1.8rem;font-weight:700;white-space:nowrap;color:var(--forest)}.wordmark .icon{width:37px;height:37px;padding:7px;background:var(--forest);color:var(--paper);border-radius:10px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;display:flex;flex-direction:column;background:#f0f2e8;border-right:1px solid var(--line);padding:35px 24px 28px;z-index:20}.brand-subtitle{font-size:.78rem;color:var(--muted);margin:7px 0 46px 49px}.sidebar nav{display:flex;flex-direction:column;gap:10px}.nav-link{min-height:50px;display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:800}.nav-link:hover{background:#e7ecdf;color:var(--forest)}.nav-link.active{background:var(--forest);color:#fff}.sidebar-bottom{margin-top:auto;padding-top:40px}.local-note{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:.78rem;line-height:1.65}.local-note .icon{width:18px;height:18px}.install-link{margin-top:15px;padding-left:0;font-size:.76rem}.install-link .icon{width:16px;height:16px}.main-column{margin-left:244px}.topbar{display:flex;min-height:94px;align-items:center;justify-content:space-between;gap:16px;margin:0 46px;border-bottom:1px solid var(--line)}.page-context{font-weight:800;font-size:.94rem}.status-area{display:flex;align-items:center;gap:18px}.offline-status{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.73rem}.offline-status .icon{width:16px;height:16px;color:#557943}.save-status{font-size:.7rem;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.save-error{color:var(--danger)}#main{max-width:1260px;margin:auto;padding:35px 46px 42px;outline:none;min-height:calc(100vh - 166px)}.app-footer{margin:0 46px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.72rem}.app-footer span:first-child{font-family:Alegreya,serif;font-size:.94rem}.mobile-nav{display:none}.garden-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:370px;overflow:hidden;border-radius:18px;background:#edf1e5;position:relative}.hero-copy{padding:39px 0 33px 36px;z-index:2}.hero-copy h2{font-size:clamp(2.5rem,3.45vw,3.9rem);color:var(--forest);font-weight:600;line-height:1.04}.hero-copy p{color:var(--muted);font-size:.95rem;line-height:1.65;margin:20px 0 25px}.hero-copy .button{padding:13px 19px;font-size:.88rem;gap:9px}.hero-copy .button .icon:last-child{width:17px}.hero-note{display:block;font-size:.71rem;color:var(--muted);margin-top:13px;max-width:28ch;line-height:1.5}.garden-art{position:relative;isolation:isolate;min-height:340px;overflow:hidden}.garden-art .landscape{position:absolute;width:100%;height:100%;object-fit:cover;object-position:67% 50%;z-index:-1}.garden-hero .garden-art{margin-left:-52px}.garden-hero .garden-art:before{content:"";position:absolute;inset:0 auto 0 0;width:80px;background:linear-gradient(90deg,#edf1e5,transparent);z-index:2;pointer-events:none}.growth-tree{position:absolute;inset:-6% -6% 0 0;width:112%;height:108%;transform-origin:50% 88%}.garden-verse{position:absolute;bottom:18px;right:21px;left:60px;text-align:right;font-family:Alegreya,Georgia,serif;font-size:.88rem;color:#294d3d;text-shadow:0 1px 8px #fff;background:rgba(249,250,240,.77);padding:4px 9px;border-radius:4px}.growth-section{padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.growth-description{display:flex;align-items:center;gap:16px}.growth-description>.icon{width:42px;height:42px;padding:9px;background:#e8eee0;border-radius:50%;color:var(--forest)}.growth-description h2{font-family:Nunito,sans-serif;font-size:1rem;letter-spacing:0;font-weight:800;line-height:1.4}.growth-description p{font-size:.78rem;color:var(--muted);margin-top:4px}.growth-detail{display:flex;align-items:center;gap:9px;font-size:.72rem;color:var(--muted);max-width:255px}.growth-detail>strong{font-family:Alegreya,serif;font-size:2.1rem;font-weight:600;color:var(--forest);line-height:1}.growth-detail>span:not(.stage-tag){max-width:86px;line-height:1.45}.stage-tag{font-size:.66rem;font-weight:800;background:#e8eee2;padding:6px 10px;border-radius:50px;white-space:nowrap;color:var(--forest)}.home-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;padding-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.section-heading h2{font-size:1.6rem}.section-heading>span{font-size:.8rem;color:var(--muted)}.empty-inline{display:flex;align-items:flex-start;gap:16px;padding:23px 0}.empty-inline>.icon{color:#79926f;width:31px;height:31px}.empty-inline h3{font-size:.87rem}.empty-inline p{font-size:.78rem;margin-top:5px;max-width:36ch;color:var(--muted)}.gentle-reminder{display:flex;align-items:center;gap:12px;background:#edf0e4;border-radius:14px;padding:18px 20px 10px;overflow:hidden}.character{object-fit:contain;object-position:center bottom}.gentle-reminder .character{width:86px;height:120px;align-self:flex-end}.gentle-reminder h3{font-family:Alegreya,serif;font-weight:600;font-size:1.3rem;margin-bottom:6px}.gentle-reminder p{font-size:.75rem;line-height:1.7;color:var(--muted)}.page-intro{margin:4px 0 30px}.page-intro h2{font-size:2.6rem;color:var(--forest)}.page-intro p{font-size:.95rem;color:var(--muted);margin-top:11px}.page-intro.with-action{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-intro .button{flex-shrink:0}.form-line{display:grid;grid-template-columns:190px 1fr;gap:20px;margin-bottom:30px}.prepare-form{max-width:850px}label{display:block;font-size:.9rem;font-weight:800;color:var(--ink)}input:not([type="radio"]):not([type="checkbox"]),select,textarea{width:100%;min-height:48px;border:1px solid #c6d2c0;background:var(--white);border-radius:9px;padding:12px 14px;color:var(--ink);margin-top:8px;font-size:.94rem}input::placeholder,textarea::placeholder{color:#647462;opacity:1}textarea{resize:vertical;line-height:1.65}textarea[readonly]{background:#f0f2e9}.optional{color:var(--muted);font-size:.76rem;font-weight:500;margin-left:5px}input[type="checkbox"],input[type="radio"]{accent-color:var(--forest);width:21px;height:21px;flex:0 0 auto}.plain-fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.plain-fieldset legend{font-size:.94rem;font-weight:800;margin-bottom:15px}.selected-count{font-size:.75rem;font-weight:500;margin-left:10px;color:var(--muted)}.word-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.word-option{display:flex;border:1px solid var(--line);border-radius:10px;background:var(--white)}.word-option:has(input:checked){border-color:#709765;background:#edf2e6}.word-option label{display:flex;align-items:center;gap:12px;flex:1;padding:16px;min-height:60px;cursor:pointer;overflow-wrap:anywhere}.word-option .icon-button{margin-right:3px;color:#6a7c66}.word-option .icon{width:16px;height:16px}.add-word{display:flex;gap:12px;align-items:stretch;margin-top:8px}.add-word input{margin-top:0!important}.notice{display:flex;align-items:flex-start;gap:13px;background:#edf1e6;border-radius:10px;padding:16px 18px;margin:24px 0;color:var(--muted);font-size:.85rem}.notice .icon{width:20px;height:20px;margin-top:3px;color:var(--forest)}.form-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:28px}.listening-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 32px}.listening-header h2{font-size:2.5rem;margin:12px 0;color:var(--forest);overflow-wrap:anywhere}.listening-header p{font-size:.86rem;color:var(--muted)}.session-state{display:flex;align-items:center;gap:9px;font-size:.81rem;font-weight:800;color:var(--forest)}.session-state i{width:7px;height:7px;background:var(--forest);border-radius:50%}.session-state.paused{color:var(--warm)}.session-state.paused i{background:var(--warm)}.session-total{text-align:center;min-width:125px}.session-total strong{font-family:Alegreya,serif;font-size:3.7rem;color:var(--forest);font-weight:500;line-height:1;display:block;font-variant-numeric:tabular-nums}.session-total span{font-size:.72rem;color:var(--muted)}.counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.word-counter{min-height:160px;padding:24px;background:var(--white);border:1px solid #cfdbc9;border-radius:14px;text-align:left;color:var(--forest);transition:background .12s,border-color .12s}.word-counter:hover:not(:disabled){background:#edf3e8;border-color:#7b9a6d}.word-counter:active:not(:disabled){background:#dfead5}.counter-label{font-size:1.12rem;font-weight:800;line-height:1.45;display:block;overflow-wrap:anywhere}.counter-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px}.counter-bottom>strong{font-size:2.25rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.counter-plus{display:flex;gap:2px;align-items:center;background:#e8efdf;border-radius:9px;padding:8px;font-size:.9rem;font-weight:800}.counter-plus .icon{width:17px;height:17px}.counter-grid.essential{grid-template-columns:repeat(2,minmax(0,1fr))}.counter-grid.essential .word-counter{min-height:185px}.counter-grid.essential .counter-label{font-size:1.4rem}.meeting-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.end-meeting{margin-left:auto}.listening-rule{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--muted);max-width:70ch;margin-top:27px}.listening-rule .icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.pause-notice{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f0e9da;border-radius:10px;margin-bottom:20px;font-size:.88rem;color:#715831}.quiet-shell .topbar .offline-status{display:none}.record-list{display:flex;flex-direction:column}.record-row{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid var(--line);text-decoration:none}.record-row:hover{background:#eef2e6}.record-date{width:42px;height:46px;display:flex;align-items:center;justify-content:center;background:#edf1e5;border-radius:9px;color:var(--forest);flex:0 0 auto}.record-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.record-info strong{font-size:.9rem;overflow-wrap:anywhere}.record-info small{font-size:.74rem;color:var(--muted)}.record-count{font-weight:800;font-size:.85rem;text-align:right;white-space:nowrap}.record-count span{display:block;font-weight:400;font-size:.66rem;color:var(--muted)}.record-row>.icon{width:16px;height:16px;color:#6a8262}.list-caption{font-size:.77rem;color:var(--muted);margin:26px 0 8px}.search-label{max-width:450px;font-size:.8rem}.search-label input{font-weight:500}.diary-list .record-row{padding:22px 8px}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:65px 20px;gap:20px}.empty-state>.icon{width:53px;height:53px;color:#6f8e64}.empty-state h2{font-size:2.7rem;max-width:21ch;color:var(--forest)}.empty-state h3{font-family:Alegreya,serif;font-size:1.8rem;font-weight:600;max-width:30ch}.empty-state p{max-width:50ch;color:var(--muted);font-size:.94rem}.back-link{margin-bottom:26px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-heading h2{font-size:2.7rem;color:var(--forest);max-width:25ch;overflow-wrap:anywhere}.result-heading p{color:var(--muted);font-size:.88rem;margin-top:12px}.result-heading .character{width:100px;height:110px}.result-message{display:flex;align-items:flex-start;gap:13px;padding:18px 0;margin:15px 0;color:var(--muted);font-size:.9rem;border-bottom:1px solid var(--line)}.result-message .icon{color:var(--forest);margin-top:2px}.results-section{margin:28px 0}.results-section h3{font-size:1rem}.word-results{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px;margin:0}.word-results>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.word-results dt{font-size:.9rem;overflow-wrap:anywhere}.word-results dd{font-weight:800;font-size:1.2rem;color:var(--forest);font-variant-numeric:tabular-nums}.reflection{margin:34px 0}.reflection label{font-size:1.05rem}.reflection small{color:var(--muted);font-size:.74rem;margin-top:7px;display:block}.drawing-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf0e3;border-radius:14px;padding:24px}.drawing-invite>div>.icon{width:24px;height:24px;margin-bottom:9px;color:var(--forest)}.drawing-invite h3{font-size:1rem}.drawing-invite p{font-size:.8rem;color:var(--muted);margin-top:7px;max-width:51ch}.drawing-invite .button{flex-shrink:0;font-size:.85rem}.record-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px}.record-footer .text-button{font-size:.8rem}.mini-gallery{display:flex;gap:15px;margin-top:22px}.drawing-preview{width:220px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-item{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none}.gallery-item>img{width:100%;aspect-ratio:10/7;object-fit:contain;background:white}.gallery-item>div{padding:15px;display:grid;grid-template-columns:1fr auto;gap:5px}.gallery-item strong{font-size:.85rem;overflow-wrap:anywhere}.gallery-item small{font-size:.72rem;color:var(--muted);grid-column:1}.gallery-item .icon{grid-column:2;grid-row:1/3;width:17px;align-self:center}.drawing-allowed{display:flex;align-items:center;gap:8px;color:var(--forest);font-size:.85rem;margin-bottom:22px}.drawing-allowed .icon{width:18px}.draw-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:#eef1e7;border-radius:12px 12px 0 0}.tool{display:flex;align-items:center;justify-content:center;min-width:46px;height:46px;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--forest)}.tool:hover,.tool.selected{background:#fff;border-color:#a2b798}.tool-divider{height:25px;width:1px;background:#c9d4c2;margin:0 3px}.color-tools{display:flex;align-items:center;gap:3px}.color-tool{position:relative;width:42px;height:46px;border:2px solid transparent;background:transparent;border-radius:10px;padding:8px}.color-tool:before{content:"";display:block;width:23px;height:23px;background:var(--swatch);border-radius:50%}.color-tool.selected{border-color:var(--forest);background:#fff}.brush-size{display:flex;align-items:center;gap:8px;font-size:.76rem;margin-left:auto}.brush-size select{min-height:44px;width:auto;padding:8px;margin:0;font-size:.8rem}.canvas-frame{border:1px solid #ccd7c5;border-top:0;background:white;border-radius:0 0 12px 12px;overflow:hidden}#drawing-canvas{display:block;width:100%;aspect-ratio:10/7;touch-action:none;cursor:crosshair;background:white}.drawing-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.drawing-footer>span{font-size:.77rem;color:var(--muted)}.privacy-note{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:.73rem;color:var(--muted);margin-top:22px}.privacy-note .icon{width:16px;height:16px}.settings-section{padding:28px 0;border-bottom:1px solid var(--line);max-width:850px}.settings-heading{margin-bottom:21px}.settings-heading h3{font-size:1.08rem;color:var(--forest)}.settings-heading p{color:var(--muted);font-size:.86rem;max-width:65ch;margin-top:6px}.settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.settings-fields label{font-size:.8rem}.settings-fields select{font-size:.83rem}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.toggle-row strong{font-size:.9rem}.toggle-row small{display:block;color:var(--muted);font-size:.77rem;font-weight:400;margin-top:4px}.toggle-row input{width:40px;height:23px}.settings-section .button[type="submit"]{margin-top:23px}.settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.settings-actions .text-button{font-size:.78rem}.small-note{font-size:.75rem;line-height:1.65;color:var(--muted);margin:17px 0}.danger-zone{border:0}.danger-zone h3{color:var(--danger)}.character-choices{display:flex;gap:16px}.character-choice{position:relative;border:1px solid #cad5c2;border-radius:12px;display:flex;flex-direction:column;align-items:center;width:145px;padding:13px 18px;background:#f4f6ec;cursor:pointer;overflow:hidden}.character-choice:has(input:checked){border:2px solid var(--forest);padding:12px 17px;background:#e9efdf}.character-choice input{position:absolute;left:11px;top:9px;width:17px;height:17px}.character-choice .character{width:85px;height:100px;margin:3px 0 8px;object-fit:contain;object-position:center bottom}.character-choice span{font-size:.83rem}.character-choice .choice-check{position:absolute;right:8px;top:9px;width:17px;height:17px;display:none;color:var(--forest)}.character-choice:has(input:checked) .choice-check{display:block}.compact-choices .character-choice{width:130px}.compact-choices .character{height:85px}.welcome-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto}.welcome-copy{padding:45px clamp(30px,5vw,90px);align-self:center}.welcome-copy .wordmark{margin-bottom:35px}.welcome-copy h1{font-size:clamp(2.6rem,3.4vw,4rem);color:var(--forest);max-width:17ch}.welcome-copy>p{font-size:.94rem;color:var(--muted);margin:20px 0 27px;max-width:48ch}.welcome-copy .plain-fieldset{margin-bottom:24px}.welcome-copy .plain-fieldset legend{font-size:.87rem}.welcome-copy .privacy-note{font-size:.72rem;line-height:1.6}.welcome-copy form{max-width:450px}.welcome-art{background:#d8e4cf;position:relative;overflow:hidden;margin:20px 20px 20px 0;border-radius:18px}.welcome-art .garden-art{height:100%;min-height:100vh}.welcome-art .landscape{object-position:65% 50%}.welcome-art .growth-tree{width:150%;height:100%;left:-25%;top:-7%}.welcome-art .garden-verse{bottom:95px;right:30px;left:30px;text-align:center;font-size:1rem;background:none}.welcome-art-caption{position:absolute;bottom:50px;left:30px;right:30px;text-align:center;color:var(--forest);font-family:Alegreya,Georgia,serif;font-size:1.5rem}.mode-choices{display:flex;gap:12px}.mode-choices label{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #cad5c2;border-radius:10px;flex:1;background:var(--white);cursor:pointer}.mode-choices label:has(input:checked){border-color:var(--forest);background:#edf2e4}.mode-choices strong{font-size:.85rem}.mode-choices small{display:block;color:var(--muted);font-size:.7rem;font-weight:400;margin-top:3px}.mode-choices input{width:17px;height:17px;margin:2px 0 0}.read-only-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 25px;background:#f1e9d6;color:#66522f;font-size:.85rem}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 23px;max-width:min(90vw,650px);border-radius:12px;box-shadow:var(--shadow);color:#fff;background:var(--forest);font-size:.87rem;z-index:80}.toast.error{background:#853f34}dialog{border:0;border-radius:18px;padding:32px;max-width:min(520px,calc(100vw - 32px));color:var(--ink);background:var(--white);box-shadow:0 20px 80px rgba(20,45,30,.2)}dialog::backdrop{background:rgba(24,48,35,.42)}.dialog-symbol{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--sage);border-radius:50%;color:var(--forest);margin-bottom:20px}dialog h2{font-size:2rem;color:var(--forest)}dialog p{font-size:.9rem;color:var(--muted);margin:15px 0 20px}dialog label{margin:18px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions .button{font-size:.85rem}.backup-preview{padding:15px;background:#edf1e6;border-radius:10px}.backup-preview p{margin:0 0 8px;font-size:.8rem}.backup-preview .text-button{font-size:.76rem;text-align:left}
html[data-text-size="large"]{--body-size:18px}html[data-text-size="extra"]{--body-size:20px}html[data-button-size="large"] .button{min-height:58px}html[data-button-size="large"] .word-counter{min-height:200px}
@media(min-width:1500px){.hero-copy{padding-top:55px;padding-left:45px}.garden-hero{min-height:425px}.hero-copy h2{font-size:4rem}.hero-copy p{font-size:1.02rem}}
@media(max-width:1200px){.sidebar{width:215px;padding-inline:17px}.main-column{margin-left:215px}.wordmark{font-size:1.6rem}.brand-subtitle{margin-left:43px}.topbar{margin-inline:30px}#main{padding:30px}.app-footer{margin-inline:30px}.hero-copy{padding-left:26px}.hero-copy h2{font-size:3rem}.home-bottom{grid-template-columns:1fr 1fr;gap:20px}.gentle-reminder{padding-inline:12px}.gentle-reminder .character{width:65px}.growth-detail{max-width:215px}.stage-tag{display:none}.counter-grid{gap:13px}.word-counter{padding:20px}.draw-tools{gap:5px}.color-tool{width:36px;padding:5px}.brush-size{margin-left:0}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.sidebar{width:185px;padding-inline:13px}.main-column{margin-left:185px}.sidebar .wordmark{font-size:1.4rem;gap:7px}.sidebar .wordmark .icon{width:31px;height:31px}.brand-subtitle{margin-left:38px;font-size:.65rem}.nav-link{font-size:.8rem;padding:12px 10px;gap:9px}.topbar{margin-inline:24px}.status-area{gap:8px}.save-status{display:none}#main{padding:28px 24px}.app-footer{margin-inline:24px}.hero-copy h2{font-size:2.65rem}.hero-copy p{font-size:.85rem}.hero-copy .button{font-size:.78rem;padding:12px}.garden-hero{grid-template-columns:1fr 1fr;min-height:345px}.garden-hero .garden-art{margin-left:-25px}.hero-copy{padding:30px 0 30px 24px}.home-bottom{grid-template-columns:1fr}.gentle-reminder{max-width:100%;padding:12px 22px;align-items:center}.gentle-reminder .character{height:90px;width:70px}.gentle-reminder p{max-width:60ch}.counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-toolbar .button{font-size:.8rem;padding:10px 13px}.end-meeting{margin-left:0}.settings-fields{grid-template-columns:1fr}.word-results{grid-template-columns:repeat(2,1fr)}.drawing-invite{align-items:flex-start;flex-direction:column}.welcome-copy{padding:35px}.welcome-copy h1{font-size:2.6rem}.welcome-art-caption{font-size:1.2rem}.mode-choices{flex-direction:column}.character-choice{width:130px}.result-heading h2{font-size:2.3rem}}
@media(max-width:700px){.sidebar{display:none}.main-column{margin-left:0}.topbar{min-height:73px;margin:0 22px}.page-context{font-size:.9rem}.offline-status{font-size:.65rem;max-width:170px;line-height:1.4}.offline-status .icon{width:14px;height:14px}#main{padding:23px 20px 27px;min-height:calc(100vh - 200px)}.app-footer{margin:0 20px 94px;padding:17px 0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:#f8f9f1;border-top:1px solid var(--line);padding:8px 10px max(10px,env(safe-area-inset-bottom));min-height:77px}.mobile-nav .nav-link{display:flex;flex-direction:column;gap:5px;min-width:65px;min-height:55px;padding:7px 10px;font-size:.66rem;border-radius:10px;justify-content:center}.mobile-nav .nav-link .icon{width:21px;height:21px}.mobile-nav .nav-link.active{background:#e4ecd9;color:var(--forest)}.garden-hero{display:flex;flex-direction:column;min-height:0;border-radius:16px}.hero-copy{padding:26px 25px 14px}.hero-copy h2{font-size:2.8rem;line-height:1.03}.hero-copy p{font-size:.87rem;margin:15px 0 20px}.hero-copy p br{display:none}.hero-copy p{max-width:29ch}.hero-copy .button{font-size:.86rem;padding:12px 16px}.hero-note{font-size:.67rem;margin-top:11px;max-width:40ch}.garden-hero .garden-art{height:225px;min-height:225px;margin:0;margin-top:-12px}.garden-hero .garden-art:before{inset:0 0 auto 0;width:auto;height:42px;background:linear-gradient(#edf1e5,transparent)}.garden-art .landscape{object-position:65% 54%}.garden-hero .growth-tree{height:145%;top:-40%;width:115%;left:0}.garden-verse{bottom:12px;font-size:.8rem;right:16px}.growth-section{padding:23px 0;align-items:flex-start;gap:12px}.growth-description{gap:10px}.growth-description>.icon{width:35px;height:35px;padding:8px}.growth-description h2{font-size:.87rem}.growth-description p{font-size:.71rem;max-width:27ch}.growth-detail{max-width:95px;gap:7px;flex-wrap:wrap}.growth-detail>strong{font-size:1.7rem}.growth-detail>span:not(.stage-tag){font-size:.64rem;max-width:54px}.home-bottom{padding-top:24px;gap:21px}.section-heading h2{font-size:1.5rem}.text-link{font-size:.77rem}.gentle-reminder{padding:12px 16px 0;gap:16px}.gentle-reminder .character{height:107px;width:76px}.gentle-reminder h3{font-size:1.3rem}.gentle-reminder p{font-size:.73rem}.page-intro{margin:0 0 25px}.page-intro h2{font-size:2.25rem}.page-intro p{font-size:.85rem}.page-intro.with-action{align-items:flex-start;flex-direction:column;gap:17px}.page-intro.with-action h2 br{display:none}.form-line{grid-template-columns:1fr;gap:20px}.word-options{gap:10px}.word-option label{padding:12px 8px;gap:7px;font-size:.8rem;min-height:64px}.word-option input{width:18px;height:18px}.word-option .icon-button{min-width:29px;padding:4px;margin:0}.word-option .icon-button .icon{width:14px;height:14px}.plain-fieldset legend{font-size:.88rem}.selected-count{font-size:.7rem}.add-word{gap:8px}.add-word .button{padding:10px;font-size:.78rem}.add-word .button .icon{width:17px}.form-actions{gap:10px}.form-actions .button{flex:1;font-size:.83rem;padding:12px}.form-actions .text-link{width:100%;padding:12px 0}.notice{font-size:.78rem;padding:14px}.listening-header{gap:10px;margin-bottom:24px;align-items:flex-start}.listening-header h2{font-size:2.1rem;margin:11px 0}.listening-header p{font-size:.75rem;max-width:26ch}.session-state{font-size:.74rem}.session-total{min-width:75px;max-width:95px;padding-top:23px}.session-total strong{font-size:3rem}.session-total span{font-size:.63rem}.counter-grid{gap:12px}.word-counter{min-height:144px;padding:17px}.counter-label{font-size:1rem}.counter-bottom{margin-top:20px}.counter-bottom>strong{font-size:2rem}.counter-plus{padding:7px;font-size:.8rem}.counter-grid.essential .word-counter{min-height:170px}.counter-grid.essential .counter-label{font-size:1.13rem}.meeting-toolbar{gap:10px;margin-top:22px}.meeting-toolbar .button{flex:1;min-width:130px;font-size:.77rem}.meeting-toolbar .end-meeting{width:100%;flex-basis:100%;margin-top:3px}.listening-rule{font-size:.73rem;gap:8px;margin-top:22px}.listening-rule .icon{width:16px;height:16px}.result-heading h2{font-size:2.2rem}.result-heading .character{width:76px;height:98px}.result-heading p{font-size:.76rem}.result-message{font-size:.8rem}.word-results{column-gap:20px}.word-results dt{font-size:.83rem}.word-results dd{font-size:1.1rem;margin-left:5px}.drawing-invite{padding:20px}.drawing-invite .button{width:100%}.record-footer{flex-wrap:wrap}.record-footer .button{font-size:.8rem}.record-footer .text-button{font-size:.73rem}.gallery-grid{gap:14px}.gallery-item>div{padding:12px}.gallery-item strong{font-size:.76rem}.gallery-item small{font-size:.64rem}.draw-tools{padding:9px;gap:4px}.tool{min-width:42px;height:44px}.color-tools{order:3;flex-basis:100%;padding:3px 0;justify-content:center;gap:9px}.color-tool{width:42px;height:44px;padding:7px}.tool-divider{display:none}.brush-size{margin-left:auto;font-size:.67rem}.brush-size select{font-size:.73rem;max-width:115px;padding:6px}.drawing-footer{flex-direction:column;align-items:stretch;gap:15px}.drawing-footer>span{font-size:.72rem}.drawing-allowed{font-size:.77rem;align-items:flex-start}.privacy-note{font-size:.69rem;align-items:flex-start;line-height:1.6}.settings-section{padding:23px 0}.settings-heading p{font-size:.8rem}.settings-actions{gap:10px}.settings-actions .button{font-size:.8rem;flex:1;padding:12px}.settings-actions .text-button{font-size:.72rem;justify-content:flex-start;text-align:left}.settings-heading h3{font-size:1rem}.settings-section .button[type="submit"]{width:100%}.welcome-layout{display:block;min-height:100vh}.welcome-copy{padding:28px 25px 35px}.welcome-copy .wordmark{margin-bottom:31px}.welcome-copy h1{font-size:2.8rem;max-width:20ch}.welcome-copy>p{font-size:.87rem;max-width:42ch;margin:17px 0 25px}.welcome-art{display:none}.welcome-copy .character-choices{justify-content:flex-start;gap:14px}.character-choice{width:144px}.character-choice .character{height:104px;width:90px}.welcome-copy .plain-fieldset{margin-bottom:24px}.mode-choices{flex-direction:row;gap:10px}.mode-choices label{padding:11px;gap:7px}.mode-choices strong{font-size:.79rem}.mode-choices small{font-size:.66rem}.welcome-copy form{max-width:none}.welcome-copy .privacy-note{font-size:.68rem}.read-only-banner{font-size:.73rem;padding:12px 20px;flex-wrap:wrap;justify-content:flex-start}.toast{bottom:98px;width:max-content;max-width:calc(100vw - 32px);font-size:.8rem;padding:13px 17px}dialog{padding:25px}dialog h2{font-size:1.8rem}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.empty-state{padding:48px 5px}.empty-state h2{font-size:2.3rem}.empty-state h3{font-size:1.6rem}.empty-state p{font-size:.85rem}.record-row{gap:10px}.record-info strong{font-size:.82rem}.record-info small{font-size:.69rem}.record-count{font-size:.79rem}.record-count span{font-size:.6rem}.record-row>.icon{width:14px}.record-date{width:36px;height:41px}.record-date .icon{width:19px;height:19px}}
@media(max-width:370px){#main{padding-inline:16px}.hero-copy{padding-left:21px}.hero-copy h2{font-size:2.5rem}.mode-choices{flex-direction:column}.character-choice{width:125px}.growth-description h2{font-size:.8rem}.counter-label{font-size:.9rem}.word-counter{padding:15px}.color-tools{gap:5px}.brush-size select{max-width:100px}.topbar{margin-inline:16px}.offline-status{max-width:142px;font-size:.61rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media print{.sidebar,.mobile-nav,.topbar,.app-footer,.record-footer,.draw-tools,.drawing-footer,.toast{display:none!important}.main-column{margin:0}#main{padding:15px}.garden-hero{break-inside:avoid}body{background:white}.word-results,.record-row{break-inside:avoid}}

.garden-hero .growth-tree{transform:translate(12%,-22%)}

.keyboard-help{font-size:.76rem;color:var(--muted);line-height:1.65;margin-top:14px;max-width:75ch}.keyboard-help a{font-weight:800;color:var(--forest)}.quiet-shell .sidebar nav .nav-link:nth-child(n+3){display:none}
@media(max-width:700px){.app-shell{height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.main-column{min-height:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain}.mobile-nav{position:static;grid-row:2}.app-footer{margin-bottom:18px}#main{min-height:calc(100dvh - 220px)}.focused-shell{grid-template-rows:minmax(0,1fr)}.focused-shell .mobile-nav{display:none}.focused-shell #main{min-height:calc(100dvh - 170px)}.toast{bottom:100px}}