.reflections-page{gap:clamp(1.5rem,3vw,2.6rem);padding-bottom:clamp(1rem,3vw,2rem);display:grid}.reflections-welcome{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.15rem;display:flex}.reflections-welcome .welcome-container{font-size:1rem}.reflections-header-meta{justify-items:start;gap:.7rem;padding-bottom:.15rem;display:grid}.reflections-count{color:var(--text-muted);gap:.18rem;font-size:.8rem;display:grid}.reflections-count strong{color:var(--brand-strong);font-size:.82rem}.reflections-count span{font-size:var(--font-min-readable)}.reflections-header-meta .button{min-height:2.75rem;font-size:var(--font-control);padding-inline:.85rem}.reflections-saved-work-link{justify-content:space-between;width:100%}.reflections-signin-link{color:var(--brand-strong);font-size:var(--font-label);font-weight:800;line-height:1.35;text-decoration:none}.reflections-signin-link:hover{text-underline-offset:.18em;text-decoration:underline}.reflections-resume{border:1px solid color-mix(in oklab, var(--brand) 28%, var(--border));border-radius:var(--radius-md);background:color-mix(in oklab, var(--brand-soft) 32%, var(--surface));justify-content:space-between;align-items:center;gap:1rem;margin-top:-1.25rem;padding:.85rem 1rem;display:flex}.reflections-resume[hidden]{display:none}.reflections-resume p{color:var(--text-muted);margin:0;font-size:.84rem}.reflections-resume-title{font-weight:800;color:var(--text)!important}.reflections-resume .button{min-height:2.75rem;padding:.55rem .85rem;font-size:.82rem}.reflections-group{gap:1.35rem;display:grid}.reflections-group+.reflections-group{padding-top:clamp(1.65rem,2.6vw,2.35rem);position:relative}.reflections-group+.reflections-group:before{content:"";background:color-mix(in oklab, var(--accent) 64%, var(--border));width:4rem;height:2px}.reflections-group-heading{grid-template-columns:minmax(0,1fr) minmax(11rem,16rem);align-items:end;gap:2rem;display:grid}.reflections-group-heading h2{max-width:24ch;color:var(--text);font-family:var(--font-heading);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.05}.reflections-group-note{align-self:end;gap:.25rem;padding-bottom:.1rem;display:grid}.reflections-group-note strong{color:var(--brand-strong);font-size:var(--font-min-readable)}.reflections-group-note p{max-width:24ch;color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.45}.reflection-grid{align-items:stretch;gap:1.1rem;min-width:0;display:grid}.reflection-grid-everyone{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.reflection-grid-foundations,.reflection-grid-relationship{grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr))}.reflections-more{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.reflections-more>summary{min-height:3.1rem;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:.7rem .1rem;list-style:none;display:flex}.reflections-more>summary::-webkit-details-marker{display:none}.reflections-more>summary:after{content:"+";color:var(--brand-strong);transition:transform var(--transition-fast);font-size:1.2rem;font-weight:500}.reflections-more-summary{gap:.22rem;display:grid}.reflections-more-summary .section-kicker{color:var(--brand-strong);font-size:var(--font-min-readable);margin:0}.reflections-more-summary strong{color:var(--text);font-size:.88rem}.reflections-more[open]>summary:after{transform:rotate(45deg)}.reflections-more-content{justify-content:space-between;align-items:center;gap:1rem;padding:.1rem 0 1rem;display:flex}.reflections-more-content p{color:var(--text-muted);margin:0;font-size:.84rem}.reflections-more-actions{flex-wrap:wrap;gap:.5rem;display:flex}.reflections-more-actions .button{min-height:2.7rem;padding:.55rem .8rem;font-size:.8rem}.phase-tools-link{width:fit-content;color:var(--brand-strong);align-items:center;gap:.35rem;margin-top:.2rem;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.phase-tools-link:hover{text-underline-offset:.18em;text-decoration:underline}@media (width<=720px){.reflections-page{gap:1.75rem}.reflections-welcome{align-items:flex-start;gap:.35rem;margin-bottom:.9rem}.reflections-header-meta{grid-template-columns:1fr auto;place-items:center stretch;width:100%;padding-bottom:0}.reflections-header-meta .button{justify-self:start;width:fit-content}.reflections-resume{margin-top:-.75rem;display:grid}.reflections-resume .button{justify-content:space-between;width:100%}.reflections-group{gap:.9rem}.reflections-group-heading{grid-template-columns:1fr;gap:.75rem}.reflections-group-heading h2{font-size:clamp(1.55rem,8vw,2.1rem)}.reflections-group-note{grid-template-columns:1fr;gap:.25rem}.reflections-group-note p{max-width:38ch}.reflection-grid-everyone,.reflection-grid-foundations,.reflection-grid-relationship{grid-template-columns:1fr}.reflections-more-content{flex-direction:column;align-items:start}.reflections-more-actions{width:100%}.reflections-more-actions .button{flex:auto}}@media (width>=721px) and (width<=860px){.reflection-grid-everyone,.reflection-grid-foundations,.reflection-grid-relationship{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.reflections-more>summary:after{transition:none}}.phase-card{align-items:center;gap:var(--space-5);border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--text) 8%, transparent), var(--shadow-card-rest);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:1.35rem;grid-template-columns:4.25rem minmax(0,1fr) minmax(15.5rem,18rem);padding:1.45rem 1.45rem 1.35rem;display:grid;position:relative;overflow:hidden}.phase-card:before{content:"";background:var(--phase-relationship-accent);opacity:.72;border-radius:0 0 999px 999px;width:auto;height:.18rem;position:absolute;inset:0 1.2rem auto}.phase-card:hover{border-color:color-mix(in oklab, var(--phase-relationship-accent) 42%, var(--border));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--text) 8%, transparent), var(--shadow-card-hover)}.phase-card:focus-within{border-color:color-mix(in oklab, var(--phase-relationship-accent) 54%, var(--border));box-shadow:var(--focus-ring), var(--shadow-card-rest)}.phase-card--everyone,.phase-card--foundation{background:color-mix(in oklab, var(--surface-card) 92%, var(--accent-soft))}.phase-card--everyone:before,.phase-card--foundation:before{background:var(--phase-foundation-accent)}.phase-card--everyone:hover,.phase-card--foundation:hover,.phase-card--everyone:focus-within,.phase-card--foundation:focus-within{border-color:color-mix(in oklab, var(--phase-foundation-accent) 42%, var(--border))}.phase-card-visual{align-content:center;justify-items:center;gap:.55rem;min-width:0;display:grid}.phase-icon-wrap{border:1px solid color-mix(in oklab, var(--phase-relationship-accent) 30%, var(--border));width:3.05rem;height:3.05rem;color:var(--phase-relationship-accent);background:color-mix(in oklab, var(--phase-relationship-accent) 11%, var(--surface));border-radius:1.1rem;place-items:center;display:inline-grid}.phase-card--everyone .phase-icon-wrap,.phase-card--foundation .phase-icon-wrap{border-color:color-mix(in oklab, var(--phase-foundation-accent) 30%, var(--border));color:var(--phase-foundation-accent);background:color-mix(in oklab, var(--phase-foundation-accent) 11%, var(--surface))}.phase-card-body,.phase-card-heading{min-width:0}.phase-card-kicker{flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin-bottom:.22rem;display:flex}.phase-label,.phase-choice-label{color:var(--text-muted);font-size:var(--font-min-readable);letter-spacing:.085em;text-transform:uppercase;font-weight:800}.phase-review-status{color:var(--warn-ink);font-size:var(--font-min-readable);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.phase-card--needs-review{border-color:color-mix(in oklab, var(--warn) 42%, var(--border))}.phase-title{color:var(--text);font-family:var(--font-heading);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.28rem,1.8vw,1.62rem);line-height:1.15}.phase-description{max-width:48ch;color:var(--text-muted);margin:.55rem 0 0;font-size:1rem;line-height:1.45}.phase-progress-preview{gap:.42rem;max-width:30rem;margin-top:.85rem;display:grid}.phase-progress-line{color:var(--text-muted);font-size:var(--font-min-readable);grid-template-columns:2.75rem 3.5rem minmax(0,1fr);align-items:center;gap:.45rem;display:grid}.phase-progress-line strong{color:var(--text);font-size:var(--font-min-readable);font-weight:800}.phase-progress-track{background:color-mix(in oklab, var(--border) 66%, var(--bg-alt));border-radius:999px;height:.34rem;overflow:hidden}.phase-progress-track>span{width:var(--pct,0%);border-radius:inherit;background:var(--phase-relationship-accent);height:100%;transition:width var(--transition-med);display:block}.phase-card--everyone .phase-progress-track>span,.phase-card--foundation .phase-progress-track>span{background:var(--phase-foundation-accent)}.phase-helper{max-width:48ch;color:var(--phase-relationship-accent);margin:.7rem 0 0;font-size:.82rem;line-height:1.4}.phase-card--everyone .phase-helper,.phase-card--foundation .phase-helper{color:var(--phase-foundation-accent)}.phase-card-choice{border-top:1px solid color-mix(in oklab, var(--border) 72%, transparent);gap:.55rem;min-width:0;padding-top:.85rem;display:grid}.phase-choice-label{letter-spacing:.06em}.phase-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;min-width:0;margin:0;display:grid}.phase-mode-btn{text-align:left;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.12rem;min-width:0;min-height:3.35rem;padding:.68rem .75rem;display:flex}.phase-mode-topline{justify-content:space-between;align-items:baseline;gap:.5rem;width:100%;min-width:0;display:flex}.phase-mode-btn.button-secondary{border-color:color-mix(in oklab, var(--brand) 28%, var(--border));background:color-mix(in oklab, var(--surface-raised) 92%, var(--brand-soft));color:var(--text)}.phase-mode-name{min-width:0;max-width:100%;font-size:var(--font-control);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:800;line-height:1.15;overflow:hidden}.phase-mode-time,.phase-mode-btn .sub-text{max-width:100%;color:inherit;font-size:var(--font-label);opacity:.75;overflow-wrap:anywhere;font-weight:600;line-height:1.3;display:block}.phase-mode-time{font-size:var(--font-label);white-space:nowrap;flex:none}.phase-mode-count{margin-top:.12rem}.btn-complete-soft{border-color:color-mix(in oklab, var(--success) 45%, var(--border))!important;background:color-mix(in oklab, var(--success) 12%, var(--surface))!important;color:var(--success-ink)!important}.btn-suggested{box-shadow:0 8px 18px -16px color-mix(in oklab, var(--brand-calm) 75%, transparent);border-color:color-mix(in oklab, var(--brand-calm) 48%, var(--border))!important}@media (width<=1080px){.phase-card{align-items:start;gap:var(--space-4);grid-template-columns:3.5rem minmax(0,1fr);padding:1.3rem 1.25rem 1.35rem}.phase-card-choice{grid-column:2}}@media (width>=1081px){.phase-card{grid-template:"visual body"minmax(0,1fr)"choice choice"/3.25rem minmax(0,1fr);align-items:start;gap:1rem 1.1rem;height:100%;padding:1.25rem 1.3rem 1.3rem}.phase-card-visual{grid-area:visual;justify-items:start}.phase-card-body{grid-area:body}.phase-card-choice{grid-area:choice;padding-top:.15rem}.phase-card-body{align-self:start}.phase-card-actions{gap:.65rem}}@media (width<=520px){.phase-card{gap:var(--space-3);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--text) 8%, transparent), var(--shadow-card-rest);grid-template-columns:2.9rem minmax(0,1fr);padding:1.05rem 1.05rem 1.2rem 1.15rem}.phase-card:before{inset-inline:.9rem}.phase-icon-wrap{border-radius:.9rem;width:2.55rem;height:2.55rem}.phase-card-kicker{display:block}.phase-title{font-size:1.16rem}.phase-description{font-size:.9rem}.phase-mode-time{font-size:var(--font-min-readable)}.phase-card-choice{grid-column:1/-1;padding-top:.3rem}.phase-mode-btn{min-height:3.25rem;padding-inline:.65rem}.phase-mode-name{font-size:var(--font-control)}}@media (prefers-reduced-motion:reduce){.phase-card,.phase-progress-track>span{transition:none}}.import-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);background:var(--surface);color:var(--text);border:0;width:480px;max-width:90vw;padding:0}.import-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.import-modal .modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;display:flex}.import-modal .modal-header h2{margin:0;font-size:1.1rem;font-weight:700}.import-modal .close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:.2rem;font-size:1.2rem;line-height:1}.import-modal .close-btn:hover{color:var(--text);background:#0000000d}.import-modal .modal-body{padding:var(--space-6)}.import-modal .dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in oklab, var(--surface) 50%, var(--surface-soft));text-align:center;cursor:pointer;margin-top:1rem;padding:2rem;transition:all .2s;position:relative}.import-modal .dropzone:hover{border-color:var(--brand);background:color-mix(in oklab, var(--brand) 5%, var(--surface))}.import-modal .dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-modal .dropzone .icon{margin-bottom:.5rem;font-size:2rem;display:block}.import-modal .dropzone .label{color:var(--brand);font-weight:600}.import-modal .status-msg{border-radius:var(--radius-sm);text-align:center;margin-top:1rem;padding:.75rem;font-size:.9rem}.import-modal .status-msg.loading{background:var(--surface-soft);color:var(--text-muted)}.import-modal .status-msg.success{background:color-mix(in oklab, var(--success) 10%, var(--surface));color:var(--success);border:1px solid color-mix(in oklab, var(--success) 30%, transparent)}.import-modal .status-msg.error{background:color-mix(in oklab, var(--danger) 10%, var(--surface));color:var(--danger);border:1px solid color-mix(in oklab, var(--danger) 30%, transparent)}.welcome-container{font-family:var(--font-heading);color:var(--text);align-items:center;gap:.4rem;font-size:1rem;display:inline-flex}.welcome-container input{border:1px solid color-mix(in oklab, var(--brand) 30%, var(--border));background:color-mix(in oklab, var(--surface) 72%, var(--brand-soft));width:min(100%,13ch);min-height:2.2rem;color:var(--text);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:.7rem;outline:none;padding:.25rem .65rem;font-family:inherit;font-size:.95rem;font-weight:700}.welcome-container input:focus{border-color:var(--brand);background:var(--surface);box-shadow:var(--focus-ring)}.welcome-container input::placeholder{color:var(--text-muted);opacity:.72;font-weight:400}