/* Mobile 7: focused money-planning interface. Explicit reported/planned semantics. */
:root{--page:#fff;--surface:#fff;--soft:#f4f6fa;--line:#e5e9f0;--ink:#101d32;--muted:#59677b;--brand:#285af5;--pale:#edf2ff;--hero:#111f39;--hero-ink:#fff;color-scheme:light}
html[data-theme=dark]{--page:#101722;--surface:#172131;--soft:#1d293b;--line:#314058;--ink:#edf2fa;--muted:#a6b4c8;--brand:#97b3ff;--pale:#243653;--hero:#192f55;--hero-ink:#fff;color-scheme:dark}
body{background:var(--page);color:var(--ink)}h1,h2,h3,h4,label,.brand{color:var(--ink)}p,.muted,.fine,.label{color:var(--muted)}button{background:var(--brand);color:#fff;border-color:transparent;box-shadow:none;border-radius:12px;min-height:44px}button.secondary,button.ghost{background:var(--soft);border:1px solid var(--line);color:var(--ink);box-shadow:none}button.text-button{color:var(--brand);background:transparent}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #f0b64c;outline-offset:3px}
input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}.topbar{background:var(--surface);border-color:var(--line);padding-top:max(12px,env(safe-area-inset-top));max-width:none}.topbar .brand{margin-right:auto}.topbar .brand img{width:124px;height:auto}.shell{max-width:1140px;padding-top:28px}.card,.item,.notice,.rot-card,.metric,.home-feature,.home-checkin,.home-family,.journey-card{background:var(--surface);border-color:var(--line);box-shadow:none}.notice{background:var(--soft);color:var(--ink)}.notice.error{color:#a83020;background:#fff0eb}.badge{background:var(--pale);color:var(--ink)}.eyebrow{color:var(--muted);letter-spacing:.1em}.account-email{color:var(--muted)}
#productNav{display:flex;gap:8px;padding:0 0 20px;border-bottom:1px solid var(--line);margin-bottom:28px}#productNav button{display:flex;align-items:center;justify-content:center;gap:9px;background:none;color:var(--muted);font-weight:600;padding:12px 22px;border-radius:10px}#productNav svg{width:21px;height:21px;flex:none}#productNav [aria-current=page]{background:var(--pale);color:var(--brand)}.product-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.product-title h1{font-size:34px;letter-spacing:-.04em;margin:0}.product-title .eyebrow{margin-bottom:8px}.product-list{padding:26px 0;border-bottom:1px solid var(--line)}.product-list h2{font-size:20px;margin-bottom:16px}.product-list .event{padding:18px 0}.product-list .event time{color:var(--muted)}.circle-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:36px}.circle-picker{display:flex;align-items:center;text-align:left;gap:14px;padding:20px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px}.circle-picker.selected{border-color:var(--brand);background:var(--pale)}.circle-picker strong{display:block;overflow-wrap:anywhere}.circle-picker small{display:block;font-weight:400;color:var(--muted);margin-top:6px}.circle-picker>span:nth-child(2){flex:1;min-width:0}.circle-mark,.profile-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--pale);color:var(--brand);font-size:18px;font-weight:700}.profile-account{display:flex;align-items:center;gap:18px}.profile-account p{overflow-wrap:anywhere}.profile-avatar{width:60px;height:60px;font-size:25px}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.profile-row select{width:155px}.product-shell #workspace>.workspace-heading{display:none}.product-shell #createPanel:not([hidden]){margin-top:20px}.product-shell .circle-toolbar{margin-bottom:26px}.product-shell .circle-toolbar #roleBadge,.product-shell .circle-toolbar #syncStatus{display:none}
body[data-product=profile] #circleArea,body[data-product=profile] #emptyCircles,body[data-product=profile] #createPanel,body[data-product=profile] #incomingInvitations{display:none!important}body[data-product=activity]:not(.rotation-mode) #circleArea,body[data-product=activity] #createPanel,body[data-product=activity] #emptyCircles{display:none!important}body[data-product=home] #productScreen{display:none}body[data-product=circles] .circle-toolbar{display:none}body[data-product=home] .rot-nav,body[data-product=activity] .rot-nav{display:none}body[data-product=activity] .rot-heading{margin-bottom:16px}body[data-product=home] .rot-heading h1{font-size:24px}body[data-product=home] .rot-heading .eyebrow{display:none}.rot-heading{margin-bottom:24px}.rot-heading h1{font-size:26px;letter-spacing:-.04em}.rot-nav{background:transparent;border-bottom:1px solid var(--line);margin:12px 0 30px;padding:0;position:static}.rot-nav button{border-radius:0;padding:14px 18px;background:none;box-shadow:none;color:var(--muted);border:0;border-bottom:2px solid transparent}.rot-nav button[aria-current]{color:var(--brand);background:none;border-color:var(--brand);box-shadow:none}.rot-nav button>span{display:none}
.rot-hero{background:var(--hero);border-radius:22px;padding:38px 40px;min-height:300px;grid-template-columns:1fr 160px;gap:22px}.rot-hero h2{color:var(--hero-ink);font-size:26px;font-weight:500;letter-spacing:-.025em;max-width:650px}.rot-hero p{color:#b5c7e2}.rot-kicker{color:#a2baff;letter-spacing:.12em}.rot-hero-amount{font-size:60px;letter-spacing:-.055em;line-height:1.2}.rot-hero-amount span{display:block;margin:8px 0 22px;font-size:14px;letter-spacing:0;color:#b5c7e2}.rot-hero button{background:#b9f19c;color:#102333;padding:14px 26px;font-weight:700}.rot-orbit{width:135px;height:135px;opacity:.85}.rot-orbit-center strong{font-size:32px}.rot-orbit-center span{font-size:10px}.rot-orbit-dot{width:23px;height:23px;font-size:10px}.rot-columns{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:36px}.rot-card{padding:28px 0;border:none;border-radius:0}.rot-aside{background:var(--soft);padding:26px;border-radius:18px;align-self:start}.rot-aside-amount{font-size:34px;color:var(--ink);letter-spacing:-.045em}.rot-aside .eyebrow{font-size:10px}.rot-person{border-color:var(--line);padding:18px 0}.rot-person strong{color:var(--ink)}.rot-person small,.rot-person .rot-note{color:var(--muted)}.rot-avatar{background:var(--pale);color:var(--brand)}.rot-person-actions{gap:8px}.rot-trust{border-color:var(--line)}.rot-trust p{color:var(--muted)}.rot-turns li{background:var(--surface);border-color:var(--line);box-shadow:none}.rot-turns li.open{background:var(--pale);border-color:var(--brand)}.rot-turns strong{color:var(--ink)}.rot-facts{background:var(--soft);border-color:var(--line)}.rot-facts strong{color:var(--ink)}.rot-preview,.rot-disclosure{background:var(--soft);color:var(--ink);border-color:var(--line)}.rot-rules{color:var(--ink)}.rot-history li{border-color:var(--line)}.rot-history strong{color:var(--ink)}.rot-install{display:none}.rot-footnote{padding-top:24px;border-top:1px solid var(--line)}
.product-shell .app-nav{position:static;background:var(--soft);border-color:var(--line);margin-bottom:25px}.product-shell .app-nav button{color:var(--muted)}.product-shell .app-nav button[aria-current=page]{background:var(--surface);color:var(--brand)}.home-welcome{background:none;border:0;padding:0 0 24px}.home-welcome img{display:none}.home-welcome h2{font-size:30px}.journey-card{border:none;border-top:1px solid var(--line);border-radius:0}.goal-card .goal-art{background:var(--soft)}.goal-card,.goal-body,.goal-more{background:var(--surface)}.home-feature-art{max-height:170px;background:var(--soft)}.home-feature-copy,.home-feature-footer{background:var(--surface)}.home-checkin{border-color:var(--line)}.home-family{border-color:var(--line)}.amount,.focus-amount strong,.focus-entry-amount,.focus-hero-amount,.hero-stat{color:var(--ink)}dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}.rot-auth-preview{background:var(--hero)}.rot-auth-preview h2,.rot-auth-preview strong{color:white}.rot-auth-preview p{color:#b5c7e2}footer{border-color:var(--line)}html[data-theme=dark] .brand img{filter:none}html[data-theme=dark] button:not(.secondary):not(.ghost):not(.text-button):not([data-screen]):not([data-rot-tab]):not(.circle-picker){color:#0c1b31}html[data-theme=dark] .rot-status{background:#203e38;color:#b0edcd}html[data-theme=dark] .error{background:#49251e;color:#ffd3c8}html[data-theme=dark] .goal-journey,html[data-theme=dark] .focus-upcoming,html[data-theme=dark] .focus-plan,html[data-theme=dark] .focus-entry,html[data-theme=dark] .term-summary{background:var(--soft);color:var(--ink)}
@media(min-width:800px){body[data-product=profile] #productScreen{max-width:700px;margin:auto}}
@media(max-width:760px){.shell{padding:20px 20px 100px}.topbar{padding-left:20px;padding-right:20px;gap:8px;flex-wrap:wrap}.topbar .brand img{width:105px}.topbar .language-picker{margin-left:0}.topbar select{max-width:106px;font-size:13px;padding:8px}#accountBar{display:flex;gap:6px}.account-email{display:none}.topbar #signOut{font-size:12px;padding:8px;min-height:40px}#productNav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border:0;border-top:1px solid var(--line);margin:0;padding:8px max(10px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}#productNav button{flex-direction:column;gap:5px;padding:6px 2px;font-size:11px;border-radius:10px;min-height:54px}#productNav [aria-current=page]{background:none;color:var(--brand)}#productNav svg{width:23px;height:23px}.product-title h1{font-size:30px}.product-title button{font-size:12px;padding:10px}.circle-picker-grid{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.circle-picker{padding:17px}.rot-heading{gap:12px}.rot-heading h1{font-size:22px}.rot-status{font-size:11px;padding:8px}.circle-toolbar{gap:8px}.circle-toolbar label{font-size:12px}.circle-toolbar select{min-width:0;max-width:230px;flex:1}.rot-hero{padding:27px 24px;display:block;min-height:0;border-radius:18px}.rot-hero h2{font-size:23px}.rot-hero-amount{font-size:50px}.rot-orbit{display:none}.rot-hero p{font-size:13px}.rot-hero button{width:100%}.rot-columns{display:flex;flex-direction:column;gap:10px}.rot-card{width:100%;padding:24px 0}.rot-aside{padding:24px}.rot-nav{position:static;display:flex;width:100%;margin:0 0 18px;border-radius:0;bottom:auto;left:auto;right:auto;box-shadow:none;z-index:auto}.rot-nav button{flex:1;min-width:0;font-size:12px;padding:12px 5px}.rot-person{gap:11px}.rot-person-actions{max-width:120px}.rot-section-title h2{font-size:20px}.rot-turns li{padding:16px 12px;gap:9px}.rot-turns li>strong{font-size:15px}.rot-turns .rot-avatar{display:none}.rot-turns h3{font-size:16px}.profile-row{gap:12px}.profile-account p{font-size:13px}.profile-account h2{font-size:22px}.profile-row select{width:135px}.product-shell .app-nav{position:static;display:flex;padding:4px;box-shadow:none}.product-shell .app-nav svg{display:none}.product-shell .app-nav button{min-width:0;flex:1;font-size:11px;padding:9px 4px}.rot-facts{grid-template-columns:1fr;gap:18px}.rot-person small{overflow-wrap:anywhere}.product-list{padding:22px 0}.home-welcome h2{font-size:26px}footer{padding-bottom:80px}.rot-heading .eyebrow{display:none}.rot-person-actions button{font-size:12px;padding:9px}.rot-aside h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Override older component colors and account-grid rules at their original specificity. */
.topbar{grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:14px;padding-bottom:12px}.topbar #refresh{grid-column:4;grid-row:1;width:44px;min-height:44px;padding:8px;font-size:24px}.topbar .language-picker select{background:var(--surface);color:var(--ink);border-color:var(--line)}.rot-card h2,.rot-card h3,.rot-section-title>span,.rot-page-intro h2,.home-welcome h2{color:var(--ink)}.rot-aside .eyebrow,.rot-page-intro p,.rot-turns p,.rot-history small,.rot-facts span,.rot-facts small{color:var(--muted)}.rot-aside button{background:var(--surface)!important;color:var(--ink)!important}.rot-facts>div{background:var(--soft)}.rot-orbit-center{inset:25px 12px}.rot-orbit .rot-orbit-dot{left:calc(50% - 12px);top:calc(50% - 12px);transform:rotate(var(--angle)) translateY(-68px) rotate(calc(-1 * var(--angle)));border:3px solid var(--hero)}.home-welcome .muted,.home-welcome .eyebrow{color:var(--muted)}.home-welcome>div{max-width:100%}.home-welcome{min-height:0;box-shadow:none}.home-welcome:before{display:none}.rot-card:not(.rot-aside){background:transparent}html[data-theme=dark] .rot-card :is(input,select,textarea),html[data-theme=dark] dialog :is(input,select,textarea),html[data-theme=dark] #profileLanguage,html[data-theme=dark] #profileTheme{background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .rot-turns li.completed{background:#203a34}html[data-theme=dark] .rot-card :is(h2,h3,legend){color:var(--ink)}html[data-theme=dark] .rot-person-actions button.small{background:var(--brand);color:#101d32}html[data-theme=dark] .rot-card button:disabled{background:#34476a;color:#c7d6f0}html[data-theme=dark] .product-list summary{color:var(--ink)}html[data-theme=dark] .home-feature-copy h3,html[data-theme=dark] .checkin-amount,html[data-theme=dark] .goal-body :is(h3,strong),html[data-theme=dark] .member-row .amount{color:var(--ink)}html[data-theme=dark] .home-family,html[data-theme=dark] .home-checkin,html[data-theme=dark] .accounting-details,html[data-theme=dark] .mode-panel,html[data-theme=dark] .advanced-settings,html[data-theme=dark] .focus-entry,html[data-theme=dark] .focus-plan{background:var(--surface)}html[data-theme=dark] #rotDialog,html[data-theme=dark] #focusDialog,html[data-theme=dark] #ledgerDialog,html[data-theme=dark] #managementDialog{background:var(--surface);color:var(--ink)}
@media(max-width:760px){.topbar{grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px;padding:10px 20px;padding-top:max(10px,env(safe-area-inset-top))}.topbar .language-picker{grid-column:2;grid-row:1}.topbar .language-picker select{width:110px;max-width:110px;min-height:40px;padding:8px}.topbar #refresh{grid-column:3;grid-row:1;min-height:40px;width:40px}.topbar #accountBar{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:8px}.topbar .account-email{display:none}.topbar #signOut{font-size:12px;min-height:32px;padding:5px 10px}.topbar #signInShortcut{grid-column:1/-1;grid-row:2}.rot-orbit{display:none}.home-welcome>img{display:none}.topbar .brand img{max-width:100%;width:105px}}
@media(max-width:760px){.product-shell .app-nav{position:static!important;display:flex!important;margin:0 0 24px!important;border-radius:12px!important;padding:4px!important;background:var(--soft)!important;backdrop-filter:none;box-shadow:none;z-index:auto}.product-shell .app-nav button[aria-current=page]{background:var(--surface)!important;color:var(--brand)!important}}

html[data-theme=dark] .rot-workspace button:disabled,html[data-theme=dark] #rotationRoot button:disabled{background:#34476a!important;color:#d1dcf0!important;opacity:.8}html[data-theme=dark] .rot-hero .rot-orbit-center strong{color:#fff}html[data-theme=dark] .rot-hero .rot-orbit-center span{color:#c5d6f0}
.product-shell .app-nav button{background:transparent!important;box-shadow:none!important;color:var(--muted)!important}.product-shell .app-nav button[aria-current=page]{background:var(--surface)!important;color:var(--brand)!important}.product-shell .app-nav{backdrop-filter:none}
html[data-theme=dark] .focus-welcome h2{color:var(--ink)!important}html[data-theme=dark] :is(.quest-strip,.how-it-works,.goal-options,.inset,.template-tile,.checkin,.auth-card){background:var(--surface)!important;border-color:var(--line);color:var(--ink)}html[data-theme=dark] :is(.quest-strip span,.focus-amount span,.goal-journey li,.archive-toggle,.goal-body small){color:var(--muted)}html[data-theme=dark] .quest-strip .done{color:#b0edcd}html[data-theme=dark] button:not(.secondary):not(.ghost):not(.text-button):not([data-screen]):not([data-view]):not([data-rot-tab]):not(.circle-picker):not(:disabled){background:var(--brand)!important;color:#0c1b31!important}html[data-theme=dark] .rot-hero button:not(:disabled){background:#b9f19c!important}html[data-theme=dark] :is(input,select,textarea){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] .quest-strip,html[data-theme=dark] .goal-journey{border-radius:12px}html[data-theme=dark] #authCard{background:var(--surface)!important;color:var(--ink)}

/* A directory and a named workspace are separate destinations. */
.product-shell .circle-toolbar{display:none!important}
body[data-directory=true] #circleArea,body[data-directory=true] #emptyCircles{display:none!important}
.product-shell:not([data-directory=true]) .archive-toggle{display:none!important}
#circleContext{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
#circleContext[hidden]{display:none}#circleContext>div{min-width:0}#circleContext h1{margin:4px 0 0;font-size:28px;letter-spacing:-.03em;overflow-wrap:anywhere}#circleContext p{margin:0;font-size:10px}#circleContext button{flex:none;font-size:13px}
.product-shell .rot-heading h1{display:none}.product-shell .rot-heading .eyebrow{display:none}
html[data-theme=dark]{--focus-ink:var(--ink);--paper:var(--surface);--bg:var(--page);--green:var(--brand)}
html[data-theme=dark] button.danger:not(:disabled),html[data-theme=dark] button[data-focus=entry_remove]:not(:disabled){background:#49251e!important;color:#ffd3c8!important;border-color:#a96b60!important}
html[data-theme=dark] dialog::backdrop{background:rgba(0,0,0,.72)}
.circle-picker:hover{border-color:var(--brand)}.brand img{filter:none!important}
@media(max-width:760px){#circleContext{align-items:flex-start;gap:12px;padding-bottom:18px;margin-bottom:18px}#circleContext h1{font-size:23px}#circleContext button{max-width:112px;font-size:12px;padding:9px 12px}.product-title{gap:12px}.profile-account>div{min-width:0}.product-shell dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}.rot-person>div{min-width:0}#circleContext .eyebrow{letter-spacing:.07em}}
.product-shell button.circle-picker{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}.product-shell button.circle-picker.selected{background:var(--pale)!important;border-color:var(--brand)!important}.product-shell button.circle-picker small{color:var(--muted)!important}
/* v0.7.2 — quieter surfaces and precise, readable financial records. */
:root{--page:#fff;--surface:#fff;--soft:#f5f6f8;--line:#e5e7eb;--ink:#17202b;--muted:#586476;--brand:#2f59df;--pale:#edf2ff}
html[data-theme=dark]{--page:#101419;--surface:#171c23;--soft:#1d242e;--line:#303946;--ink:#f0f3f7;--muted:#aab6c7;--brand:#9cb7ff;--pale:#222f49}
body{font-feature-settings:"ss01" 1;font-variant-numeric:tabular-nums}.shell{max-width:1120px}h1,h2,h3{letter-spacing:-.035em}button{font-weight:650;border-radius:10px}.eyebrow{letter-spacing:.09em;font-size:10px}
.product-shell .topbar{border-bottom:1px solid var(--line)}#productNav button{border-radius:8px}#productNav [aria-current=page]{background:transparent;border-bottom:2px solid var(--brand);border-radius:0}
#circleContext{margin-bottom:20px;padding-bottom:24px}#circleContext h1{font-size:30px;font-weight:700}#circleContext #allCircles{background:transparent!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:8px;font-weight:500;padding:8px 13px}
.circle-chevron{width:20px;height:20px;flex:none;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.circle-picker{border-radius:12px!important}.circle-mark{border-radius:12px}.circle-picker small{line-height:1.5}
.product-shell .app-nav{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:0!important;gap:16px;margin-bottom:26px!important}.product-shell .app-nav button{border-radius:0!important;border:0!important;border-bottom:2px solid transparent!important;padding:13px 8px!important;font-size:13px!important}.product-shell .app-nav button[aria-current=page]{background:transparent!important;border-bottom-color:var(--brand)!important}
.focus-welcome{padding:0 0 20px!important}.focus-welcome h2{font-size:20px!important;font-weight:500!important;color:var(--muted)!important}
.next-step{background:var(--soft)!important;color:var(--ink)!important;padding:24px!important;border:1px solid var(--line)!important;border-radius:14px!important}.next-step :is(h2,p){color:var(--ink)!important}.next-step .eyebrow{color:var(--muted)!important}.next-step h2{font-size:23px}.next-step p:not(.eyebrow){color:var(--muted)!important;font-size:14px;line-height:1.6}.next-step .text-button{background:transparent!important;color:var(--brand)!important;box-shadow:none!important}
.quest-strip{padding:13px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;gap:18px}.quest-strip span{font-weight:500;font-size:12px;color:var(--muted)!important}.quest-strip .done{color:var(--muted)!important}
.focus-home-grid{gap:32px}.focus-featured,.focus-sidebar>.card,.focus-goal{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important;background:var(--surface)!important}.home-goal-body{padding:28px}.goal-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.goal-summary-heading>div{min-width:0}.goal-summary-heading h2{margin:8px 0 0;font-size:25px;overflow-wrap:anywhere}.goal-summary-heading .eyebrow{margin:0}.goal-summary-heading img{width:144px;height:80px;object-fit:contain;flex:none}.focus-featured .focus-amount{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0 0 22px}.focus-featured .focus-amount strong{font-size:48px;line-height:1.1;letter-spacing:-.045em;font-weight:650}.focus-amount span{color:var(--muted);font-size:13px}.focus-featured progress,.goal-body progress{height:6px;border:0;background:var(--line);accent-color:var(--brand)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--brand)}progress::-moz-progress-bar{background:var(--brand)}
.goal-journey{background:transparent!important;border:0!important;padding:18px 0!important;gap:8px}.goal-journey li{font-size:11px;color:var(--muted)!important}.goal-journey li>span:first-child{box-shadow:none!important;border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--muted)!important;width:25px;height:25px}.goal-journey li.reached>span:first-child{background:var(--pale)!important;color:var(--brand)!important;border-color:var(--brand)!important}
.focus-sidebar>.card{padding:24px}.focus-sidebar .how-it-works{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:24px 0;background:transparent!important}.home-members{gap:12px}.home-member .avatar{border:0;box-shadow:none}.focus-goal .goal-art{height:104px;padding:12px 20px;background:var(--soft)!important;border-bottom:1px solid var(--line)}.focus-goal .goal-art img{width:160px;height:80px;margin:0;object-fit:contain;background:transparent!important}.focus-goal .goal-body{padding:24px}.goal-body h3{font-size:23px}.goal-template img,.template-tile img{background:transparent!important}
.first-goal{border-radius:14px!important;box-shadow:none!important}.first-goal>img{max-height:150px;background:transparent!important}
.rot-heading{margin-bottom:4px!important;justify-content:flex-end}.rot-hero{display:block;min-height:0;padding:24px 0 32px!important;background:transparent!important;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0!important;margin-bottom:8px}.rot-hero h2{color:var(--ink)!important;font-size:27px;margin:12px 0;font-weight:500}.rot-hero p,.rot-hero .rot-small,.rot-hero-amount span{color:var(--muted)!important}.rot-kicker{color:var(--muted);font-size:10px}.rot-hero-amount{font-size:64px;letter-spacing:-.055em;font-weight:650;color:var(--ink)}.rot-hero-amount span{font-size:14px;margin:8px 0 22px}.rot-hero button:not(:disabled),html[data-theme=dark] .rot-hero button:not(:disabled){background:var(--brand)!important;color:#fff!important;border-radius:10px;min-width:230px}html[data-theme=dark] .rot-hero button:not(:disabled){color:#101419!important}.rot-orbit{display:none!important}.rot-hero-copy{max-width:760px}.rot-steps{color:var(--muted);gap:24px}.rot-aside{background:var(--soft);border-radius:12px}.rot-aside .eyebrow{letter-spacing:.07em}.rot-trust>span{display:none}.rot-trust{gap:0}.rot-aside-amount{font-weight:600;font-size:32px}.rot-columns{gap:40px}.rot-avatar{border-radius:50%}.rot-person strong{font-size:15px}.rot-status{border-radius:6px;font-weight:600;font-size:11px}.rot-turns li{border-radius:12px}.rot-history-dot{width:7px;height:7px}.rot-auth-preview{border-radius:16px;background:#15243a}.rot-auth-avatars>span{box-shadow:none}.rot-auth-preview .badge{background:#263957;color:#e6edfb}
@media(max-width:760px){.shell{padding-left:20px;padding-right:20px}.topbar{padding-left:20px;padding-right:20px}#circleContext h1{font-size:24px}#circleContext{padding-bottom:20px;margin-bottom:20px}#circleContext #allCircles{font-size:12px;min-height:42px;max-width:116px}#productNav [aria-current=page]{border:0;background:var(--pale);border-radius:10px}.product-shell .app-nav{gap:4px!important}.product-shell .app-nav button{font-size:11px!important;padding:12px 2px!important}.next-step{padding:20px!important;margin-top:8px!important}.next-step h2{font-size:21px}.quest-strip{gap:12px!important}.quest-strip span{font-size:11px}.home-goal-body{padding:22px}.goal-summary-heading{gap:6px;margin-bottom:24px}.goal-summary-heading img{width:96px;height:72px}.goal-summary-heading h2{font-size:22px}.focus-featured .focus-amount strong{font-size:42px}.focus-sidebar>.card{padding:22px}.focus-home-grid{gap:22px}.rot-hero{padding-top:15px!important}.rot-hero h2{font-size:24px}.rot-hero-amount{font-size:56px}.rot-hero button:not(:disabled){width:100%;min-width:0}.rot-columns{gap:12px}.rot-aside{padding:24px}.rot-person-actions{max-width:46%}.rot-hero .rot-small{line-height:1.6}.rot-trust p{text-align:left}.product-title h1{font-size:28px}}
/* v0.7.3 — consistent header controls and goal-editor states. */
html[data-theme=dark]{--page:#0d1117;--surface:#161b22;--soft:#21262d;--line:#3d444d;--ink:#f0f3f6;--muted:#a8b3c0;--brand:#91b4ff;--pale:#202e46}
.topbar{display:grid!important;grid-template-columns:minmax(100px,1fr) auto auto auto!important;align-items:center!important;gap:10px!important;padding:14px max(24px,calc((100vw - 1120px)/2))!important;min-height:74px}.topbar .brand{grid-column:1;grid-row:1;min-width:0}.topbar .brand img{width:112px!important;display:block}.topbar .language-picker{grid-column:2!important;grid-row:1!important;margin:0!important}.topbar #refresh{grid-column:3!important;grid-row:1!important}.topbar #accountBar{grid-column:4!important;grid-row:1!important;display:flex;gap:0!important;align-items:center;justify-content:flex-end!important}.topbar #accountBar[hidden]{display:none!important}.topbar .account-email{display:none!important}.topbar #signInShortcut{grid-column:4!important;grid-row:1!important}.topbar .language-picker select,.topbar #refresh,.topbar #signOut,.topbar #signInShortcut{height:44px!important;min-height:44px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important;font-size:13px!important;font-weight:500!important;margin:0!important}.topbar .language-picker select{width:66px!important;min-width:0!important;max-width:66px!important;padding:8px 23px 8px 10px!important}.topbar #refresh{width:44px!important;padding:11px!important;display:grid;place-items:center}.topbar #refresh svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.topbar #signOut,.topbar #signInShortcut{padding:8px 12px!important;white-space:nowrap}.topbar :is(button,select):hover{background:var(--soft)!important}.topbar #refresh:disabled{opacity:.45}
#goalEditor{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:none!important}#goalDisclosure>summary{color:var(--ink)!important;background:transparent!important;font-size:15px;gap:12px;padding:18px 22px!important;min-height:56px}#goalDisclosure>summary>span{font-size:15px!important;line-height:1.5!important;transform:none!important}#goalDisclosure .disclosure-chevron{width:18px;height:18px;flex:none;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:none}#goalDisclosure[open]>summary .disclosure-chevron{transform:rotate(180deg)}#goalDisclosure[open]{padding:0 22px 22px!important}#goalDisclosure[open]>summary{margin:0 -22px 22px!important;border-bottom:1px solid var(--line)!important}#goalFormTitle{color:var(--ink)!important;margin-bottom:20px;font-size:23px}#goalForm{display:grid;grid-template-columns:1fr 1fr!important;align-items:start!important;gap:20px!important}#goalForm>.goal-options{grid-column:1/-1;padding:0!important;background:var(--soft)!important;border:1px solid var(--line);border-radius:10px}#goalForm>.goal-options>summary{color:var(--ink)!important;padding:16px!important;margin:0!important;font-size:14px!important;border:0!important;display:list-item;list-style:disclosure-closed inside}#goalForm>.goal-options[open]>summary{list-style-type:disclosure-open;border-bottom:1px solid var(--line)!important;margin-bottom:16px!important}#goalForm>.goal-options[open]{padding:0 16px 16px!important}#goalForm>.goal-options[open]>summary{margin-left:-16px!important;margin-right:-16px!important}#goalForm>.goal-options label{color:var(--ink)!important;font-weight:500}#goalForm>.goal-options .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}#goalForm input,#goalForm select{min-height:44px;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important}#goalEditor::before,#goalEditor::after,#goalForm::before,#goalForm::after{content:none!important;background:none!important}#cancelGoalEdit{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
html[data-theme=dark] :is(.plan-card,.goal-body,.goal-more,.goal-filter,.goal-editor,.accounting-details){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] .goal-art{background:var(--soft)!important}html[data-theme=dark] :is(.goal-more,.advanced-allocation,.lifecycle-history,.compact-details,.goal-options,.accounting-details)>summary{color:var(--ink)!important}html[data-theme=dark] :is(.goal-more,.advanced-allocation,.lifecycle-history){border-color:var(--line)!important}html[data-theme=dark] :is(.template-tile,.goal-template){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] .goal-more .actions button:not(.danger){background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] .goal-more .actions button:disabled{opacity:.5}html[data-theme=dark] .goal-head .badge{background:var(--soft);color:var(--muted)}html[data-theme=dark] #goalPlan .cheer-button:not(:disabled){background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important}html[data-theme=dark] #goalPlan .cheer-button[aria-pressed=true]:not(:disabled){background:var(--pale)!important;color:var(--brand)!important;border-color:var(--brand)!important}
@media(max-width:760px){.topbar{grid-template-columns:minmax(68px,1fr) 56px 44px auto!important;gap:6px!important;padding:max(10px,env(safe-area-inset-top)) 12px 10px!important;min-height:64px}.topbar .brand img{width:90px!important;max-width:100%!important}.topbar .language-picker select{width:56px!important;max-width:56px!important;padding-left:8px!important;padding-right:18px!important;font-size:12px!important}.topbar #signOut,.topbar #signInShortcut{font-size:11px!important;padding:8px!important}.topbar #accountBar{width:auto!important}#goalForm{grid-template-columns:1fr!important}#goalForm>.goal-options .form-pair{grid-template-columns:1fr;gap:0}#goalDisclosure[open]{padding:0 18px 18px!important}#goalDisclosure[open]>summary{margin-left:-18px!important;margin-right:-18px!important}#goalDisclosure>summary{padding:16px 18px!important}.goal-more .actions{gap:10px}.goal-more .actions button{min-height:44px}}
/* Translation spans inherit control sizing rather than the old disclosure icon size. */
#goalForm>.goal-options>summary span{font-size:inherit!important;line-height:inherit!important;transform:none!important;font-weight:500!important}
.topbar .language-picker select{appearance:none!important;-webkit-appearance:none!important;background-image:none!important;text-align:center!important;padding:8px!important;font-size:13px!important}
#goalDisclosure[open] #goalFormTitle{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Original object illustrations: give the artwork enough scale to read. */
.goal-summary-heading img{width:156px!important;height:112px!important;object-fit:contain}
.focus-goal .goal-art{height:180px!important;background:var(--soft)!important}
.focus-goal .goal-art img{width:214px!important;height:170px!important;object-fit:contain}
.goal-template img{object-fit:contain}
html[data-theme=dark] .goal-art img,html[data-theme=dark] .goal-summary-heading img{filter:none!important;opacity:1!important}
@media(max-width:640px){.goal-summary-heading img{width:106px!important;height:96px!important}.focus-goal .goal-art{height:150px!important}.focus-goal .goal-art img{height:145px!important;width:184px!important}}
/* v0.8.2 — goals use one visual system in both themes. The older
   #goalsView selector used object-fit:cover, which cropped the authored
   illustrations and made the light cards feel visually inconsistent. */
:root{--art-bg:#edf4fc;--art-bg-strong:#e3eefb;--success:#1d8a78;--coral-ink:#a84d39}
html[data-theme=dark]{--art-bg:#1c2a40;--art-bg-strong:#223550;--success:#6bd2bc;--coral-ink:#ffb5a2}
#goalsView .goal-card{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:0 10px 28px rgba(19,40,72,.06)!important;overflow:hidden}
#goalsView .goal-art{height:190px!important;display:grid;place-items:center;padding:16px 24px;background:linear-gradient(145deg,var(--art-bg),var(--art-bg-strong))!important;border-bottom:1px solid var(--line)!important}
#goalsView .goal-art img{width:100%!important;height:100%!important;max-width:300px!important;object-fit:contain!important;background:transparent!important;display:block}
#goalsView .goal-body{background:var(--surface)!important;padding:26px!important}
#goalsView .goal-head{margin-bottom:12px}
#goalsView .goal-head .badge{background:var(--pale)!important;color:var(--brand)!important;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent)}
#goalsView .goal-body h3{color:var(--ink)!important;font-size:25px;letter-spacing:-.04em;margin:8px 0 14px}
#goalsView .goal-body .focus-amount strong{color:var(--ink)!important}
#goalsView .goal-body progress{height:8px!important;background:var(--line)!important}
#goalsView .goal-body progress::-webkit-progress-value{background:var(--brand)!important}
#goalsView .goal-body progress::-moz-progress-bar{background:var(--brand)!important}
#goalsView .goal-journey li{color:var(--muted)!important}
#goalsView .goal-journey li>span:first-child{background:var(--soft)!important;border-color:var(--line)!important;color:var(--muted)!important}
#goalsView .goal-journey .reached>span:first-child{background:var(--pale)!important;border-color:var(--brand)!important;color:var(--brand)!important}
#goalsView .goal-more{border-top:1px solid var(--line)!important;background:transparent!important}
#goalsView .goal-more>summary,#goalsView .advanced-allocation>summary{color:var(--ink)!important}
#goalsView .goal-more .actions button{background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
#goalsView .goal-more .actions button.danger{color:var(--coral-ink)!important}
#goalsView .cheer-button{background:color-mix(in srgb,var(--coral-ink) 10%,var(--surface))!important;color:var(--coral-ink)!important;border-color:color-mix(in srgb,var(--coral-ink) 30%,var(--line))!important}
#goalsView .goal-templates .template-tile{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 6px 18px rgba(19,40,72,.05)!important}
#goalsView .goal-templates .template-tile img{height:108px!important;object-fit:contain!important;padding:10px 18px;background:var(--art-bg)!important}
#goalsView .goal-templates .template-tile span{color:var(--ink)!important}
html[data-theme=dark] #goalsView .goal-card{box-shadow:none!important}
@media(max-width:760px){
  #goalsView .goal-art{height:164px!important;padding:12px 18px}
  #goalsView .goal-body{padding:22px!important}
  #goalsView .goal-templates .template-tile img{height:86px!important;padding:8px 10px}
  #goalsView .goal-body .goal-more .actions{grid-template-columns:1fr 1fr}
  .app-nav,.rot-nav{background:var(--surface)!important;border-color:var(--line)!important}
  .app-nav{box-shadow:0 -5px 25px rgba(19,40,72,.08)!important}
  html[data-theme=dark] .app-nav,html[data-theme=dark] .rot-nav{box-shadow:0 -5px 25px rgba(0,0,0,.28)!important}
}