:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#382f2a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff8f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:16px 16px 96px}.app-footer{color:#8f7f75;opacity:.72;text-align:center;max-width:1120px;margin:28px auto 0;font-size:.68rem;line-height:1}.topbar{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto 22px;display:flex}.brand,.invite-code,.notification-link,.header-logout,.stats-row span,.quest-meta span,.privacy-note{align-items:center;gap:8px;display:inline-flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.brand{font-size:1.05rem;font-weight:800}.brand-mark{color:#fff;background:url(/favicon.svg);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.invite-code{color:#7e4a3f;background:#fff;border:1px solid #efd7ca;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:700}.notification-link{color:#7e4a3f;background:#fff8f2;border:1px solid #efd7ca;border-radius:999px;justify-content:center;width:40px;height:40px;position:relative}.header-logout{color:#7e4a3f;cursor:pointer;background:#fff8f2;border:1px solid #efd7ca;border-radius:999px;min-height:40px;padding:8px 12px;font-size:.85rem;font-weight:800}.notification-badge{color:#fff;background:#ef7d70;border:2px solid #fff8f2;border-radius:999px;place-items:center;min-width:20px;min-height:20px;padding:1px 5px;font-size:.68rem;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px}.app-main{max-width:1120px;margin:0 auto}.view-grid{gap:18px;display:grid}.view-grid>*{min-width:0}.hero-panel,.panel,.quest-card,.timeline-item,.note-card{background:#ffffffdb;border:1px solid #efd7ca;border-radius:8px;box-shadow:0 18px 45px #74493714}.hero-panel,.panel{padding:clamp(18px,4vw,32px)}.hero-panel{background:linear-gradient(135deg,#f8b8a8b8,#c7e0ae8f),#fff}.eyebrow{color:#8e5d4f;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:14px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.04}h2{margin-bottom:8px;font-size:1.15rem;line-height:1.2}.stats-row,.quest-meta{flex-wrap:wrap;gap:10px;display:flex}.stats-row span,.quest-meta span{background:#ffffffa8;border:1px solid #7e4a3f24;border-radius:999px;padding:8px 12px;font-weight:700}.garden-canvas{aspect-ratio:16/9;background:linear-gradient(#bbe0e5 0 38%,#c7e0ae 38% 100%);border:1px solid #b8cf9f;border-radius:8px;min-height:360px;position:relative;overflow:hidden}.garden-progress{gap:18px;display:grid;position:relative;overflow:hidden}.garden-progress:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ef7d7029,#7fa36c2e),radial-gradient(circle at 92% 12%,#e9bd6238,#0000 24%);position:absolute;inset:0}.garden-progress>*{position:relative}.garden-progress-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.garden-progress-copy{max-width:720px}.garden-level-progress{color:#6f5147;margin-bottom:0;font-weight:700}.garden-stage-card{background:#fff;border:1px solid #7e4a3f29;border-radius:8px;place-items:center;min-width:150px;padding:16px;display:grid;box-shadow:0 12px 30px #74493714}.garden-stage-card strong{color:#9f4c43;font-size:2.7rem;line-height:1}.garden-stage-card span{color:#806456;text-align:center;font-size:.82rem;font-weight:800}.garden-stage-card .garden-stage-label{color:#4f6e3d;text-transform:uppercase}.garden-level-card{background:#ffffffc7;border:1px solid #7e4a3f24;border-radius:8px;gap:10px;padding:16px;display:grid}.garden-level-card__top,.garden-level-card__bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.garden-level-card__top span,.garden-level-card__bottom{color:#806456;font-size:.84rem;font-weight:800}.garden-level-card__top strong{color:#382f2a;font-size:1.08rem}.garden-level-meter{background:#f2ded2;border:1px solid #7e4a3f1a;border-radius:999px;height:14px;overflow:hidden}.garden-level-meter span{border-radius:inherit;height:100%;width:var(--level-progress,0%);background:linear-gradient(90deg,#ef7d70,#e9bd62,#7fa36c);display:block}.garden-level-markers{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:6px;display:grid}.garden-level-markers span{color:#9b8174;background:#fff8f2;border:1px solid #efd7ca;border-radius:999px;place-items:center;height:28px;font-size:.74rem;font-weight:900;display:grid}.garden-level-markers span.active{color:#4f6e3d;background:#eef5df;border-color:#b8cf9f}.garden-level-markers span.current{color:#fff;background:#9f4c43;border-color:#9f4c43}.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.progress-tile{background:#ffffffc7;border:1px solid #7e4a3f24;border-radius:8px;align-items:start;gap:12px;min-height:118px;padding:16px;display:flex}.progress-tile-icon{background:var(--tile-bg);border:1px solid var(--tile-border);color:var(--tile-color);border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.progress-tile-icon svg{width:22px;height:22px}.progress-tile-copy{gap:4px;min-width:0;display:grid}.progress-tile strong{color:var(--tile-color);font-size:2rem;line-height:1}.progress-tile span{font-weight:900}.progress-tile small{color:#806456;line-height:1.35}.progress-tile--rose{--tile-bg:#fff1ef;--tile-border:#f1b9b0;--tile-color:#9f4c43}.progress-tile--green{--tile-bg:#eef5df;--tile-border:#bfd5a6;--tile-color:#4f6e3d}.progress-tile--gold{--tile-bg:#fff4d6;--tile-border:#e9bd62;--tile-color:#8b6420}.progress-tile--teal{--tile-bg:#e6f3f4;--tile-border:#9ac9ce;--tile-color:#356d76}.progress-tile--violet{--tile-bg:#f0edf8;--tile-border:#c7bde3;--tile-color:#64549b}.progress-tile--clay{--tile-bg:#f7e5dc;--tile-border:#d9aa93;--tile-color:#8b4f3d}.garden-sky,.garden-ground{pointer-events:none;position:absolute;inset:0}.garden-sky{background:radial-gradient(circle at 75% 22%,#ffefb7e6,#0000 12%)}.garden-ground{background:radial-gradient(circle at 20% 76%,#ef7d7040,#0000 12%),radial-gradient(circle at 72% 74%,#7ea96652,#0000 16%)}.garden-object{color:#6f6e3b;cursor:pointer;background:#fff8f2;border:1px solid #d3b69b;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .16s,box-shadow .16s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.garden-object:hover,.garden-object:focus-visible{transform:translate(-50%,-54%);box-shadow:0 10px 24px #5444312e}.garden-map-shell{background:#f8fbef;border:1px solid #b8cf9f;border-radius:8px;gap:10px;min-width:0;max-width:100%;padding:12px;display:grid;overflow:hidden;box-shadow:0 18px 45px #5444311a}.garden-toolbar,.garden-inventory{align-items:center;gap:10px;display:flex}.garden-toolbar{flex-wrap:wrap;justify-content:space-between}.garden-tool-button.active{color:#fff;background:#ef7d70}.garden-area-tabs{flex:320px;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.garden-area-tabs button,.garden-inventory button{color:#6a5147;cursor:pointer;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;flex:none;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.garden-area-tabs button.active{color:#4f6e3d;background:#eef5df;border-color:#9fbe81}.garden-inventory{background:#ffffffb8;border:1px solid #d7e6c7;border-radius:8px;flex-wrap:wrap;min-height:58px;padding:8px 10px;overflow-x:visible}.garden-inventory>svg{color:#4f6e3d;flex:none}.garden-inventory button img{object-fit:contain;width:28px;height:28px}.garden-legend-title{color:#4f6e3d;text-transform:uppercase;flex:none;font-size:.84rem;font-weight:900}.garden-legend-item{color:#6a5147;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;flex:none;align-items:center;gap:4px;min-width:52px;min-height:38px;padding:6px 8px;font-size:.82rem;font-weight:800;display:inline-flex;position:relative}.garden-legend-item img{object-fit:contain;width:28px;height:28px}.garden-legend-item small{color:#4f6e3d;text-align:center;background:#eef5df;border-radius:999px;min-width:24px;padding:3px 7px;font-size:.76rem;font-weight:900}.garden-scroll-shell{min-width:0;max-width:100%;position:relative}.garden-mobile-edit-toggle.secondary-button.inline-button{z-index:45;display:none;position:absolute;bottom:12px;left:12px}.garden-mobile-edit-toggle.active{color:#fff;background:#ef7d70}.garden-scrollport{cursor:grab;scroll-behavior:smooth;touch-action:pan-x;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.garden-scroll-shell.is-dragging .garden-scrollport{cursor:grabbing}.garden-scroll-arrow{color:#5f6f44;cursor:pointer;z-index:40;background:#fffaf6eb;border:1px solid #7e4a3f29;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 26px #54443129}.garden-scroll-arrow:hover,.garden-scroll-arrow:focus-visible{background:#eef5df;outline:3px solid #5f6f4433}.garden-scroll-arrow--left{left:12px}.garden-scroll-arrow--right{right:12px}.garden-world{height:520px;position:relative}.garden-area{background:linear-gradient(180deg, #ffffff14, #ffffff0a), var(--area-background) center / cover no-repeat, linear-gradient(180deg, #bfe4ed 0 34%, #d4e8b8 34% 100%);border-right:1px solid #5f6e422e;position:absolute;top:0;bottom:0;overflow:hidden}.garden-area:before{background:linear-gradient(180deg, #ffffff24, transparent 38%), radial-gradient(circle at 18% 72%, color-mix(in srgb, var(--area-accent) 16%, transparent), transparent 16%);content:"";pointer-events:none;position:absolute;inset:0}.garden-area-sky,.garden-area-ground,.garden-area-path{pointer-events:none;position:absolute;inset:0}.garden-area-sky{background:linear-gradient(#ffffff2e,#0000 42%)}.garden-area-ground{background:radial-gradient(at 50% 100%,#527e472e,#0000 42%)}.garden-area-path{background:radial-gradient(at 50% 92%,#cca6756b,#0000 34%)}.garden-area-label{border:1px solid #7e4a3f1f;border-left:4px solid var(--area-accent);z-index:30;background:#fffaf6e0;border-radius:8px;gap:2px;max-width:calc(100% - 36px);padding:10px 12px;display:grid;position:absolute;top:16px;left:18px}.garden-area-label strong{line-height:1.1}.garden-area-label span{color:#806456;font-size:.78rem;font-weight:800}.garden-area--locked{filter:saturate(.68)}.garden-lock{color:#806456;z-index:30;background:#ffffffd1;border:1px solid #7e4a3f24;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:900;display:inline-flex;position:absolute;top:18px;right:18px}.garden-lock span{max-width:180px;line-height:1.2}.garden-sprite{cursor:pointer;transform:translate(calc(-1 * var(--anchor-x)), calc(-1 * var(--anchor-y))) rotate(var(--sprite-rotation));touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:filter .16s,transform .16s;display:inline-flex;position:absolute}.garden-sprite:after{content:"";z-index:-1;background:#42322633;border-radius:50%;height:18%;position:absolute;bottom:4px;left:18%;right:18%}.garden-sprite img{object-fit:contain;pointer-events:none;width:100%;height:100%}.garden-sprite:hover,.garden-sprite:focus-visible,.garden-sprite--selected{filter:drop-shadow(0 12px 14px #54443138);transform:translate(calc(-1 * var(--anchor-x)), calc(-1 * var(--anchor-y) - 6px)) rotate(var(--sprite-rotation));outline:0}.garden-sprite--editing{cursor:grab}.garden-sprite--editing:active{cursor:grabbing}.garden-sprite--selected{border-radius:999px;box-shadow:0 0 0 4px #ef7d703d}.garden-sprite-fallback{background:#ef7d70;border:3px solid #fff8f2;border-radius:999px;width:54px;height:54px}.garden-minimap{background:#fff8f2;border:1px solid #d7e6c7;border-radius:999px;gap:3px;height:18px;padding:3px;display:flex;overflow:hidden}.garden-minimap button{background:var(--area-accent);cursor:pointer;opacity:.78;border:0;border-radius:999px;padding:0}.history-link{color:#7e4a3f;cursor:pointer;background:#fffaf6;border:1px solid #efd7ca;border-radius:999px;justify-self:start;align-items:center;gap:9px;min-height:44px;padding:10px 14px;font-weight:900;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 10px 24px #74493714}.history-link:hover,.history-link:focus-visible{color:#9f4c43;background:#fff1ef;border-color:#efb4aa;outline:0;transform:translateY(-1px);box-shadow:0 14px 30px #7449371f}.history-link.open{color:#4f6e3d;background:#eef5df;border-color:#b8cf9f}.history-link svg{width:18px;height:18px}.history-link-chevron{transition:transform .16s}.history-link.open .history-link-chevron{transform:rotate(180deg)}.garden-history{transform-origin:top;gap:14px;margin-bottom:min(55vh,440px);display:grid;overflow:hidden}.garden-history-expand-enter-active,.garden-history-expand-leave-active{opacity:1;max-height:980px;transition:max-height .26s,opacity .18s,transform .22s}.garden-history-expand-enter-from,.garden-history-expand-leave-to{opacity:0;max-height:0;transform:translateY(-10px)}.garden-history-expand-enter-to,.garden-history-expand-leave-from{opacity:1;max-height:980px;transform:translateY(0)}.history-level-card{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;gap:4px;padding:14px;display:grid}.history-level-card p{color:#5f6f44;margin-bottom:0;font-weight:800}.garden-history-list{gap:10px;display:grid}.garden-history-item{color:#382f2a;cursor:pointer;text-align:left;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 12px;scroll-margin-top:18px;display:grid}.garden-history-item:hover,.garden-history-item:focus-visible{border-color:#ef7d70;outline:0;box-shadow:0 10px 24px #5444311f}.garden-history-item img{object-fit:contain;width:44px;height:44px}.garden-history-item span{gap:3px;display:grid}.garden-history-item small{color:#806456;font-weight:700}.garden-history-item em{color:#4f6e3d;background:#eef5df;border-radius:999px;padding:6px 10px;font-style:normal;font-weight:900}.history-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.history-pagination span{color:#806456;font-weight:800}.daily-card,.composer{gap:16px;display:grid}.answer-form{gap:12px;display:grid}textarea,input,select{color:#382f2a;background:#fffaf6;border:1px solid #e2c9ba;border-radius:8px;width:100%;min-width:0;padding:12px 14px}.form-submitted :is(input,textarea,select):required:invalid,.form-submitted .required-invalid{border-color:#d6453d;box-shadow:0 0 0 3px #d6453d24}textarea{resize:vertical}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#ef7d70}.secondary-button{color:#4f6e3d;background:#eef5df}.danger-button{color:#9f3f35;cursor:pointer;background:#fff1ef;border:1px solid #efb4aa;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:800;display:inline-flex}.secondary-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.65}.inline-button{width:fit-content}.answers,.note-list,.timeline{gap:12px;display:grid}.answers p,.note-card{background:#fff8f2;border-radius:8px;padding:14px}.love-note-card{align-items:flex-start;gap:14px;display:flex;position:relative}.love-note-card.locked-note{background:linear-gradient(135deg,#fffaf6f0,#fff1efd1),#fff8f2;border-style:dashed}.love-note-card.own-note{background:linear-gradient(135deg,#eef5dfe6,#fffaf6e0),#f8fbef;border-color:#d7e6c7}.love-note-seal{color:#9f4f42;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;flex:none;justify-content:center;align-items:center;width:56px;height:48px;display:inline-flex}.own-note .love-note-seal{color:#5f7948;border-color:#c9ddba}.love-note-seal svg{fill:#f8b8a82e;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;width:42px;height:32px}.love-note-author{color:#806456;margin-bottom:6px;font-size:.84rem;font-weight:800}.love-note-text{margin-bottom:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.quest-card{gap:14px;padding:18px;display:grid}.quest-card--active{border-color:#ef7d70;box-shadow:0 18px 45px #9f4c4324}.quest-card--completed{opacity:.78}.quest-section,.section-heading{gap:12px;display:grid}.quest-filters{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:stretch;gap:14px;display:grid}.quest-filter-field{align-content:center;gap:6px;display:grid}.quest-filter-field label{text-transform:uppercase;font-size:.78rem;font-weight:800}.section-heading h2{margin-bottom:0}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quest-status-note{color:#806456;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;margin-bottom:0;padding:10px 12px;font-weight:700}.timeline-item{padding:18px}.timeline-item time{color:#8e5d4f;font-size:.85rem;font-weight:800}.note-card.drawn{background:linear-gradient(#fffae8f5,#fff4ccf0),#fff4cc;border-color:#e8cb85;padding:20px;box-shadow:0 18px 45px #7449371a}.note-card.drawn .love-note-text{color:#4f4038;max-width:62ch;font-family:Segoe Print,Bradley Hand,Noteworthy,cursive;font-size:1.08rem;line-height:1.75}.feature-explainer,.draw-header,.draw-counter{align-items:flex-start;gap:12px;display:flex}.feature-explainer{padding-right:52px;position:relative}.feature-explainer p,.draw-header p{margin-bottom:0}.onboarding-ad{background:linear-gradient(135deg,#eef5dff5,#fff1efe6),#fff}.feature-explainer-close{color:#806456;cursor:pointer;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:14px;right:14px}.feature-explainer-close:hover,.feature-explainer-close:focus-visible{color:#7e4a3f;background:#fff1ef}.feature-explainer-icon{color:#9f4f42;flex:none;width:64px;height:64px}@media (width>=720px){.feature-explainer{gap:20px}.feature-explainer-icon{width:100px;height:100px}}.draw-panel{gap:16px;display:grid}.draw-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.draw-header>div{min-width:0}.draw-counter{color:#4f6e3d;background:#eef5df;border-radius:999px;flex:none;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:800}.empty-state{color:#806456;background:#fff8f2;border:1px dashed #d3b69b;border-radius:8px;margin-bottom:0;padding:14px;font-weight:700}.settings-list{gap:10px;display:grid}.settings-list p{margin-bottom:0}.profile-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;display:flex}.profile-edit-form{flex:320px;align-items:center;gap:8px;display:flex}.profile-edit-form input{min-width:180px}.password-edit-form{flex-wrap:wrap}.password-edit-form input{flex:190px}.profile-field-error{color:#b3433b;flex:1 0 100%;margin:-2px 0 0;font-size:.86rem;font-weight:700}.field-success,.profile-field-success{color:#4f6e3d;flex:1 0 100%;margin:-2px 0 0;font-size:.86rem;font-weight:800}.icon-button{color:#7a5a4b;cursor:pointer;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.compact-button{white-space:nowrap;min-height:42px}.confirm-overlay{z-index:50;background:#382f2a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;gap:16px;width:min(100%,460px);max-width:460px;padding:20px;display:grid;box-shadow:0 24px 70px #382f2a3d}.confirm-dialog h2,.confirm-dialog p{margin-bottom:0}.confirm-icon{color:#9f3f35;box-sizing:content-box;background:#fff1ef;border:1px solid #efb4aa;border-radius:8px;padding:8px}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.hint-settings{gap:18px;display:grid}.hint-settings p{margin-bottom:0}.toggle-list{gap:10px;display:grid}.toggle-field{gap:6px;display:grid}.toggle-row{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.toggle-row span{font-weight:800}.toggle-feedback{margin:0;padding-left:14px}.toggle-row input{appearance:none;cursor:pointer;background:#d3b69b;border:0;border-radius:999px;flex:none;width:52px;height:28px;transition:background .15s;position:relative}.toggle-row input:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 4px 12px #5f463b38}.toggle-row input:checked{background:#7c8f68}.toggle-row input:checked:after{transform:translate(24px)}.toggle-row input:focus-visible{outline-offset:2px;outline:3px solid #ef7d7047}.remember-email-row{color:#806456;align-items:center;gap:10px;font-size:.92rem;font-weight:800;display:flex}.remember-email-row input{accent-color:#ef7d70;flex:none;width:18px;height:18px}.input-with-icon{background:#fff;border:1px solid #d9c9b8;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.input-with-icon svg{color:#806456;flex:none}.input-with-icon input{background:0 0;border:0;min-width:0;padding-left:0;padding-right:0}.input-with-icon:focus-within{border-color:#ef7d70;box-shadow:0 0 0 3px #ef7d7024}.input-hint{color:#806456;font-size:.88rem;line-height:1.45}.privacy-details{gap:18px;display:grid}.privacy-details p{margin-bottom:0}.privacy-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.privacy-grid article{border-left:3px solid #7c8f68;gap:6px;padding-left:12px;display:grid}.privacy-grid h2{margin-bottom:0;font-size:1rem}.push-settings{gap:16px;display:grid}.push-status,.push-opt-in{color:#6a5147;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.push-status svg{color:#9f4c43;flex:none}.push-status span{font-weight:800}.push-mode-settings{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;gap:12px;padding:12px 14px;display:grid}.push-mode-settings p{margin-bottom:0}.push-mode-control{grid-template-columns:repeat(2,minmax(0,1fr))}.push-opt-in{justify-content:space-between}.push-opt-in p{margin-bottom:0}.push-opt-in .eyebrow{margin-bottom:4px}.detail-panel{gap:16px;display:grid}.celebration-panel{background:linear-gradient(135deg,#fff4cceb,#fce2d8e0),#fff8f2;border:1px solid #efc37a;border-radius:8px;gap:6px;padding:16px;display:grid}.celebration-panel span,.detail-label{color:#9f4c43;letter-spacing:0;text-transform:uppercase;margin-bottom:0;font-size:.78rem;font-weight:900}.celebration-panel p{margin-bottom:0;font-size:1.08rem;font-weight:800}.detail-growth-note{color:#7e4a3f;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.detail-growth-note svg{color:#9f4c43;background:#fff1ef;border:1px solid #f3c9bf;border-radius:8px;flex:none;width:34px;height:34px;padding:7px}.detail-growth-note p{color:#6a5147;flex:260px;margin-bottom:0;font-size:.92rem;font-weight:800;line-height:1.35}.question-detail{gap:14px;display:grid}.question-card{background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;gap:8px;padding:14px 16px;display:grid}.question-card p:last-child{margin-bottom:0;font-size:1.02rem;line-height:1.5}.question-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.question-answer-card{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;gap:8px;min-height:96px;padding:14px 16px;display:grid}.question-answer-card strong{color:#7e4a3f;font-size:.84rem;line-height:1.2}.question-answer-card p{margin-bottom:0;line-height:1.45}.question-card .detail-card-subtitle{color:#806456;margin-bottom:2px;font-size:.78rem;font-weight:700;line-height:1.3}.memory-detail-card p:last-child{margin-top:4px}.notification-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.notification-toolbar p,.notification-toolbar h2{margin-bottom:0}.notification-list{gap:0;display:grid}.notification-list-row{background:#ffffffe6;border:1px solid #efd7ca;border-bottom-width:0;overflow:hidden}.notification-list-row:first-child{border-radius:8px 8px 0 0}.notification-list-row:last-child{border-bottom-width:1px;border-radius:0 0 8px 8px}.notification-list-row:only-child{border-radius:8px}.notification-list-row.open{z-index:1;border-color:#e9b5a7;position:relative;box-shadow:0 14px 34px #5444311a}.notification-item{color:#382f2a;cursor:pointer;text-align:left;background:#fffaf6;border:0;border-left:4px solid #0000;grid-template-columns:38px minmax(0,1fr) 24px;align-items:flex-start;gap:12px;width:100%;min-height:92px;padding:15px 16px 15px 12px;display:grid}.notification-item:hover,.notification-item:focus-visible{background:#fff4ee;outline:0}.notification-item.unread{background:#fff2ec;border-left-color:#ef7d70}.notification-item.tone-action{border-left-color:#ef7d70}.notification-item.tone-info:not(.unread){border-left-color:#8aa86e}.notification-item.tone-warning{border-left-color:#c35d52}.notification-read-icon{color:#806456;background:#f4eadf;border:1px solid #e6cdbd;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.notification-item.unread .notification-read-icon{color:#9f4c43;background:#ffe3dd;border-color:#efb4aa}.notification-copy{gap:5px;min-width:0;display:grid}.notification-kicker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.notification-feature,.notification-state,.notification-priority{border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.notification-feature{color:#4f6e3d;background:#eef5df}.notification-state{color:#806456;background:#f4eadf}.notification-state.unread,.notification-priority.action{color:#9f4c43;background:#ffe3dd}.notification-priority{color:#806456;background:#f6f0ea}.notification-item small{color:#806456;font-size:.92rem;line-height:1.4}.notification-knowme-inline{color:#5f4a41;background:#fff8f2d6;border:1px solid #efd7cae6;border-radius:8px;gap:3px;margin-top:2px;padding:8px 10px;font-size:.86rem;line-height:1.35;display:grid}.notification-knowme-inline b{color:#7e4a3f}.notification-item strong{line-height:1.25}.notification-item time{color:#9a7d70;font-size:.78rem;font-weight:800}.notification-chevron{color:#9a7d70;margin-top:8px;transition:transform .18s}.notification-chevron.open{transform:rotate(180deg)}.notification-detail{background:#fffdf9;border-top:1px solid #efd7ca;gap:14px;padding:14px 16px 16px 66px;display:grid}.notification-detail-summary{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;gap:6px;padding:12px 14px;display:grid}.notification-detail-summary span{color:#7e4a3f;text-transform:uppercase;align-items:center;gap:6px;font-size:.78rem;font-weight:900;display:inline-flex}.notification-detail-summary p,.notification-fallback-detail p{margin-bottom:0}.notification-source-detail{gap:12px;display:grid}.notification-fallback-detail{color:#6a5147;background:#f8f3ea;border:1px solid #e5d7c6;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.notification-detail-action{justify-self:start}.notification-expand-enter-active,.notification-expand-leave-active{opacity:1;max-height:720px;transition:max-height .22s,opacity .18s}.notification-expand-enter-from,.notification-expand-leave-to{opacity:0;max-height:0}.detail-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.auth-panel,.couple-actions,.join-form{gap:16px;display:grid}.next-step-note{color:#4f6e3d;background:#eef5df;border:1px solid #c7dcb3;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.next-step-note svg{flex:none;margin-top:2px}.next-step-note p{margin-bottom:0}.waiting-partner-panel{gap:16px;display:grid}.waiting-partner-note{color:#6f5423;background:#fff7df;border-color:#e3c46d}.waiting-partner-note h3{margin-bottom:6px;font-size:1.05rem}.waiting-partner-code{background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;align-items:center;padding:14px}.waiting-partner-code p{flex:260px;margin-bottom:0}.waiting-partner-code strong{margin-left:4px;display:inline-block}.onboarding-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.onboarding-option-card{background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;grid-template-rows:auto 1fr;gap:16px;padding:16px;display:grid}.onboarding-option-header{align-items:flex-start;gap:12px;display:flex}.onboarding-option-icon{color:#9f4c43;background:#fff1ef;border:1px solid #efb4aa;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.onboarding-option-header h3{margin:0 0 5px;font-size:1rem;line-height:1.25}.onboarding-option-header p{color:#806456;margin-bottom:0;font-size:.92rem;line-height:1.45}.onboarding-option-card .join-form{align-content:end}.invite-code-dialog{background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;gap:16px;width:min(100%,480px);max-width:480px;padding:20px;display:grid;box-shadow:0 24px 70px #382f2a3d}.invite-code-dialog p{color:#806456;margin-bottom:0;line-height:1.45}.invite-code-dialog .primary-button{justify-self:end}.invite-code-copy{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.invite-code-copy strong{color:#7e4a3f;overflow-wrap:anywhere;font-size:1.15rem;line-height:1.2}.segmented-control{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;grid-template-columns:repeat(2,1fr);padding:4px;display:grid}.segmented-control button{color:#806456;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.segmented-control button.active{color:#fff;background:#ef7d70}.form-error{color:#9f3f35;background:#fff1ef;border:1px solid #efb4aa;border-radius:8px;margin-bottom:0;padding:12px 14px;font-weight:700}.success-note{color:#4f6e3d;background:#edf8e7;border:1px solid #bad7a5;border-radius:8px;margin-bottom:0;padding:12px 14px;font-weight:700}.text-button{color:#4f6e3d;cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0;font-weight:900}.text-button:hover{color:#24302b;text-decoration:underline}.muted{color:#806456}.couple-code,.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-code-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-code-row p{margin-bottom:0}.bottom-nav-shell{z-index:1000;width:calc(100% - 32px);max-width:760px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.bottom-nav{scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x;background:#fffffff2;border:1px solid #efd7ca;border-radius:8px;grid-template-columns:repeat(7,1fr);gap:2px;max-width:100%;padding:6px;display:grid;overflow:auto hidden;box-shadow:0 16px 42px #74493729}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-scroll{color:#7e4a3f;cursor:pointer;z-index:2;background:#fffaf6f5;border:1px solid #efd7ca;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px #74493729}.bottom-nav-scroll--left{left:-4px}.bottom-nav-scroll--right{right:-4px}.option-grid,.answer-options{gap:10px;display:grid}.template-chip-list{flex-wrap:wrap;gap:8px;display:flex}.template-section{gap:10px;display:grid}.template-header{color:#806456;justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;display:flex}.template-header strong{color:#7e4a3f;font-size:.9rem}.template-header span{font-weight:800}.template-browser{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.template-chip{color:#7e4a3f;cursor:pointer;overflow-wrap:anywhere;text-align:left;white-space:normal;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;max-width:100%;min-height:36px;padding:8px 10px;font-size:.84rem;font-weight:800}.template-page-button{color:#4f6e3d;cursor:pointer;background:#eef5df;border:1px solid #d7e6c7;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.template-page-placeholder{width:40px;height:40px;display:block}.question-source{color:#8e5d4f;margin:-8px 0 0;font-size:.85rem;font-weight:800}.catalog-combobox{gap:8px;display:grid;position:relative}.catalog-input-shell{position:relative}.catalog-input-shell input{padding-right:42px}.catalog-input-icon{color:#806456;pointer-events:none;transition:transform .16s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.catalog-input-icon.open{transform:translateY(-50%)rotate(180deg)}.catalog-suggestions{z-index:20;background:#fffaf6;border:1px solid #e2c9ba;border-radius:8px;gap:4px;max-height:320px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #74493729}.catalog-suggestion{color:#382f2a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;display:flex}.catalog-suggestion:hover,.catalog-suggestion:focus-visible{background:#fff1ef;outline:0}.catalog-suggestion span{font-weight:800}.catalog-suggestion small{color:#4f6e3d;background:#eef5df;border-radius:999px;flex:none;padding:6px 10px;font-weight:800}.catalog-empty{color:#806456;margin-bottom:0;padding:10px 12px;font-weight:700}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.know-me-option-grid{align-items:start}.option-grid label,.answer-option{gap:6px;display:grid}.know-me-option-field{align-self:start}.know-me-history-card{gap:10px;padding:14px 16px}.know-me-history-card .eyebrow,.know-me-history-card h2{margin-bottom:0}.know-me-history-details{gap:6px;margin:0;display:grid}.know-me-history-details div{grid-template-columns:minmax(72px,max-content) 1fr;align-items:baseline;gap:8px;display:grid}.know-me-history-details dt{color:#8e5d4f;font-size:.78rem;font-weight:800}.know-me-history-details dd{color:#382f2a;margin:0}.know-me-history-card .success-note,.know-me-history-card .muted{margin-bottom:0}.know-me-history-card .success-note{justify-self:start;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.option-label-text{font-weight:800}.correct-answer-input{border-color:#7fa36c;box-shadow:0 0 0 3px #7fa36c24}.field-hint{color:#4f6e3d;font-size:.8rem;font-weight:700;line-height:1.35}.answer-option{cursor:pointer;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;padding:10px 12px}.nav-item{color:#806456;background:0 0;border:0;border-radius:8px;place-items:center;gap:4px;min-height:58px;padding:6px;font-size:.72rem;font-weight:800;display:grid}.nav-item--disabled{color:#b8aaa4;cursor:not-allowed;opacity:.55}.nav-item.router-link-active{color:#9f4c43;background:#fce2d8}@media (hover:hover) and (pointer:fine){.garden-scroll-arrow{display:inline-flex}}@media (prefers-reduced-motion:reduce){.garden-history-expand-enter-active,.garden-history-expand-leave-active{transition:none}}@media (width<=720px){.app-shell{padding-inline:12px}.garden-canvas{aspect-ratio:4/5;min-height:420px}.garden-map-shell{padding:8px}.garden-toolbar,.garden-inventory{display:none}.garden-mobile-edit-toggle.secondary-button.inline-button{display:inline-flex}.garden-world{height:560px}.garden-area-label{top:12px;left:12px}.garden-lock{top:12px;right:12px}.garden-progress-hero{grid-template-columns:1fr}.garden-stage-card{justify-items:start;min-width:0}.garden-stage-card span{text-align:left}.garden-level-card__top,.garden-level-card__bottom{flex-direction:column;align-items:start;gap:4px}.progress-grid{grid-template-columns:1fr}.progress-tile{min-height:0}.bottom-nav-shell{width:calc(100% - 20px);bottom:10px}.bottom-nav{gap:4px;padding-inline:8px;display:flex}.bottom-nav-scroll{display:inline-flex}.nav-item{flex:0 0 62px}.composer{gap:12px}.composer>div .muted{font-size:.92rem;line-height:1.45}.template-browser{align-items:stretch;gap:6px}.template-chip-list{min-width:0}.template-chip{min-height:0;font-size:.82rem;line-height:1.3}.draw-header{display:grid}.draw-counter{justify-self:start}.quest-filters,.option-grid,.onboarding-flow-grid,.question-answer-grid{grid-template-columns:1fr}.nav-item span,.header-logout span{display:none}.header-logout{justify-content:center;width:40px;height:40px;padding:0}}