@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Nunito:wght@400;600;700;800&family=Caveat:wght@600&family=Space+Grotesk:wght@400;600;700&family=Atkinson+Hyperlegible:wght@400;700&display=swap";:root{--color-bg:#fdf6f0;--color-surface:#fff;--color-primary:#e8a0a0;--color-primary-dark:#c97b7b;--color-secondary:#a8b89f;--color-highlight:#f3d9b1;--color-text:#4a403a;--color-text-muted:#8c7f76;--color-border:#f0e4da;--font-display:"Fraunces", serif;--font-body:"Nunito", sans-serif;--font-accent:"Caveat", cursive;--radius-card:20px;--radius-pill:999px;--shadow-soft:0 4px 16px #4a403a14;--shadow-soft-hover:0 6px 20px #4a403a1f;--decoration-opacity:1;--tap-target-min:40px;--motion-duration:.15s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=neutral]{--color-bg:#f4f5f6;--color-surface:#fff;--color-primary:#4b6a63;--color-primary-dark:#33473f;--color-secondary:#7a8b99;--color-highlight:#dfe6e2;--color-text:#2c2f30;--color-text-muted:#767c7f;--color-border:#e2e4e5;--font-display:"Space Grotesk", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-accent:"Space Grotesk", sans-serif;--radius-card:14px;--shadow-soft:0 2px 10px #1e212212;--shadow-soft-hover:0 4px 14px #1e21221a;--decoration-opacity:0}:root[data-theme=calm]{--color-bg:#fff;--color-surface:#fff;--color-primary:#2f5d8a;--color-primary-dark:#1f4266;--color-secondary:#2f5d8a;--color-highlight:#eef3f8;--color-text:#1a1a1a;--color-text-muted:#4d4d4d;--color-border:#b8b8b8;--font-display:"Atkinson Hyperlegible", sans-serif;--font-body:"Atkinson Hyperlegible", sans-serif;--font-accent:"Atkinson Hyperlegible", sans-serif;--radius-card:10px;--radius-pill:10px;--shadow-soft:none;--shadow-soft-hover:none;--decoration-opacity:0;--tap-target-min:48px;--motion-duration:0s}:root[data-mode=dark]{--color-bg:#221c18;--color-surface:#2c2521;--color-primary:#e8a0a0;--color-primary-dark:#f0bcbc;--color-secondary:#a8b89f;--color-highlight:#3d3129;--color-text:#f3ece5;--color-text-muted:#b8a99c;--color-border:#453b34;--shadow-soft:0 4px 16px #0000004d;--shadow-soft-hover:0 6px 20px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=neutral][data-mode=dark]{--color-bg:#1c1f20;--color-surface:#24282a;--color-primary:#7fa89e;--color-primary-dark:#9dbfb6;--color-secondary:#8fa0ad;--color-highlight:#2e3436;--color-text:#e8eaea;--color-text-muted:#9aa1a4;--color-border:#3a3f41;--shadow-soft:0 2px 10px #00000059;--shadow-soft-hover:0 4px 14px #00000073}:root[data-theme=calm][data-mode=dark]{--color-bg:#0f0f0f;--color-surface:#171717;--color-primary:#7fb0e0;--color-primary-dark:#a8cbef;--color-secondary:#7fb0e0;--color-highlight:#1c2733;--color-text:#f5f5f5;--color-text-muted:#cfcfcf;--color-border:#5c5c5c}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;padding:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);margin:0 0 .4em;font-weight:600}p{margin:0 0 1em;line-height:1.5}button{font-family:inherit}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:1.5rem}.button{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;min-height:var(--tap-target-min);transition:background var(--motion-duration) ease, box-shadow var(--motion-duration) ease, transform var(--motion-duration) ease;box-shadow:var(--shadow-soft);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;display:inline-flex}.button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-soft-hover)}:root[data-theme=calm] .button:active{transform:none}.button:active{transform:scale(.98)}.button.secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:none}.button.secondary:hover{background:var(--color-bg);box-shadow:none}.button:disabled{opacity:.5;cursor:not-allowed}textarea,input[type=text]{font-family:var(--font-body);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:14px;width:100%;padding:.75rem 1rem;font-size:1rem}textarea:focus,input[type=text]:focus{border-color:var(--color-primary);outline:none}.accent-text{font-family:var(--font-accent);color:var(--color-primary-dark)}:root[data-theme=neutral] .accent-text{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.signin-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.signin-card{background:var(--color-surface);border:calc(1.5px + var(--decoration-opacity) * 1.5px) solid var(--color-primary);border-radius:var(--radius-card);width:100%;max-width:360px;box-shadow:var(--shadow-soft);text-align:center;padding:2rem 1.75rem;position:relative}.signin-doodle{opacity:calc(var(--decoration-opacity) * .9);pointer-events:none;font-size:1.4rem;position:absolute}.signin-doodle-sparkle{font-size:1.2rem;top:10px;left:14px}.signin-doodle-heart{top:8px;right:16px}.signin-doodle-flower{font-size:1.3rem;bottom:8px;left:12px}.signin-doodle-star{font-size:1.2rem;bottom:12px;right:14px}.signin-features{text-align:left;color:var(--color-text);flex-direction:column;gap:.4rem;margin:0 0 1.25rem;padding:0;font-size:.9rem;list-style:none;display:flex}.signin-features li{align-items:center;gap:.5rem;display:flex}.signin-title{font-size:1.75rem}.signin-subtitle{color:var(--color-text-muted)}.signin-form{flex-direction:column;gap:.75rem;display:flex}.signin-input{font-family:var(--font-body);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%;min-height:var(--tap-target-min);border-radius:14px;padding:.75rem 1rem;font-size:1rem}.signin-input:focus{border-color:var(--color-primary);outline:none}.signin-error{color:var(--color-primary-dark);margin:0;font-size:.9rem}.signin-sent{margin:0}.sticker-picker-overlay{z-index:100;animation:fade-in var(--motion-duration) ease;background:#4a403a59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.sticker-picker-overlay{align-items:center}}.sticker-picker{width:100%;max-width:420px;max-height:85vh;animation:slide-up var(--motion-duration) ease;text-align:center;border-radius:24px 24px 0 0;flex-direction:column;display:flex}@media (width>=640px){.sticker-picker{border-radius:var(--radius-card)}}.sticker-picker-header{text-align:left;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sticker-picker-header h3{flex:1;margin:0}.sticker-picker-close,.sticker-picker-back{color:var(--color-text-muted);cursor:pointer;min-height:var(--tap-target-min);min-width:var(--tap-target-min);background:0 0;border:none;flex-shrink:0;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.sticker-picker-close:hover,.sticker-picker-back:hover{color:var(--color-primary-dark)}.sticker-picker-back{font-size:1.8rem;font-weight:700}.sticker-picker-hint{color:var(--color-text-muted);font-size:.9rem}.sticker-picker-locked-message{color:var(--color-text-muted);text-align:center;margin:0;padding:1rem .5rem;font-size:.95rem}.sticker-label-step{flex-direction:column;flex-shrink:0;display:flex}.sticker-label-input{text-align:center;flex-shrink:0;margin-top:.75rem}.sticker-next-button{width:100%;margin-top:1rem}.day-marks-list{text-align:left;flex-direction:column;flex-shrink:0;gap:.4rem;max-height:30vh;margin:.75rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.day-mark-item{background:var(--color-bg);border-radius:12px;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.day-mark-emoji{font-size:1.2rem}.day-mark-label{flex:1;font-size:.9rem;font-weight:600}.day-mark-item .goal-remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.15rem .3rem;font-size:1.2rem;line-height:1}.day-mark-item .goal-remove:hover{color:var(--color-primary-dark)}.sticker-tabs{flex-shrink:0;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.sticker-tab{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;padding:.4rem 1rem;font-size:.85rem;font-weight:700}.sticker-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;min-height:0;margin:1rem 0;display:grid;overflow-y:auto}.sticker-option{aspect-ratio:1;min-height:var(--tap-target-min);border:2px solid var(--color-border);background:var(--color-bg);cursor:pointer;transition:transform var(--motion-duration) ease, border-color var(--motion-duration) ease;border-radius:16px;justify-content:center;align-items:center;font-size:1.8rem;display:flex;position:relative}.sticker-option:hover{border-color:var(--color-primary);transform:scale(1.08)}:root[data-theme=calm] .sticker-option:hover{transform:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.goal-list-items{flex-direction:column;gap:.5rem;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.goal-list-item{background:var(--color-bg);border-radius:12px;align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.goal-checkbox{border:2px solid var(--color-primary);background:var(--color-surface);width:22px;height:22px;color:var(--color-primary-dark);cursor:pointer;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.85rem;font-weight:700;display:flex}:root[data-theme=calm] .goal-checkbox{width:var(--tap-target-min);height:var(--tap-target-min);border-width:2px;font-size:1.2rem}:root[data-theme=calm] .goal-remove{min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.goal-checkbox:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.goal-list-item.done .goal-checkbox{background:var(--color-primary);color:#fff}.goal-item-text{word-break:break-word;flex:1;font-size:.98rem}.goal-list-item.done .goal-item-text{color:var(--color-text-muted);text-decoration:line-through}.goal-remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.15rem .3rem;font-size:1.2rem;line-height:1}.goal-remove:hover{color:var(--color-primary-dark)}.goal-list-add{gap:.5rem;display:flex}.goal-list-add input{flex:1}.goal-add-button{flex-shrink:0;padding-left:1rem;padding-right:1rem}.week-bubble{aspect-ratio:1;border:1.5px dashed var(--color-border);width:100%;max-width:56px;max-height:56px;box-shadow:none;cursor:pointer;opacity:.55;transition:transform var(--motion-duration) ease, opacity var(--motion-duration) ease;background:0 0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;margin:auto;padding:0;display:flex}:root[data-theme=calm] .week-bubble{min-width:var(--tap-target-min);min-height:var(--tap-target-min);opacity:1;border-style:dashed;border-width:2px}.week-bubble:hover{opacity:.85;transform:scale(1.06)}:root[data-theme=calm] .week-bubble:hover{transform:none}.week-bubble.is-active{border:2px solid var(--color-secondary);background:var(--color-surface);box-shadow:var(--shadow-soft);opacity:1}:root[data-theme=calm] .week-bubble.is-active{border-style:solid}.week-bubble.is-active:hover{opacity:1}.week-bubble.is-locked{opacity:.4}.week-bubble.is-locked:hover{opacity:.55}.week-bubble-emoji{font-size:1.3rem;line-height:1}.week-bubble-count{color:var(--color-secondary);font-size:.6rem;font-weight:800}@media (width<=420px){.week-bubble{max-width:44px;max-height:44px}.week-bubble-emoji{font-size:1.1rem}.week-bubble-count{font-size:.52rem}}.week-popover-overlay{z-index:100;animation:week-fade-in var(--motion-duration) ease;background:#4a403a59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.week-popover-overlay{align-items:center}}.week-popover{width:100%;max-width:420px;max-height:85vh;animation:week-slide-up var(--motion-duration) ease;border:2px solid var(--color-secondary);border-radius:24px 24px 0 0;overflow-y:auto}@media (width>=640px){.week-popover{border-radius:var(--radius-card)}}.week-popover-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.week-popover-locked-message{color:var(--color-text-muted);text-align:center;margin:0;padding:1rem .5rem;font-size:.95rem}.week-popover-close{width:100%;margin-top:.5rem}@keyframes week-fade-in{0%{opacity:0}to{opacity:1}}@keyframes week-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.month-summary-badge{z-index:10;position:absolute;bottom:.75rem;right:.75rem}.month-summary-pill{background:var(--color-surface);border:1.5px solid var(--color-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);cursor:pointer;font-family:var(--font-body);align-items:center;gap:.35rem;padding:.4rem .75rem;display:inline-flex}.month-summary-pill:hover{box-shadow:var(--shadow-soft-hover);transform:scale(1.03)}:root[data-theme=calm] .month-summary-pill:hover{transform:none}.month-summary-pill-emoji{font-size:1.1rem;line-height:1}.month-summary-pill-label{color:var(--color-text);font-size:.75rem;font-weight:700}.month-summary-card{background:var(--color-surface);border:1.5px solid var(--color-primary);border-radius:var(--radius-card);width:240px;max-width:calc(100vw - 3rem);box-shadow:var(--shadow-soft-hover);text-align:left;padding:.9rem 1rem}.month-summary-card-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.month-summary-card-title{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:800}.month-summary-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .3rem;font-size:1.25rem;line-height:1}.month-summary-close:hover{color:var(--color-primary-dark)}.month-summary-status{color:var(--color-text-muted);margin:0;font-size:.85rem}.month-summary-retry{width:100%;margin-top:.5rem}.month-summary-categories{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.month-summary-category{align-items:center;gap:.5rem;display:flex}.month-summary-category-emoji{flex-shrink:0;font-size:1rem}.month-summary-category-label{flex:1;font-size:.85rem;font-weight:600}.month-summary-category-count{color:var(--color-primary-dark);font-size:.85rem;font-weight:800}.rollover-banner{background:var(--color-highlight);border-radius:var(--radius-card);align-items:center;gap:.5rem;margin:.5rem 1.25rem 0;padding:.15rem .15rem .15rem 0;display:flex}.rollover-banner-main{font-family:var(--font-body);color:var(--color-primary-dark);text-align:center;cursor:pointer;background:0 0;border:none;flex:1;padding:.6rem .5rem;font-size:.85rem;font-weight:700}.rollover-banner-dismiss{color:var(--color-text-muted);cursor:pointer;min-height:var(--tap-target-min);background:0 0;border:none;flex-shrink:0;padding:.3rem .6rem;font-size:1.2rem;line-height:1}.rollover-banner-dismiss:hover{color:var(--color-primary-dark)}.calendar-screen{flex-direction:column;gap:1.25rem;max-width:680px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex}.calendar-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}:root[data-theme=calm] .home-title{font-size:1.6rem;font-weight:700}.calendar-poster{background:var(--color-surface);border:calc(1.5px + var(--decoration-opacity) * 2.5px) solid var(--color-primary);box-shadow:var(--shadow-soft-hover);border-radius:28px;padding:2.25rem 1.25rem 2rem;position:relative}.doodle{opacity:calc(var(--decoration-opacity) * .9);pointer-events:none;font-size:1.6rem;transition:opacity .15s;position:absolute}.doodle-sparkle{font-size:1.3rem;top:12px;left:16px}.doodle-heart{top:10px;right:18px}.doodle-flower{font-size:1.4rem;bottom:10px;left:14px}.doodle-star{font-size:1.3rem;bottom:14px;right:16px}.poster-nav{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.poster-title-block{text-align:center;min-width:200px}.poster-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-primary-dark);margin:0;font-size:2.75rem;font-weight:700;line-height:1}.poster-year{font-size:1.3rem}.nav-arrow{background:var(--color-bg);border:1.5px solid var(--color-border);cursor:pointer;width:40px;height:40px;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.nav-arrow:hover{border-color:var(--color-primary)}.poster-today-row{justify-content:center;margin-bottom:1rem;display:flex}.poster-today-button{color:var(--color-primary-dark);cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:underline}.poster-today-button:hover{color:var(--color-primary)}.poster-goal-line{text-align:center;color:var(--color-text);margin-bottom:1.25rem;padding:0 .5rem;font-size:.9rem}.poster-goal-line-label{color:var(--color-primary-dark);letter-spacing:.03em;font-weight:800}.poster-goal-line-empty{color:var(--color-text-muted);font-style:italic}.poster-goal-line-link{font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;background:0 0;border:none;padding:0}.poster-goal-line-link:hover{color:var(--color-primary-dark);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.calendar-grid{grid-template-columns:repeat(7,1fr) .8fr;gap:.4rem;display:grid}.calendar-week-row{margin-bottom:.4rem}.calendar-weekday-row{margin-bottom:.5rem}.weekday-label{text-align:center;color:var(--color-text-muted);letter-spacing:.04em;font-size:.7rem;font-weight:800}.weekday-label-cloud{font-size:.9rem}.weekday-label-cloud:after{content:"☁️"}.calendar-day{aspect-ratio:.85;border:1.5px dashed var(--color-border);background:var(--color-bg);cursor:pointer;min-height:64px;transition:transform var(--motion-duration) ease, border-color var(--motion-duration) ease;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.3rem .15rem;display:flex;overflow:hidden}:root[data-theme=neutral] .calendar-day,:root[data-theme=calm] .calendar-day{border-style:solid}:root[data-theme=calm] .calendar-day{min-height:var(--tap-target-min);border-color:var(--color-border);border-width:2px}.calendar-day:hover{border-color:var(--color-primary);transform:scale(1.04)}:root[data-theme=calm] .calendar-day:hover{border-color:var(--color-primary);border-width:2px;transform:none}.calendar-day.outside-month{opacity:.3}.calendar-day.is-future{opacity:.55}.calendar-day.is-current-week{background:color-mix(in srgb, var(--color-secondary) 12%, var(--color-bg))}.calendar-day.is-today{border-style:solid;border-color:var(--color-primary);background:var(--color-highlight)}.day-number{color:var(--color-text-muted);font-size:.75rem;font-weight:700}.day-today-tag{display:none}:root[data-theme=calm] .day-today-tag{color:var(--color-primary-dark);white-space:nowrap;font-size:.6rem;font-weight:800;display:inline}.day-sticker-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem;max-width:100%;min-height:1.25rem;font-size:1.1rem;line-height:1;display:flex}.day-sticker-extra{color:var(--color-text-muted);font-size:.65rem;font-weight:800}@media (width<=420px){.poster-title{font-size:2.1rem}.calendar-day{border-radius:10px;min-height:52px}.day-label{font-size:.52rem}}.nudge-card{border:2px solid var(--color-highlight);border-style:dashed}:root[data-theme=neutral] .nudge-card{border-style:solid}.nudge-eyebrow{margin-bottom:.25rem;font-size:1.2rem;display:block}.nudge-week-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:-.5rem 0 .75rem;font-size:.8rem;font-weight:700}.nudge-context{color:var(--color-text-muted);font-size:.95rem}.nudge-dismiss{width:100%;margin-top:.75rem}.past-weeks-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.past-week-item:not(:last-child){border-bottom:1px solid var(--color-border)}.past-week-header{cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .1rem;font-family:inherit;display:flex}:root[data-theme=calm] .past-week-header{min-height:var(--tap-target-min)}.past-week-chevron{color:var(--color-text-muted);transition:transform var(--motion-duration) ease;flex-shrink:0;font-size:1rem;display:inline-block}.past-week-chevron.open{transform:rotate(90deg)}.past-week-title{text-align:left;flex:1;font-size:.9rem;font-weight:600}.past-week-tally{color:var(--color-secondary);font-size:.85rem;font-weight:800}.past-week-detail{flex-direction:column;gap:.3rem;margin:0 0 .6rem;padding:0 0 0 1.5rem;list-style:none;display:flex}.past-week-detail li{color:var(--color-text-muted);font-size:.85rem}.past-week-detail li.done{text-decoration:line-through}.goals-screen{flex-direction:column;gap:1.25rem;max-width:560px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex}.goals-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-title{font-family:var(--font-accent);color:var(--color-primary-dark);margin:0;font-size:2.4rem;font-weight:600}.goal-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.past-weeks-card{opacity:.9}.settings-menu{position:relative}.settings-menu-trigger{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.settings-menu-trigger:hover{color:var(--color-text);border-color:var(--color-primary)}.settings-menu-popover{z-index:50;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);min-width:180px;box-shadow:var(--shadow-soft-hover);text-align:left;flex-direction:column;gap:.75rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.settings-menu-section{flex-direction:column;gap:.4rem;display:flex}.settings-menu-section+.settings-menu-section{border-top:1px solid var(--color-border);padding-top:.75rem}.settings-menu-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.settings-menu-options{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);gap:.2rem;padding:.2rem;display:inline-flex}.settings-menu-option{color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;flex:1;padding:.35rem .7rem;font-family:inherit;font-size:.8rem;font-weight:700}.settings-menu-option.active{background:var(--color-primary);color:#fff}.settings-menu-signout{color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;padding:.3rem 0;font-size:.85rem;font-weight:700}.settings-menu-signout:hover{color:var(--color-primary-dark)}.app-top-bar{justify-content:flex-end;padding:.9rem 1.25rem 0;display:flex}.app-save-error{text-align:center;color:var(--color-primary-dark);background:var(--color-highlight);border-radius:var(--radius-card);margin:.5rem 1.25rem 0;padding:.5rem 1rem;font-size:.85rem}