:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#382f2a;background:#fff8f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}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}.topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto 22px;max-width:1120px}.brand,.invite-code,.notification-link,.stats-row span,.quest-meta span,.privacy-note{align-items:center;display:inline-flex;gap:8px}.brand{font-size:1.05rem;font-weight:800}.brand-mark{background:#ef7d70;border-radius:8px;color:#fff;display:grid;height:32px;place-items:center;width:32px}.invite-code{background:#fff;border:1px solid #efd7ca;border-radius:999px;color:#7e4a3f;font-size:.85rem;font-weight:700;padding:8px 12px}.notification-link{background:#fff8f2;border:1px solid #efd7ca;border-radius:999px;color:#7e4a3f;height:40px;justify-content:center;position:relative;width:40px}.notification-badge{background:#ef7d70;border:2px solid #fff8f2;border-radius:999px;color:#fff;display:grid;font-size:.68rem;font-weight:900;min-height:20px;min-width:20px;padding:1px 5px;place-items:center;position:absolute;right:-6px;top:-6px}.app-main{margin:0 auto;max-width:1120px}.view-grid{display:grid;gap:18px}.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;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.04;margin-bottom:14px;max-width:760px}h2{font-size:1.15rem;line-height:1.2;margin-bottom:8px}.stats-row,.quest-meta{display:flex;flex-wrap:wrap;gap:10px}.stats-row span,.quest-meta span{background:#ffffffa8;border:1px solid rgba(126,74,63,.14);border-radius:999px;font-weight:700;padding:8px 12px}.garden-canvas{aspect-ratio:16 / 9;background:linear-gradient(#bbe0e5 0,#bbe0e5 38%,#c7e0ae 38%,#c7e0ae);border:1px solid #b8cf9f;border-radius:8px;min-height:360px;overflow:hidden;position:relative}.garden-progress{display:grid;gap:18px;overflow:hidden;position:relative}.garden-progress:before{background:linear-gradient(135deg,#ef7d7029,#7fa36c2e),radial-gradient(circle at 92% 12%,rgba(233,189,98,.22),transparent 24%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.garden-progress>*{position:relative}.garden-progress-hero{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto}.garden-progress-copy{max-width:720px}.garden-level-progress{color:#6f5147;font-weight:700;margin-bottom:0}.garden-stage-card{align-items:center;background:#fff;border:1px solid rgba(126,74,63,.16);border-radius:8px;box-shadow:0 12px 30px #74493714;display:grid;justify-items:center;min-width:150px;padding:16px}.garden-stage-card strong{color:#9f4c43;font-size:2.7rem;line-height:1}.garden-stage-card span{color:#806456;font-size:.82rem;font-weight:800;text-align:center}.garden-stage-card .garden-stage-label{color:#4f6e3d;text-transform:uppercase}.garden-level-card{background:#ffffffc7;border:1px solid rgba(126,74,63,.14);border-radius:8px;display:grid;gap:10px;padding:16px}.garden-level-card__top,.garden-level-card__bottom{align-items:center;display:flex;gap:12px;justify-content:space-between}.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 rgba(126,74,63,.1);border-radius:999px;height:14px;overflow:hidden}.garden-level-meter span{background:linear-gradient(90deg,#ef7d70,#e9bd62,#7fa36c);border-radius:inherit;display:block;height:100%;width:var(--level-progress, 0%)}.garden-level-markers{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(28px,1fr))}.garden-level-markers span{background:#fff8f2;border:1px solid #efd7ca;border-radius:999px;color:#9b8174;display:grid;font-size:.74rem;font-weight:900;height:28px;place-items:center}.garden-level-markers span.active{background:#eef5df;border-color:#b8cf9f;color:#4f6e3d}.garden-level-markers span.current{background:#9f4c43;border-color:#9f4c43;color:#fff}.progress-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.progress-tile{align-items:start;background:#ffffffc7;border:1px solid rgba(126,74,63,.14);border-radius:8px;display:flex;gap:12px;min-height:118px;padding:16px}.progress-tile-icon{align-items:center;background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:8px;color:var(--tile-color);display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.progress-tile-icon svg{height:22px;width:22px}.progress-tile-copy{display:grid;gap:4px;min-width:0}.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{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.garden-sky{background:radial-gradient(circle at 75% 22%,rgba(255,239,183,.9),transparent 12%)}.garden-ground{background:radial-gradient(circle at 20% 76%,rgba(239,125,112,.25),transparent 12%),radial-gradient(circle at 72% 74%,rgba(126,169,102,.32),transparent 16%)}.garden-object{align-items:center;background:#fff8f2;border:1px solid #d3b69b;border-radius:999px;color:#6f6e3b;cursor:pointer;display:inline-flex;height:48px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:transform .16s ease,box-shadow .16s ease;width:48px}.garden-object:hover,.garden-object:focus-visible{box-shadow:0 10px 24px #5444312e;transform:translate(-50%,-54%)}.garden-map-shell{background:#f8fbef;border:1px solid #b8cf9f;border-radius:8px;box-shadow:0 18px 45px #5444311a;display:grid;gap:10px;max-width:100%;min-width:0;overflow:hidden;padding:12px}.garden-toolbar,.garden-inventory{align-items:center;display:flex;gap:10px}.garden-toolbar{flex-wrap:wrap;justify-content:space-between}.garden-tool-button.active{background:#ef7d70;color:#fff}.garden-area-tabs{display:flex;flex:1 1 320px;gap:6px;overflow-x:auto;padding-bottom:2px}.garden-area-tabs button,.garden-inventory button{align-items:center;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;color:#6a5147;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.82rem;font-weight:800;gap:8px;min-height:38px;padding:8px 10px}.garden-area-tabs button.active{background:#eef5df;border-color:#9fbe81;color:#4f6e3d}.garden-inventory{background:#ffffffb8;border:1px solid #d7e6c7;border-radius:8px;flex-wrap:wrap;min-height:58px;overflow-x:visible;padding:8px 10px}.garden-inventory>svg{color:#4f6e3d;flex:0 0 auto}.garden-inventory button img{height:28px;object-fit:contain;width:28px}.garden-legend-title{color:#4f6e3d;flex:0 0 auto;font-size:.84rem;font-weight:900;text-transform:uppercase}.garden-legend-item{align-items:center;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;color:#6a5147;display:inline-flex;flex:0 0 auto;font-size:.82rem;font-weight:800;gap:4px;min-height:38px;min-width:52px;padding:6px 8px;position:relative}.garden-legend-item img{height:28px;object-fit:contain;width:28px}.garden-legend-item small{background:#eef5df;border-radius:999px;color:#4f6e3d;font-size:.76rem;font-weight:900;min-width:24px;padding:3px 7px;text-align:center}.garden-scroll-shell{max-width:100%;min-width:0;position:relative}.garden-mobile-edit-toggle{bottom:12px;display:none;left:12px;position:absolute;z-index:45}.garden-mobile-edit-toggle.active{background:#ef7d70;color:#fff}.garden-scrollport{border-radius:8px;cursor:grab;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;touch-action:pan-x;-webkit-user-select:none;user-select:none;width:100%}.garden-scroll-shell.is-dragging .garden-scrollport{cursor:grabbing}.garden-scroll-arrow{align-items:center;background:#fffaf6eb;border:1px solid rgba(126,74,63,.16);border-radius:999px;box-shadow:0 12px 26px #54443129;color:#5f6f44;cursor:pointer;display:none;height:44px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:40}.garden-scroll-arrow:hover,.garden-scroll-arrow:focus-visible{background:#eef5df;outline:3px solid rgba(95,111,68,.2)}.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,#bfe4ed 34%,#d4e8b8 34%,#d4e8b8);border-right:1px solid rgba(95,110,66,.18);bottom:0;overflow:hidden;position:absolute;top:0}.garden-area:before{background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 38%),radial-gradient(circle at 18% 72%,color-mix(in srgb,var(--area-accent) 16%,transparent),transparent 16%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.garden-area-sky,.garden-area-ground,.garden-area-path{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.garden-area-sky{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 42%)}.garden-area-ground{background:radial-gradient(ellipse at 50% 100%,rgba(82,126,71,.18),transparent 42%)}.garden-area-path{background:radial-gradient(ellipse at 50% 92%,rgba(204,166,117,.42),transparent 34%)}.garden-area-label{background:#fffaf6e0;border:1px solid rgba(126,74,63,.12);border-left:4px solid var(--area-accent);border-radius:8px;display:grid;gap:2px;left:18px;max-width:calc(100% - 36px);padding:10px 12px;position:absolute;top:16px;z-index:30}.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{align-items:center;background:#ffffffd1;border:1px solid rgba(126,74,63,.14);border-radius:999px;color:#806456;display:inline-flex;font-size:.82rem;font-weight:900;gap:6px;padding:8px 12px;position:absolute;right:18px;top:18px;z-index:30}.garden-lock span{line-height:1.2;max-width:180px}.garden-sprite{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;justify-content:center;padding:0;position:absolute;transform:translate(calc(-1 * var(--anchor-x)),calc(-1 * var(--anchor-y))) rotate(var(--sprite-rotation));transition:filter .16s ease,transform .16s ease;touch-action:none}.garden-sprite:after{background:#42322633;border-radius:50%;bottom:4px;content:"";height:18%;left:18%;position:absolute;right:18%;z-index:-1}.garden-sprite img{height:100%;object-fit:contain;pointer-events:none;width:100%}.garden-sprite:hover,.garden-sprite:focus-visible,.garden-sprite--selected{filter:drop-shadow(0 12px 14px rgba(84,68,49,.22));outline:0;transform:translate(calc(-1 * var(--anchor-x)),calc(-1 * var(--anchor-y) - 6px)) rotate(var(--sprite-rotation))}.garden-sprite--editing{cursor:grab}.garden-sprite--editing:active{cursor:grabbing}.garden-sprite--selected{box-shadow:0 0 0 4px #ef7d703d;border-radius:999px}.garden-sprite-fallback{background:#ef7d70;border:3px solid #fff8f2;border-radius:999px;height:54px;width:54px}.garden-minimap{background:#fff8f2;border:1px solid #d7e6c7;border-radius:999px;display:flex;gap:3px;height:18px;overflow:hidden;padding:3px}.garden-minimap button{background:var(--area-accent);border:0;border-radius:999px;cursor:pointer;opacity:.78;padding:0}.history-link{align-items:center;background:#fffaf6;border:1px solid #efd7ca;border-radius:999px;box-shadow:0 10px 24px #74493714;color:#7e4a3f;cursor:pointer;display:inline-flex;gap:9px;font-weight:900;justify-self:start;min-height:44px;padding:10px 14px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.history-link:hover,.history-link:focus-visible{background:#fff1ef;border-color:#efb4aa;box-shadow:0 14px 30px #7449371f;color:#9f4c43;outline:0;transform:translateY(-1px)}.history-link.open{background:#eef5df;border-color:#b8cf9f;color:#4f6e3d}.history-link svg{height:18px;width:18px}.history-link-chevron{transition:transform .16s ease}.history-link.open .history-link-chevron{transform:rotate(180deg)}.garden-history{display:grid;gap:14px}.history-level-card{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;display:grid;gap:4px;padding:14px}.history-level-card p{color:#5f6f44;font-weight:800;margin-bottom:0}.garden-history-list{display:grid;gap:10px}.garden-history-item{align-items:center;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;color:#382f2a;cursor:pointer;display:grid;gap:12px;grid-template-columns:48px 1fr auto;min-height:68px;padding:10px 12px;text-align:left;width:100%}.garden-history-item:hover,.garden-history-item:focus-visible{border-color:#ef7d70;box-shadow:0 10px 24px #5444311f;outline:0}.garden-history-item img{height:44px;object-fit:contain;width:44px}.garden-history-item span{display:grid;gap:3px}.garden-history-item small{color:#806456;font-weight:700}.garden-history-item em{background:#eef5df;border-radius:999px;color:#4f6e3d;font-style:normal;font-weight:900;padding:6px 10px}.history-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.history-pagination span{color:#806456;font-weight:800}.daily-card,.composer{display:grid;gap:16px}.answer-form{display:grid;gap:12px}textarea,input,select{background:#fffaf6;border:1px solid #e2c9ba;border-radius:8px;color:#382f2a;min-width:0;padding:12px 14px;width:100%}.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{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:10px 14px}.primary-button{background:#ef7d70;color:#fff}.secondary-button{background:#eef5df;color:#4f6e3d}.danger-button{align-items:center;background:#fff1ef;border:1px solid #efb4aa;border-radius:8px;color:#9f3f35;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:10px 14px}.secondary-button:disabled{cursor:default;opacity:.65}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.65}.inline-button{width:fit-content}.answers,.note-list,.timeline{display:grid;gap:12px}.answers p,.note-card{background:#fff8f2;border-radius:8px;padding:14px}.love-note-card{align-items:flex-start;display:flex;gap:14px;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{align-items:center;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;color:#9f4f42;display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;width:56px}.own-note .love-note-seal{border-color:#c9ddba;color:#5f7948}.love-note-seal svg{fill:#f8b8a82e;height:32px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8;width:42px}.love-note-author{color:#806456;font-size:.84rem;font-weight:800;margin-bottom:6px}.love-note-text{margin-bottom:0}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.quest-card{display:grid;gap:14px;padding:18px}.quest-card--active{border-color:#ef7d70;box-shadow:0 18px 45px #9f4c4324}.quest-card--completed{opacity:.78}.quest-section,.section-heading{display:grid;gap:12px}.quest-filters{align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(150px,1fr))}.quest-filter-field{align-content:center;display:grid;gap:6px}.quest-filter-field label{font-size:.78rem;font-weight:800;text-transform:uppercase}.section-heading h2{margin-bottom:0}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quest-status-note{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;color:#806456;font-weight:700;margin-bottom:0;padding:10px 12px}.timeline-item{padding:18px}.timeline-item time{color:#8e5d4f;font-size:.85rem;font-weight:800}.note-card.drawn{background:linear-gradient(180deg,#fffae8f5,#fff4ccf0),#fff4cc;border-color:#e8cb85;box-shadow:0 18px 45px #7449371a;padding:20px}.note-card.drawn .love-note-text{color:#4f4038;font-family:Segoe Print,Bradley Hand,Noteworthy,cursive;font-size:1.08rem;line-height:1.75;max-width:62ch}.feature-explainer,.draw-header,.draw-counter{align-items:flex-start;display:flex;gap:12px}.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{align-items:center;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;color:#806456;cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:14px;top:14px;width:36px}.feature-explainer-close:hover,.feature-explainer-close:focus-visible{background:#fff1ef;color:#7e4a3f}.feature-explainer-icon{color:#9f4f42;flex:0 0 auto;height:64px;width:64px}@media(min-width:720px){.feature-explainer{gap:20px}.feature-explainer-icon{height:100px;width:100px}}.draw-panel{display:grid;gap:16px}.draw-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.draw-header>div{min-width:0}.draw-counter{align-items:center;background:#eef5df;border-radius:999px;color:#4f6e3d;flex:0 0 auto;font-size:.85rem;font-weight:800;padding:8px 12px}.empty-state{background:#fff8f2;border:1px dashed #d3b69b;border-radius:8px;color:#806456;font-weight:700;margin-bottom:0;padding:14px}.settings-list{display:grid;gap:10px}.settings-list p{margin-bottom:0}.profile-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-height:44px}.profile-edit-form{align-items:center;display:flex;flex:1 1 320px;gap:8px}.profile-edit-form input{min-width:180px}.password-edit-form{flex-wrap:wrap}.password-edit-form input{flex:1 1 190px}.profile-field-error{color:#b3433b;flex:1 0 100%;font-size:.86rem;font-weight:700;margin:-2px 0 0}.field-success,.profile-field-success{color:#4f6e3d;flex:1 0 100%;font-size:.86rem;font-weight:800;margin:-2px 0 0}.icon-button{align-items:center;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;color:#7a5a4b;cursor:pointer;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}.compact-button{min-height:42px;white-space:nowrap}.confirm-overlay{align-items:center;background:#382f2a6b;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:50}.confirm-dialog{background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;box-shadow:0 24px 70px #382f2a3d;display:grid;gap:16px;max-width:460px;padding:20px;width:min(100%,460px)}.confirm-dialog h2,.confirm-dialog p{margin-bottom:0}.confirm-icon{background:#fff1ef;border:1px solid #efb4aa;border-radius:8px;color:#9f3f35;padding:8px;box-sizing:content-box}.confirm-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.hint-settings{display:grid;gap:18px}.hint-settings p{margin-bottom:0}.toggle-list{display:grid;gap:10px}.toggle-field{display:grid;gap:6px}.toggle-row{align-items:center;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.toggle-row span{font-weight:800}.toggle-feedback{margin:0;padding-left:14px}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d3b69b;border:0;border-radius:999px;cursor:pointer;flex:0 0 auto;height:28px;position:relative;transition:background .15s ease;width:52px}.toggle-row input:after{background:#fff;border-radius:50%;box-shadow:0 4px 12px #5f463b38;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:22px}.toggle-row input:checked{background:#7c8f68}.toggle-row input:checked:after{transform:translate(24px)}.toggle-row input:focus-visible{outline:3px solid rgba(239,125,112,.28);outline-offset:2px}.remember-email-row{align-items:center;color:#806456;display:flex;font-size:.92rem;font-weight:800;gap:10px}.remember-email-row input{accent-color:#ef7d70;flex:0 0 auto;height:18px;width:18px}.privacy-details{display:grid;gap:18px}.privacy-details p{margin-bottom:0}.privacy-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.privacy-grid article{border-left:3px solid #7c8f68;display:grid;gap:6px;padding-left:12px}.privacy-grid h2{font-size:1rem;margin-bottom:0}.push-settings{display:grid;gap:16px}.push-status,.push-opt-in{align-items:center;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;color:#6a5147;display:flex;gap:12px;padding:12px 14px}.push-status svg{color:#9f4c43;flex:0 0 auto}.push-status span{font-weight:800}.push-opt-in{justify-content:space-between}.push-opt-in p{margin-bottom:0}.push-opt-in .eyebrow{margin-bottom:4px}.detail-panel{display:grid;gap:16px}.celebration-panel{background:linear-gradient(135deg,#fff4cceb,#fce2d8e0),#fff8f2;border:1px solid #efc37a;border-radius:8px;display:grid;gap:6px;padding:16px}.celebration-panel span,.detail-label{color:#9f4c43;font-size:.78rem;font-weight:900;letter-spacing:0;margin-bottom:0;text-transform:uppercase}.celebration-panel p{font-size:1.08rem;font-weight:800;margin-bottom:0}.detail-growth-note{align-items:center;background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;color:#7e4a3f;display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px}.detail-growth-note svg{background:#fff1ef;border:1px solid #f3c9bf;border-radius:8px;color:#9f4c43;flex:0 0 auto;height:34px;padding:7px;width:34px}.detail-growth-note p{color:#6a5147;flex:1 1 260px;font-size:.92rem;font-weight:800;line-height:1.35;margin-bottom:0}.question-detail{display:grid;gap:14px}.question-card{background:#fffaf6;border:1px solid #efd7ca;border-radius:8px;display:grid;gap:8px;padding:14px 16px}.question-card p:last-child{font-size:1.02rem;line-height:1.5;margin-bottom:0}.question-answer-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.question-answer-card{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;display:grid;gap:8px;min-height:96px;padding:14px 16px}.question-answer-card strong{color:#7e4a3f;font-size:.84rem;line-height:1.2}.question-answer-card p{line-height:1.45;margin-bottom:0}.question-card .detail-card-subtitle{color:#806456;font-size:.78rem;font-weight:700;line-height:1.3;margin-bottom:2px}.memory-detail-card p:last-child{margin-top:4px}.notification-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.notification-toolbar p,.notification-toolbar h2{margin-bottom:0}.notification-list{display:grid;gap:0}.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{border-color:#e9b5a7;box-shadow:0 14px 34px #5444311a;position:relative;z-index:1}.notification-item{align-items:flex-start;background:#fffaf6;border:0;border-left:4px solid transparent;color:#382f2a;cursor:pointer;display:grid;gap:12px;grid-template-columns:38px minmax(0,1fr) 24px;min-height:92px;padding:15px 16px 15px 12px;text-align:left;width:100%}.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{align-items:center;background:#f4eadf;border:1px solid #e6cdbd;border-radius:8px;color:#806456;display:inline-flex;height:34px;justify-content:center;width:34px}.notification-item.unread .notification-read-icon{background:#ffe3dd;border-color:#efb4aa;color:#9f4c43}.notification-copy{display:grid;gap:5px;min-width:0}.notification-kicker{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.notification-feature,.notification-state,.notification-priority{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:900;gap:4px;line-height:1;padding:5px 8px}.notification-feature{background:#eef5df;color:#4f6e3d}.notification-state{background:#f4eadf;color:#806456}.notification-state.unread,.notification-priority.action{background:#ffe3dd;color:#9f4c43}.notification-priority{background:#f6f0ea;color:#806456}.notification-item small{color:#806456;font-size:.92rem;line-height:1.4}.notification-knowme-inline{background:#fff8f2d6;border:1px solid rgba(239,215,202,.9);border-radius:8px;color:#5f4a41;display:grid;font-size:.86rem;gap:3px;line-height:1.35;margin-top:2px;padding:8px 10px}.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 ease}.notification-chevron.open{transform:rotate(180deg)}.notification-detail{background:#fffdf9;border-top:1px solid #efd7ca;display:grid;gap:14px;padding:14px 16px 16px 66px}.notification-detail-summary{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;display:grid;gap:6px;padding:12px 14px}.notification-detail-summary span{align-items:center;color:#7e4a3f;display:inline-flex;font-size:.78rem;font-weight:900;gap:6px;text-transform:uppercase}.notification-detail-summary p,.notification-fallback-detail p{margin-bottom:0}.notification-source-detail{display:grid;gap:12px}.notification-fallback-detail{align-items:center;background:#f8f3ea;border:1px solid #e5d7c6;border-radius:8px;color:#6a5147;display:flex;gap:10px;padding:12px 14px}.notification-detail-action{justify-self:start}.notification-expand-enter-active,.notification-expand-leave-active{max-height:720px;opacity:1;transition:max-height .22s ease,opacity .18s ease}.notification-expand-enter-from,.notification-expand-leave-to{max-height:0;opacity:0}.detail-header{align-items:start;display:flex;gap:16px;justify-content:space-between}.auth-panel,.couple-actions,.join-form{display:grid;gap:16px}.next-step-note{align-items:flex-start;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;color:#5f463b;display:flex;gap:12px;padding:14px}.next-step-note p{margin-bottom:0}.highlighted-form{background:#fffaf6;border:1px solid #efb4aa;border-radius:8px;padding:16px}.section-divider{align-items:center;color:#8e5d4f;display:grid;font-size:.82rem;font-weight:800;gap:10px;grid-template-columns:1fr auto 1fr;text-transform:uppercase}.section-divider:before,.section-divider:after{background:#efd7ca;content:"";height:1px}.segmented-control{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);padding:4px}.segmented-control button{align-items:center;background:transparent;border:0;border-radius:8px;color:#806456;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px}.segmented-control button.active{background:#ef7d70;color:#fff}.form-error{background:#fff1ef;border:1px solid #efb4aa;border-radius:8px;color:#9f3f35;font-weight:700;margin-bottom:0;padding:12px 14px}.success-note{background:#edf8e7;border:1px solid #bad7a5;border-radius:8px;color:#4f6e3d;font-weight:700;margin-bottom:0;padding:12px 14px}.muted{color:#806456}.couple-code,.settings-actions{display:flex;flex-wrap:wrap;gap:10px}.bottom-nav-shell{bottom:16px;left:50%;max-width:760px;position:fixed;transform:translate(-50%);width:calc(100% - 32px);z-index:1000}.bottom-nav{background:#fffffff2;border:1px solid #efd7ca;border-radius:8px;box-shadow:0 16px 42px #74493729;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);max-width:100%;overflow-x:auto;overflow-y:hidden;padding:6px;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-scroll{align-items:center;background:#fffaf6f5;border:1px solid #efd7ca;border-radius:999px;box-shadow:0 10px 24px #74493729;color:#7e4a3f;cursor:pointer;display:none;height:34px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:34px;z-index:2}.bottom-nav-scroll--left{left:-4px}.bottom-nav-scroll--right{right:-4px}.option-grid,.answer-options{display:grid;gap:10px}.template-chip-list{display:flex;flex-wrap:wrap;gap:8px}.template-section{display:grid;gap:10px}.template-header{align-items:center;color:#806456;display:flex;font-size:.86rem;gap:10px;justify-content:space-between}.template-header strong{color:#7e4a3f;font-size:.9rem}.template-header span{font-weight:800}.template-browser{align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto}.template-chip{background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;color:#7e4a3f;cursor:pointer;font-size:.84rem;font-weight:800;max-width:100%;min-height:36px;overflow-wrap:anywhere;padding:8px 10px;text-align:left;white-space:normal}.template-page-button{align-items:center;background:#eef5df;border:1px solid #d7e6c7;border-radius:8px;color:#4f6e3d;cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.template-page-placeholder{display:block;height:40px;width:40px}.question-source{color:#8e5d4f;font-size:.85rem;font-weight:800;margin:-8px 0 0}.catalog-combobox{display:grid;gap:8px;position:relative}.catalog-input-shell{position:relative}.catalog-input-shell input{padding-right:42px}.catalog-input-icon{color:#806456;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:transform .16s ease}.catalog-input-icon.open{transform:translateY(-50%) rotate(180deg)}.catalog-suggestions{background:#fffaf6;border:1px solid #e2c9ba;border-radius:8px;box-shadow:0 18px 42px #74493729;display:grid;gap:4px;left:0;max-height:320px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.catalog-suggestion{align-items:center;background:transparent;border:0;border-radius:8px;color:#382f2a;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:10px 12px;text-align:left;width:100%}.catalog-suggestion:hover,.catalog-suggestion:focus-visible{background:#fff1ef;outline:0}.catalog-suggestion span{font-weight:800}.catalog-suggestion small{background:#eef5df;border-radius:999px;color:#4f6e3d;flex:0 0 auto;font-weight:800;padding:6px 10px}.catalog-empty{color:#806456;font-weight:700;margin-bottom:0;padding:10px 12px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.know-me-option-grid{align-items:start}.option-grid label,.answer-option{display:grid;gap:6px}.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{display:grid;gap:6px;margin:0}.know-me-history-details div{align-items:baseline;display:grid;gap:8px;grid-template-columns:minmax(72px,max-content) 1fr}.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{align-items:center;display:inline-flex;gap:8px;justify-self:start;padding:8px 10px}.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{align-items:center;background:#fff8f2;border:1px solid #efd7ca;border-radius:8px;cursor:pointer;grid-template-columns:auto 1fr;padding:10px 12px}.nav-item{align-items:center;border-radius:8px;color:#806456;display:grid;font-size:.72rem;font-weight:800;gap:4px;justify-items:center;min-height:58px;padding:6px}.nav-item.router-link-active{background:#fce2d8;color:#9f4c43}@media(hover:hover)and (pointer:fine){.garden-scroll-arrow{display:inline-flex}}@media(max-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{display:inline-flex}.garden-world{height:560px}.garden-area-label{left:12px;top:12px}.garden-lock{right:12px;top: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{align-items:start;flex-direction:column;gap:4px}.progress-grid{grid-template-columns:1fr}.progress-tile{min-height:0}.bottom-nav-shell{bottom:10px;width:calc(100% - 20px)}.bottom-nav{display:flex;gap:4px;padding-inline:8px}.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{font-size:.82rem;line-height:1.3;min-height:0}.draw-header{display:grid}.draw-counter{justify-self:start}.quest-filters,.option-grid,.question-answer-grid{grid-template-columns:1fr}.nav-item span{display:none}}