/* Daily Will 32 — quiet type, direct actions, three equal destinations. */
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.35;cursor:default}
button svg{pointer-events:none}
a{color:var(--ink);text-underline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #75917b;outline-offset:4px}
p,h1,h2,h3,h4{margin:0}
p{line-height:1.6}
h1,h2,h3,h4,strong{font-weight:600}
small{font-size:12px}
svg{max-width:100%}
.icon{width:21px;height:21px;display:block;flex:none}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:14px;background:var(--card)}
.skip:focus{top:12px}
.boot{padding:80px 24px;text-align:center}
.boot p{margin-top:20px}
.muted{color:var(--muted)}

.primary,.secondary,.compact-primary,.saved-outfit{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:13px 16px;font-size:14px;font-weight:550;line-height:1.3;border-radius:14px;text-align:center}
.primary,.compact-primary{background:var(--ink);color:var(--card)}
.secondary{background:var(--card);border:1px solid var(--line)}
.primary .icon,.secondary .icon{width:19px;height:19px}
.compact-primary{min-height:44px;font-size:12px;padding:10px 14px}
.saved-outfit{background:var(--sage);color:#456342;font-size:13px}
.text-button,.small-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:500;min-height:44px;padding:6px 0;color:var(--muted);text-align:left}
.text-button .icon,.small-link .icon{width:15px;height:15px}
.icon-button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px;border-radius:50%}
.icon-button[aria-pressed=true]{color:#ac6655;background:#f1e5dc}
.action-stack{display:grid;gap:10px;margin:24px 0}
.two-actions,.mantra-main-actions,.look-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.action-stack>.text-button{justify-content:center}
.segmented,.mantra-tabs,.clothes-nav{display:flex;gap:5px;padding:5px;background:#eaece4;border-radius:14px;margin-bottom:22px}
.choice{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;line-height:1.35;font-size:13px}
.choice.selected,.choice[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.segmented>.choice,.mantra-tabs>.choice,.clothes-nav>.choice{flex:1;min-width:0;border:0;background:transparent;color:var(--muted);border-radius:10px;font-size:13px}
.segmented>.choice.selected,.mantra-tabs>.choice.selected,.clothes-nav>.choice.selected{background:var(--card);color:var(--ink);box-shadow:0 2px 5px #203d5008;font-weight:600}
.chips,.collection-filters,.activity-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
.chips .choice{flex:none}
.filter-rail{display:flex;gap:8px;overflow-x:auto;margin:16px 0 20px;padding:2px 0 7px;scrollbar-width:thin}
.filter-rail .choice{white-space:nowrap;flex:none;border-radius:22px;padding-inline:16px}
.standard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.standard-grid .choice{text-align:left;min-height:60px}
.control-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:20px 0 10px}

.clothes-page{max-width:820px}
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.outfit-dates{width:165px;margin:0;padding:4px;background:#e6e8df}
.outfit-dates .choice{min-height:38px;font-size:11px}
.context-control{display:flex;gap:7px;align-items:center;min-height:44px;font-size:11px;color:var(--muted);text-align:left;padding:4px}
.context-control .icon{width:16px;height:16px}
.palette-section{margin-bottom:20px}
.palette-section>.eyebrow{display:block;font-size:8px;margin-bottom:7px}
.palette-picker{display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:thin;padding:3px 0}
.palette-choice{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:22px;background:transparent;font-size:11px;flex:1}
.palette-choice.selected{border-color:#7f9276;background:#e7ecdf;color:#30492e}
.palette-choice i,.stage-palette i,.studio-piece-list i{width:11px;height:11px;background:var(--swatch);border-radius:50%;border:1px solid #1e344020;display:block;flex:none}
.palette-choice .icon{width:13px;height:13px}
.outfit-editor{background:var(--card);border:1px solid var(--line);border-radius:23px;overflow:hidden}
.outfit-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 18px}
.outfit-editor-heading h2{font-size:23px;font-weight:550;letter-spacing:-.7px;line-height:1.2;margin-top:7px}
.outfit-editor-heading .eyebrow{font-size:8px}
.save-look{border:1px solid var(--line)}
.look-stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f4f0e4,#e9e6dc);padding:10px 8px 48px;isolation:isolate}
.look-stage:before{content:'';position:absolute;inset:12px;border:1px solid #fffaf94d;border-radius:100%;z-index:-1}
.outfit-drawing{width:100%;height:auto;display:block}
.look-stage>.silhouette-drawing{height:340px;width:100%;max-height:400px}
.look-stage>.flatlay-drawing{max-height:335px}
.stage-mode{position:absolute;bottom:11px;left:15px;display:flex;padding:3px;gap:2px;background:#fffffaad;border:1px solid #dfded1;border-radius:10px}
.stage-mode .choice{min-height:34px;border:0;background:transparent;color:var(--muted);font-size:10px;border-radius:7px;padding:6px 10px}
.stage-mode .choice.selected{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #2133370d}
.stage-note{position:absolute;bottom:24px;right:15px;font-size:8px;color:#7f8579;letter-spacing:.25px}
.outfit-editor-body{padding:2px 18px 3px}
.studio-piece-list{margin:8px 0 16px}
.studio-piece-list>button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 0;min-height:61px;text-align:left;border-bottom:1px solid #e7e8df}
.studio-piece-list>button:last-child{border:0}
.studio-piece-list>button>span:nth-child(2){flex:1;min-width:0}
.studio-piece-list small{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}
.studio-piece-list strong{display:block;font-size:13px;font-weight:550;line-height:1.3}
.change-label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}
.change-label .icon{width:12px;height:12px}
.look-actions{margin-bottom:8px;gap:8px}
.look-actions>.primary,.look-actions>.secondary{font-size:12px;padding-inline:9px}
.look-actions .icon{width:16px;height:16px}
.restore-choice{display:flex;width:100%;justify-content:center}
.outfit-story{margin-top:12px}
.outfit-story summary{font-size:12px}
.outfit-story p{font-size:13px;line-height:1.65;margin-bottom:14px}
.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.studio-bottom>span{display:flex;align-items:center;gap:6px}
.studio-bottom .icon{width:14px;height:14px}
.studio-bottom .text-button{font-size:10px}
.daily-alternatives{margin:28px 0 12px}
.daily-alternatives .section-heading{margin-bottom:14px}
.daily-alternatives .section-heading h2{font-size:17px}
.edited-looks,.look-options,.saved-looks-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.edit-preview,.look-card{text-align:left;padding:0;min-width:0}
.edit-art,.look-card-art{border-radius:17px;overflow:hidden;background:#e9e7dd;position:relative;margin-bottom:12px}
.edit-art>.outfit-drawing{height:150px}
.edit-preview strong,.look-card>strong{display:block;font-size:14px;line-height:1.4;font-weight:550;letter-spacing:-.2px}
.edit-preview small{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.5;color:var(--muted);margin-top:8px}
.edit-preview small>.icon{width:12px;height:12px}
.look-card>span,.look-card>small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}
.look-card-art .outfit-drawing{max-height:275px}
.look-card-check{position:absolute;top:8px;right:8px;background:var(--ink);color:white;border-radius:50%;padding:6px}
.look-card-check .icon{width:15px;height:15px}
.look-card.is-selected .look-card-art{outline:2px solid var(--accent)}
.inventory-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}
.wardrobe-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;align-items:start}
.garment-card{text-align:left;padding:0;min-width:0}
.garment-picture{position:relative;background:radial-gradient(ellipse at center,#eeede3,#e4e5da);border-radius:17px;overflow:hidden;margin-bottom:11px;padding:8px}
.garment-art{width:100%;height:200px;display:block}
.garment-card>strong,.garment-family summary>strong{display:block;font-size:14px;font-weight:550;line-height:1.4;color:var(--ink)}
.garment-card>small,.garment-family summary>small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}
.garment-quantity,.garment-status{position:absolute;top:9px;right:9px;background:#fffdf4de;border-radius:10px;padding:5px 8px;font-size:10px;font-weight:550;color:var(--ink)}
.garment-status{top:auto;bottom:8px;left:8px;right:auto;font-size:9px}
.garment-family{border:0;margin:0;min-width:0}
.garment-family>summary{display:block;padding:0;list-style:none}
.garment-family>summary:after{display:none}
.garment-family>summary::-webkit-details-marker{display:none}
.family-open{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);padding:10px 0;min-height:40px}
.family-open .icon{width:13px;height:13px}
.family-copies{border-top:1px solid var(--line);padding:2px 0}
.family-copies .menu-link{font-size:11px}
.family-copies small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.garment-detail-hero{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:18px;margin:20px 0}
.garment-detail-art{background:var(--surface);border-radius:15px}
.garment-detail-art .garment-art{height:180px}
.garment-detail-hero h3{font-size:21px;letter-spacing:-.5px;line-height:1.25;margin:9px 0}
.garment-detail-hero p{font-size:12px;color:var(--muted);line-height:1.5}
.garment-facts{display:flex;flex-wrap:wrap;gap:12px 20px;padding:16px 0;border-block:1px solid var(--line);font-size:12px}
.selected-piece{position:absolute;right:9px;top:9px;background:var(--ink);color:white;border-radius:50%;padding:5px}
.selected-piece .icon{width:15px;height:15px}
.picker-grid{margin-top:20px}
.picker-card.picked .garment-picture{outline:2px solid var(--accent)}
.no-layer-art{height:180px;display:grid;place-items:center}
.piece-mini{width:44px;flex:none;background:var(--surface);border-radius:9px}
.piece-mini .garment-art{height:64px}
.piece-mini>.icon{margin:20px 10px}
.look-piece{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:10px 0}
.piece-info{display:flex;gap:12px;align-items:center;flex:1;text-align:left;min-width:0;padding:0}
.piece-info strong{font-size:13px;line-height:1.4;display:block}
.piece-info small{font-size:10px;line-height:1.45;display:block;color:var(--muted);margin-top:4px}
.keep-piece{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px;min-height:50px;font-size:9px}
.keep-piece .icon{width:17px;height:17px}
.keep-piece.kept{color:var(--accent)}
.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.finish-grid>button{background:var(--surface);padding:8px;border-radius:12px;font-size:11px;line-height:1.4}
.finish-grid .garment-art{height:100px}
.composition-note{padding:22px 0;font-size:17px;line-height:1.6}
.clothes-weather{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:16px 0}
.clothes-weather>span{display:flex;align-items:center;gap:6px}
.clothes-weather .icon{width:18px;height:18px}
.comfort-notes{padding:15px;border-radius:12px;background:var(--sand);font-size:13px;margin:15px 0}
.saved-looks-intro h2,.saved-looks-empty h3{font-size:24px;margin:20px 0 12px}
.saved-looks-intro p,.saved-looks-empty p{font-size:14px;color:var(--muted);margin-bottom:22px}
.saved-look-copy h3{font-size:18px;line-height:1.3;margin:10px 0}
.saved-look-copy p{font-size:12px;color:var(--muted);margin:10px 0 15px}
.saved-look-copy>.secondary{width:100%;font-size:12px}
.saved-looks-empty{padding:30px 0}

.sheet{width:min(600px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:24px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #10273833;overscroll-behavior:contain}
.sheet::backdrop{background:#17334266;backdrop-filter:blur(5px)}
.sheet-header{position:sticky;top:0;z-index:5;background:var(--paper);display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--line)}
.sheet-header h2{font-size:14px;margin-right:auto}
.sheet-header h2:focus{outline:none}
.sheet-header>.icon-button{background:#e9eae1}
.sheet-back{display:flex;align-items:center;gap:3px;font-size:11px;min-height:44px;padding:0 7px 0 0}
.sheet-back>.icon{width:17px;height:17px}
.sheet-content{padding:24px 22px 30px;min-width:0}
.panel-heading,.sheet-title,.panel-title h3{font-size:29px;letter-spacing:-.9px;line-height:1.2;margin:10px 0 16px}
.sheet-intro,.panel-title p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 22px}
.sheet-content>p{font-size:14px;margin-bottom:18px}
.sheet-content>.primary,.sheet-content>.secondary{width:100%;margin-top:14px}
.sheet-content h3+.tiny-note{margin-top:-4px}
.habit-detail-heading .page-symbol{margin-bottom:20px}
.small-version{background:var(--sage);border-radius:16px;padding:18px 20px;margin:20px 0}
.small-version p{font-size:16px;color:#4e634c;margin-top:8px}
.tick-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:17px 0;min-height:67px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.tick{width:26px;height:26px;border:1.5px solid #b1bda8;border-radius:50%;display:grid;place-items:center;flex:none}
.tick-row[aria-checked=true] .tick,.tick-row[aria-pressed=true] .tick{background:#71866a;border-color:#71866a;color:white}
.tick .icon{width:16px;height:16px}
.tick-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.habit-option{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;min-height:88px}
.habit-open{text-align:left;flex:1;min-width:0;padding:12px 0}
.habit-open strong{display:block;font-size:15px;font-weight:550;line-height:1.35}
.habit-open small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}
.habit-add{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:var(--card)}
.habit-add[aria-pressed=true]{background:var(--sage);border-color:#b7c5ac;color:#52694e}
.habit-add .icon{width:17px;height:17px}
.sheet-sticky-action{position:sticky;bottom:0;padding:20px 0 4px;background:linear-gradient(transparent,var(--paper) 30%)}
.sheet-sticky-action .primary{width:100%}
.manage-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}
.manage-row>strong{font-size:14px;line-height:1.4;font-weight:550;flex:1}
.reorder-actions{display:flex;flex:none}
.reorder-actions .icon-button{padding:8px}
.reorder-actions .icon{width:16px;height:16px}
.manage-row .support-icon{display:none}
.tiny-note,.sourced{font-size:11px!important;line-height:1.6;color:var(--muted);margin:16px 0}
.reading{font-size:17px;line-height:1.65;color:#53634f;margin:18px 0 24px}
.quiet-box,.practice-test{padding:18px 20px;background:var(--surface);border-radius:15px;margin:20px 0}
.quiet-box p,.practice-test p{font-size:14px;line-height:1.6}
.quiet-box.sage{background:var(--sage)}
.menu-link,.back-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;width:100%;font-size:13px;text-align:left;padding:12px 0}
.menu-link{border-top:1px solid var(--line)}
.back-link{justify-content:flex-start;color:var(--muted);margin:-6px 0 14px}
.menu-link .icon,.back-link .icon{width:16px;height:16px}
.detail-links{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:20px}
.detail-links .text-button{font-size:11px}
.source-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:44px;margin-top:12px}
.source-link .icon{width:15px;height:15px}
details{border-top:1px solid var(--line);margin-top:16px}
summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;min-height:54px;padding:16px 0;font-size:14px;font-weight:500;line-height:1.5;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';font-size:19px;font-weight:400;flex:none;color:#84917c}
details[open]>summary:after{content:'−'}
details p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 16px}
select{max-width:100%;width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);color:var(--ink);font-size:14px}
.subsection,.sheet-section{border-top:1px solid var(--line);margin:24px 0 0;padding-top:16px}
.sheet-section h3{font-size:17px;margin-bottom:12px}
.sheet-section p{font-size:14px}
.pager{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;min-height:60px;font-size:12px}
.pager .icon-button{border:1px solid var(--line);background:var(--card);border-radius:12px}
.pager .icon{width:17px;height:17px}
.empty-state{text-align:center;padding:34px 22px}
.empty-symbol{display:grid;place-items:center;background:var(--sage);width:54px;height:54px;border-radius:18px;margin:0 auto 20px;font-size:24px;color:var(--accent)}
.empty-state h3,.empty-state h2{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.25}
.empty-state p{font-size:14px;color:var(--muted);line-height:1.6;margin:12px 0 20px}
.empty-state .primary{margin-top:8px}
.empty-note{font-size:14px;color:var(--muted);padding:25px 0}
.mood-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 24px}
.mood-choice{background:var(--card);border:1px solid var(--line);border-radius:14px;min-height:65px;font-size:16px}
.mood-choice.selected{background:var(--sage);border-color:#a7b79a}
.reset-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reset-group{display:flex;flex-direction:column;justify-content:space-between;gap:25px;padding:20px 16px;text-align:left;min-height:114px;border-radius:17px;background:var(--lavender)}
.reset-group:nth-child(2n){background:var(--sage)}
.reset-group strong{font-size:16px;line-height:1.35;font-weight:500}
.reset-group .icon{width:18px;height:18px}
.reset-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}
.reset-option strong{display:block;font-size:16px}
.reset-option small{display:block;margin-top:8px;line-height:1.5;color:var(--muted)}
.reset-progress{display:flex;align-items:center;gap:6px;margin:24px 0}
.reset-progress>span{height:4px;border-radius:4px;background:var(--line);flex:1}
.reset-progress>span.reached{background:var(--accent)}
.reset-progress small{font-size:11px;margin-left:10px}
.reset-reading{font-size:19px;color:#5b6d56;line-height:1.7;margin:20px 0 32px}
.reset-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.reset-practice>.eyebrow{margin:14px 0}
.reset-practice .panel-heading{font-family:var(--serif);font-weight:400;font-size:35px}

.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.weather-grid>div{background:var(--card);padding:18px;border:1px solid var(--line);border-radius:14px}
.weather-grid small{font-size:11px;display:block;color:var(--muted);margin-bottom:8px}
.weather-grid strong{font-size:26px;font-weight:500}
.weather-grid strong small{display:inline}
.weather-period{display:grid;grid-template-columns:75px 1fr auto;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}
.weather-period strong{font-size:14px}
.weather-period small{font-size:10px;color:var(--muted)}
.moon-row{display:flex;align-items:center;gap:15px;padding:20px 0}
.moon-disc{width:42px;height:42px;display:block;border-radius:50%;background:linear-gradient(90deg,#253c4c 50%,#bfc7b5 50%)}
.weather-periods h3{font-size:16px;margin:25px 0 5px}
.care-counter,.date-line,.journal-month{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin:20px 0}
.care-current{padding:25px 0}
.care-current h3{font-size:30px;font-weight:500;line-height:1.25;margin-bottom:15px}
.care-current p{font-size:16px;color:var(--muted)}
.care-list{list-style:none;padding:0}
.care-list li{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:14px 0;font-size:13px}
.care-list li>span:last-child{flex:1}
.care-list .small-link{margin-left:auto}
.progress-line{height:4px;background:var(--line);border-radius:4px;overflow:hidden;margin:20px 0}
.progress-line>i{display:block;background:var(--accent);height:100%;width:var(--progress,0%)}
.hero-number{font-size:68px;font-weight:450;letter-spacing:-3px;line-height:1.1;margin:30px 0;font-variant-numeric:tabular-nums}
.timer-hero{text-align:center}
.timer-hero h3{font-size:20px}
.timer-dock{position:fixed;z-index:21;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:calc(100% - 44px);max-width:440px;background:var(--ink);color:var(--card);padding:14px 17px;border-radius:15px;min-height:52px;font-size:12px;box-shadow:0 3px 18px #21333720}
.timer-dock .timer-info{flex:1;text-align:left}
.has-timer .page{padding-bottom:calc(180px + env(safe-area-inset-bottom))}
.count{font-variant-numeric:tabular-nums}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;min-height:75px;width:100%}
.toggle-row strong{display:block;font-size:15px}
.toggle-row small{display:block;color:var(--muted);margin-top:7px}
.switch{display:block;width:40px;height:24px;border-radius:14px;background:#c9d0c1;position:relative;flex:none}
.switch:after{content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;background:white;border-radius:50%}
.toggle-row[aria-pressed=true] .switch{background:#6c8764}
.toggle-row[aria-pressed=true] .switch:after{left:19px}
.build-note{font-size:11px;color:var(--muted);margin:24px 0}
.row,.routine-row{display:flex;align-items:center;gap:14px;padding:16px 0;text-align:left;min-height:72px;width:100%;border-bottom:1px solid var(--line)}
.row>span,.routine-row>span{flex:1;min-width:0}
.row strong,.routine-row strong{display:block;font-size:15px}
.row small,.routine-row small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:6px}
.routine-row>.icon:first-child{color:#86967c}
.support-step{font-size:28px;line-height:1.25;margin:24px 0}
.support-cues{display:flex;gap:12px;font-size:12px;color:var(--muted)}
.next-meta{font-size:12px;color:var(--muted);margin:16px 0}
.record-list>*,.record-day{border-bottom:1px solid var(--line);padding:16px 0}
.journal-days,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.journal-day{min-height:45px;border-radius:10px;background:var(--card);font-size:12px}
.journal-day.selected{background:var(--sage)}
.wear-entry{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);text-align:left;width:100%}
.wear-entry .outfit-drawing{width:85px;max-height:120px}
.wear-entry strong{font-size:14px}
.wear-entry small{font-size:11px;color:var(--muted)}

.app-feedback,.sheet-feedback{position:relative;z-index:10}
.app-feedback:not(:empty){max-width:680px;padding:0 22px;margin:auto}
.sheet-feedback:not(:empty){padding:0 20px}
#notice:empty,#reminder:empty{display:none}
#notice{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink);color:var(--card);padding:10px 15px;border-radius:12px;font-size:12px;line-height:1.5;pointer-events:none;margin:6px 0}
#notice button{pointer-events:auto;min-height:44px;min-width:44px;color:#e0d2ae;font-size:12px}
#reminder{padding:16px;background:var(--sage);font-size:13px}
.global-save-warning,.error-note{padding:14px 18px;background:#f0e0d4;color:#865335;border-radius:12px;font-size:12px;line-height:1.6;max-width:640px;margin:10px auto}

.list-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;min-height:78px;padding:17px 0;border-bottom:1px solid var(--line)}
.list-row>.row-icon{color:#819376;flex:none}
.list-row>.row-copy{flex:1;min-width:0}
.row-copy strong{display:block;font-size:15px;line-height:1.4}
.row-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px}
.list-row>.row-end{width:16px;height:16px;color:var(--muted)}

.record-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}
.record-row>span{color:var(--muted)}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.workspace-heading h1{font-size:28px;margin-top:8px;letter-spacing:-.8px}
.compact-action{display:inline-flex;align-items:center;gap:7px;padding:11px;border-radius:12px;background:var(--card);border:1px solid var(--line);min-height:44px;font-size:12px}
.compact-action .icon{width:16px;height:16px}
.journal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.journal-summary>div{padding:15px 10px;background:var(--sage);border-radius:13px;text-align:center}
.journal-summary strong{display:block;font-size:25px;font-weight:500}
.journal-summary span{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.month-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}
.month-heading h2{font-size:17px;font-weight:500}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.calendar-weekdays>span{text-align:center;padding:9px 0;font-size:10px;color:var(--muted)}
.calendar-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;gap:4px;font-size:12px;border:1px solid transparent;border-radius:11px}
.calendar-date.selected{background:var(--ink);color:white}
.calendar-date.is-today{border-color:#93a289}
.calendar-date>i{width:3px;height:3px;border-radius:50%;background:currentColor}
.wear-card{display:flex;align-items:center;gap:15px;width:100%;padding:14px 0;text-align:left;border-bottom:1px solid var(--line)}
.wear-thumb{display:block;flex:none;width:75px;border-radius:12px;background:var(--surface);overflow:hidden}
.wear-thumb>.outfit-drawing{height:115px}
.wear-card-copy{display:block;flex:1;min-width:0}
.wear-card-copy strong{display:block;font-size:16px;line-height:1.35}
.wear-card-copy>span{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4}
.wear-card-copy small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-block:6px}
.wear-card>.icon{width:15px;height:15px}
.journal-day-title{display:flex;justify-content:space-between;gap:12px;align-items:center}
.journal-day-title h2{font-size:17px;line-height:1.4}
.journal-day-title>span{font-size:11px;color:var(--muted);flex:none}
.journal-empty{padding:32px 16px;text-align:center}
.journal-empty>.span,.journal-empty>span{display:flex;justify-content:center;margin-bottom:20px}
.journal-empty h3{font-size:24px;font-weight:500;margin:15px 0}
.journal-empty p{font-size:13px;color:var(--muted);margin-bottom:22px}
.record-note{font-size:11px;color:var(--muted);margin:25px 0;line-height:1.6}
.wear-detail-heading h3{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:10px 0}
.recorded-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--accent);margin:5px 0 18px}
.recorded-badge .icon{width:16px;height:16px}
.wear-detail-art{background:var(--surface);border-radius:18px;padding:12px}
.wear-detail-art>.outfit-drawing{max-height:360px}
.wear-detail-pieces>button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:10px 0}
.wear-detail-pieces>button>span{display:block;width:45px;flex:none}
.wear-detail-pieces .garment-art{height:65px}
.wear-detail-pieces strong{font-size:13px;flex:1}
.wear-detail-pieces .icon{width:15px;height:15px}
.wear-feelings{margin:25px 0}
.wear-feelings h4{font-size:17px}
.wear-date-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}
.wear-date-picker strong{font-size:14px;font-weight:500}
.wear-edit-field{display:block;margin:18px 0}
.wear-edit-field>span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}
.finish-toggle{display:flex;align-items:center;gap:12px;min-height:50px;width:100%;text-align:left;border-bottom:1px solid var(--line);font-size:13px}
.finish-toggle .icon{width:17px;height:17px}
.finish-toggle[aria-pressed=true]{color:var(--accent)}
.wash-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.wash-row>button:first-child{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;padding:10px 0}
.wash-row>button>span{width:40px;flex:none}
.wash-row .garment-art{height:60px}
.wash-row strong{font-size:13px}
.rest-list{font-size:12px;color:var(--muted);line-height:1.6;margin:16px 0}

:root {
 --paper:#faf9f6; --card:#fffefa; --surface:#eeeee8; --ink:#272f2b; --muted:#69716b; --line:#dfE1d9;
 --accent:#53694f; --sage:#edf0e7; --lavender:#eeeaf1; --sand:#f2e9de; --rust:#925c3f; --nav:60px;
 --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --serif:Georgia,'Times New Roman',serif;
 font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--paper);color-scheme:light;font-synthesis:none;
}
body{background:var(--paper)}
button{transition:background-color .12s ease}button:hover{background-color:#53694f0a}button:active{opacity:.8}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.icon{width:20px;height:20px;stroke-width:1.7}
h1,h2,h3,h4{font-weight:550;letter-spacing:-.5px}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:760px;margin:auto;min-height:64px;padding:8px 22px;padding-top:max(8px,env(safe-area-inset-top))}
.brand{display:flex;align-items:center;padding:0;min-height:44px;font-size:21px;letter-spacing:-1px;font-weight:400}.brand b{font-weight:650}.brand i{font-style:normal;color:var(--rust)}
.header-tools{display:flex;align-items:center;gap:2px}.weather-pill{display:flex;gap:6px;align-items:center;min-height:44px;font-size:13px;padding:8px;background:none;border-radius:6px}.weather-pill .icon{width:18px;height:18px}.header-tools .icon-button{color:var(--muted)}
.page{max-width:660px;margin:auto;padding:10px 22px calc(92px + env(safe-area-inset-bottom));min-width:0}.page:focus{outline:none}
.today-date{font-size:12px;color:var(--muted);margin:9px 0 6px}.page-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 20px}.page-heading h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:600}.heading-note{font-size:12px;color:var(--muted);text-align:right;line-height:1.5}
.eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.section-top,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading{margin:24px 0 14px}.section-heading h2{font-size:19px}.section-title{font-size:27px;line-height:1.25;margin:20px 0}.count-label{font-size:12px;color:var(--muted)}.original-note{font-size:11px;color:var(--muted);line-height:1.6}
.primary,.secondary,.compact-primary,.saved-outfit{min-height:46px;padding:11px 14px;font-size:14px;border-radius:7px;font-weight:550}.primary,.compact-primary{background:var(--ink);color:var(--card)}.primary:hover,.compact-primary:hover{background:#405344}.secondary{border-color:var(--line);background:transparent}.secondary:hover{background:var(--surface)}.saved-outfit{background:var(--sage)}
.text-button,.small-link{font-size:12px;min-height:44px;color:var(--muted)}.icon-button{min-width:44px;min-height:44px;border-radius:6px}.icon-button[aria-pressed=true]{background:none;color:var(--rust)}
.segmented,.mantra-tabs,.clothes-nav{display:flex;padding:0;gap:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent;margin-bottom:20px}
.segmented>.choice,.mantra-tabs>.choice,.clothes-nav>.choice{border-radius:0;border-bottom:2px solid transparent;padding:12px 6px;min-height:44px;font-size:13px}
.segmented>.choice.selected,.mantra-tabs>.choice.selected,.clothes-nav>.choice.selected{background:transparent;box-shadow:none;border-bottom-color:var(--ink);font-weight:600}
.choice{border-radius:6px;font-size:13px;min-height:44px;padding:10px 12px}.chips{gap:7px}.standard-grid .choice{min-height:48px}.filter-rail{flex-wrap:wrap;gap:6px;overflow:visible}.filter-rail .choice{border-radius:5px;padding:9px 12px}
.habit-card{border:0;background:none}.card-heading{display:flex;align-items:center;justify-content:space-between;min-height:36px;border-bottom:1px solid var(--line)}.card-heading .text-button{min-height:36px}.progress-caption{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.habit-list{list-style:none;margin:0;padding:0}
.habit-row{display:flex;align-items:stretch;gap:9px;min-height:72px;border-bottom:1px solid var(--line)}.habit-check{display:grid;place-items:center;min-width:44px;min-height:64px;padding:0}.habit-check>span{display:grid;place-items:center;width:25px;height:25px;border:1.4px solid #a9b5a3;border-radius:50%}.habit-check .icon{width:15px;height:15px}.is-done .habit-check>span{background:var(--accent);border-color:var(--accent);color:white}.is-skipped .habit-check>span{border-style:dashed}
.habit-info{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:12px;text-align:left;padding:15px 0}.habit-info strong{font-size:16px;line-height:1.4;display:block;font-weight:550;letter-spacing:-.2px}.habit-info small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:3px}.habit-glyph{display:flex;align-items:center;color:#929b91;flex:none}.habit-glyph .icon{width:16px;height:16px}.is-done .habit-info strong{color:var(--muted)}
.habit-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0 0}.habit-card-footer>.text-button{color:var(--ink)}.habit-card-footer>span{font-size:11px;color:var(--muted)}
.home-mantra{padding:6px 18px 18px;margin-top:23px;background:var(--sage);border-radius:3px;border-left:2px solid #a4b294}.home-mantra .eyebrow{color:#53694f}.home-mantra .icon-button{margin-right:-9px}.home-mantra .icon-button .icon{width:16px;height:16px}
.carry-card{width:100%;padding:0;text-align:left;display:block}.carry-card strong{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.5px;line-height:1.2;display:block;max-width:25ch}.carry-card>span{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:14px}.carry-card>span .icon{width:15px;height:15px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.support-card{display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 0;text-align:left;font-size:13px;border-bottom:1px solid var(--line)}.support-card>.icon{width:18px;height:18px;color:var(--muted)}.support-card>.icon:last-child{margin-left:auto;width:14px}
.tools-drawer{margin-top:12px;border:0}.tools-drawer>summary{font-size:12px;color:var(--muted)}.tool-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-link{display:flex;align-items:center;gap:8px;min-height:48px;text-align:left;font-size:12px;padding:8px;border:1px solid var(--line);border-radius:6px}.tool-link>.icon{width:16px;height:16px}.tool-link>.icon:last-child{width:12px;margin-left:auto}
.new-day{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--sage);border-radius:7px;margin-bottom:14px}.new-day strong{display:block;font-size:13px}.new-day small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.nav{position:fixed;z-index:20;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);padding:0 16px env(safe-area-inset-bottom)}.nav-inner{display:grid;grid-template-columns:repeat(3,1fr);max-width:580px;margin:auto;gap:10px}.nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:59px;padding:8px 0;font-size:11px;color:var(--muted);border-top:2px solid transparent;margin-top:-1px;line-height:1.25}.nav button .icon{width:20px;height:20px}.nav button.active{color:var(--ink);border-top-color:var(--ink);font-weight:600}
/* Mantras are a reading page, without nested cards or decorative controls. */
.mantra-feature{padding:8px 0 20px;background:none;border-radius:0}.mantra-feature-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 22px}.mantra-feature-top>.eyebrow{color:var(--rust)}.virtue-name{font-size:11px;color:var(--muted)}
.mantra-title{font-family:var(--serif);font-size:clamp(32px,8.5vw,44px);font-weight:400;line-height:1.13;letter-spacing:-1.1px;max-width:22ch;margin:0 0 23px}.mantra-title:focus{outline:none}.stance-thought{font-size:16px;line-height:1.65;color:#5b655e;max-width:48ch}.mantra-main-actions{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 0}.mantra-focus-link{display:flex;justify-content:center;margin:5px 0 12px}
.reflection-card{margin:16px 0 24px;padding:4px 0 4px 16px;border-left:2px solid #b6beaE;background:none;border-radius:0}.reflection-card>.eyebrow{font-size:10px}.reflection-card>p{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.35;margin-top:9px;color:#4c5d49}.mantra-minor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.collection-grid{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 14px}.collection-card{min-height:44px;border:1px solid var(--line);border-radius:5px;padding:9px 12px;text-align:left;background:none}.collection-card strong{font-size:12px;font-weight:450}.collection-card.selected{background:var(--sage);border-color:#a6b59d}.collection-card.selected strong{font-weight:550}.library-count{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);padding:5px 0}
.mantra-list{border-top:1px solid var(--line)}.mantra-list-row{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);padding:14px 0}.mantra-preview{flex:1;text-align:left;min-width:0;padding:4px 0}.mantra-preview>small{display:block;font-size:10px;color:var(--rust);margin-bottom:8px}.mantra-preview>strong{display:block;font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.25;letter-spacing:-.4px}.mantra-preview>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-top:11px}.mantra-preview>span>.icon{width:14px;height:14px}.theme-index summary>span{font-size:12px;color:var(--muted);margin-left:auto}.theme-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;font-size:14px;text-align:left;padding:10px 0}.theme-option .icon{width:16px;height:16px}
/* Clothes: one flat lay and a direct list of the actual pieces. */
.clothes-page{max-width:720px}.studio-toolbar{margin:0 0 16px;gap:12px}.studio-toolbar .segmented{margin:0;min-width:180px}.context-control{min-height:44px;font-size:12px;display:flex;align-items:center;gap:7px;padding:0 5px}.context-control>.icon{width:17px;height:17px}
.outfit-editor{border:0;border-radius:0;background:transparent;overflow:visible}.outfit-editor-heading{padding:0 0 14px;align-items:center}.outfit-editor-heading .eyebrow{font-size:9px}.outfit-editor-heading h2{font-family:var(--serif);font-size:27px;line-height:1.12;font-weight:400;letter-spacing:-.6px;margin-top:7px}.save-look{border:0}.look-stage{padding:0 7px 43px;background:#eeefe9;border-radius:5px;isolation:auto}.look-stage:before{display:none}.look-stage>.flatlay-drawing{height:220px;width:100%;max-height:none}.look-stage>.silhouette-drawing{height:300px;max-height:none}.stage-mode{left:12px;bottom:7px;border:0;background:none;border-radius:0;padding:0;gap:5px}.stage-mode .choice{min-height:38px;border-radius:4px;padding:7px 10px;font-size:11px}.stage-mode .choice.selected{background:var(--card);box-shadow:none}.stage-note{right:12px;bottom:21px;font-size:9px;color:#6f776a}
.outfit-editor-body{padding:0}.look-actions{margin:14px 0 8px;gap:9px}.look-actions>.primary,.look-actions>.secondary{font-size:13px;padding-inline:10px}.studio-piece-list{margin:6px 0 0}.studio-piece-list>button{padding:10px 0;min-height:61px;border-color:var(--line)}.studio-piece-list>button:last-child{border-bottom:1px solid var(--line)}.studio-piece-list i{width:15px;height:15px}.studio-piece-list small{font-size:10px}.studio-piece-list strong{font-size:14px}.change-label{font-size:11px}.change-label .icon{width:15px;height:15px}
.outfit-story{margin:0;border:0}.outfit-story summary{font-size:13px;min-height:50px}.studio-bottom{font-size:11px}.studio-bottom .text-button{font-size:11px}.palette-drawer{margin:18px 0 0;border:0;border-block:1px solid var(--line);padding:0;background:none}.palette-drawer>summary{font-size:13px}.palette-drawer>summary>span{font-size:11px;color:var(--muted);margin-left:auto}.palette-drawer .palette-section{margin:0 0 15px}.palette-drawer .eyebrow{display:none}.palette-choice{min-height:44px;border-radius:6px;font-size:12px;padding:9px;flex:1}.palette-picker{gap:6px;flex-wrap:wrap}.palette-choice i{width:12px;height:12px}
.edit-art,.look-card-art,.garment-picture{border-radius:4px;background:#eeefe9}.garment-picture{background:#eeefe9}.wardrobe-grid{gap:22px 16px}.garment-art{height:200px}.edit-art>.outfit-drawing{height:165px}.edit-preview strong{font-family:var(--serif);font-size:19px;font-weight:400}.edit-preview small{font-size:11px}.garment-family>summary{min-height:0}.family-open{min-height:44px}.garment-card>small,.garment-family summary>small{font-size:11px}.garment-quantity{border-radius:4px}.saved-look-card .look-card-art{margin-bottom:14px}
/* Running has its own practical form cue and an independent mindset. */
.run-intro{margin:2px 0 22px}.run-intro h3{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.15}.run-intro p{font-size:12px;color:var(--muted);margin-top:10px}.run-form{padding:7px 16px 0;background:var(--sage);border-left:2px solid #a4b294;border-radius:3px}.run-form .section-top>.text-button,.run-mindset .section-top>.text-button{font-size:11px}.run-form h4,.run-mindset h4{font-family:var(--serif);font-size:29px;line-height:1.15;font-weight:400;letter-spacing:-.6px;margin:6px 0 14px}.run-form p,.run-mindset p{font-size:15px;line-height:1.65;color:#52604f}.run-form small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:12px}.run-form details{margin-top:14px;border-color:#d1d9c9}.run-form summary{min-height:48px;font-size:12px}.cue-options{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:16px}.cue-options .choice{font-size:12px;background:var(--paper)}.cue-options .choice.selected{background:var(--ink)}.run-mindset{padding:6px 0 20px;margin-top:16px;border-bottom:1px solid var(--line)}.run-mindset h4{font-size:26px;margin-top:7px}.run-mindset p{font-size:14px;color:var(--muted)}.run-footer{display:flex;flex-direction:column;gap:0;margin-top:18px}.run-caution{background:#f6e8db;color:#7c4937;border-left:2px solid #bb8c67;padding:14px;font-size:14px;line-height:1.55;margin:14px 0}.run-check>summary>span{margin-left:auto;font-size:11px;color:var(--muted)}
/* Dialogs and supporting screens use the same compact spacing. */
.sheet{border-radius:12px;background:var(--paper);max-height:92dvh;box-shadow:0 20px 70px #242f2926}.sheet::backdrop{background:#26362966;backdrop-filter:blur(2px)}.sheet-header{padding:8px 18px}.sheet-header>.icon-button{background:transparent}.sheet-content{padding:18px 22px 24px}.panel-heading,.sheet-title,.panel-title h3{font-size:27px;font-weight:550}.sheet-intro{font-size:14px}.sheet-content>p{font-size:14px}.sheet-feedback{position:sticky;top:61px;height:0;z-index:11;pointer-events:none}.sheet-feedback:not(:empty){padding:0 14px}
.page-symbol,.support-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;flex:none}.page-symbol>.icon{width:21px;height:21px}.tone-body{background:var(--sage);color:var(--accent)}.tone-mind{background:var(--lavender);color:#716680}.tone-space,.tone-routine{background:var(--sand);color:#8d7554}.tone-connection{background:#f1e1d9;color:#9a6754}.habit-detail-heading .page-symbol{margin-bottom:12px}.small-version{border-radius:4px;padding:15px 17px;margin:16px 0}.small-version p{font-size:15px}.quiet-box,.practice-test{border-radius:5px;padding:15px 17px}.tick-row{min-height:62px;padding:14px 0}.tick{width:24px;height:24px}.habit-option{min-height:76px;padding:3px 0}.habit-open small{font-size:12px}.habit-add{border-radius:6px}.habit-add[aria-pressed=true]{background:var(--sage)}.sheet-sticky-action{padding-top:12px}.manage-row{gap:8px}.reorder-actions .icon-button{min-width:40px}.empty-state{padding:24px 12px}.empty-symbol{background:none;margin-bottom:12px}.reset-group{border-radius:5px;min-height:92px}.reset-reading{font-size:18px}.mood-choice{border-radius:5px;min-height:54px}.reading{color:#53634f}.tiny-note{font-size:12px!important}details{margin-top:14px}summary{font-size:13px;min-height:50px;padding:13px 0}select{border-radius:5px;font-size:16px}.menu-link{font-size:13px}.pager{min-height:52px}.pager .icon-button{border-radius:5px}
.timer-dock{bottom:calc(70px + env(safe-area-inset-bottom));border-radius:7px;box-shadow:none}.has-timer .page{padding-bottom:calc(154px + env(safe-area-inset-bottom))}
.app-feedback{position:fixed;z-index:30;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 32px);max-width:540px;pointer-events:none}.app-feedback:not(:empty){padding:0}.has-timer .app-feedback{bottom:calc(132px + env(safe-area-inset-bottom))}#notice{border-radius:6px;box-shadow:0 3px 14px #20352a20;padding-block:6px}#notice button{color:#e8ddc4}
@media(min-width:900px){.app-header{padding-top:22px;padding-bottom:14px}.page{padding-top:18px}.page-heading h1{font-size:34px}.habits-page{max-width:760px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:36px;align-items:start}.habits-page>.today-date,.habits-page>.page-heading,.habits-page>.new-day{grid-column:1/-1}.habit-card{grid-column:1;grid-row:span 3}.home-mantra{grid-column:2;margin:0}.support-grid,.tools-drawer{grid-column:2}.look-stage>.flatlay-drawing{height:330px}.look-stage>.silhouette-drawing{height:370px}.wardrobe-grid{grid-template-columns:repeat(3,1fr)}.edit-art>.outfit-drawing{height:240px}.mantras-page{max-width:650px}.mantra-title{font-size:46px}.mantra-feature{padding-top:12px}.nav-inner{max-width:610px}.nav button{flex-direction:row;gap:9px;min-height:58px;font-size:13px}}
@media(max-width:599px){.sheet{width:100%;max-width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-radius:15px 15px 0 0;margin:auto 0 0;bottom:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.sheet-content{padding-bottom:24px}}
@media(max-width:374px){.app-header,.page{padding-inline:17px}.page-heading{gap:7px}.page-heading h1{font-size:28px}.heading-note{font-size:11px}.sheet-content{padding-inline:17px}.mantra-title{font-size:32px}.run-form h4{font-size:27px}.run-form{padding-inline:13px}.look-stage>.flatlay-drawing{height:215px}.look-actions>.primary,.look-actions>.secondary{font-size:12px;padding-inline:7px}.outfit-editor-heading h2{font-size:24px}.palette-choice{font-size:11px}.garment-art{height:175px}.stage-note{font-size:8px}.studio-toolbar .segmented{min-width:165px}.manage-row>strong{font-size:12px}.reorder-actions .icon-button{min-width:36px}.carry-card strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sheet::backdrop{backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#414c41;--line:#a4aea1}.habit-check>span{border-color:#63745b}}
@media print{.app-header,.nav,.timer-dock,#notice,#reminder{display:none}.page{padding:0}body{background:white}.sheet{box-shadow:none}}

.clothes-page>.page-heading{margin:8px 0 14px}.clothes-page>.clothes-nav{margin-bottom:14px}.studio-toolbar{margin-bottom:12px}
/* V33: real material, readable proportions and one practical recommendation. */
.look-stage{background:#f6f5f1;padding:12px 10px 48px;border:1px solid #e5e5df;border-radius:12px}
.outfit-studio{display:grid;grid-template-columns:1.07fr .93fr;grid-template-rows:1fr .5fr;gap:10px;height:315px;width:100%;padding:2px;box-sizing:border-box}
.studio-garment{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;overflow:hidden;border-radius:7px;padding:8px 7px 22px}
.studio-top{grid-column:1;grid-row:1}.studio-bottom{grid-column:2;grid-row:1/3}.studio-shoes{grid-column:1;grid-row:2;background:transparent;padding-top:0}.studio-layer{grid-column:1;grid-row:2}
.outfit-studio.has-layer{grid-template-rows:1fr 1fr}.outfit-studio:not(.has-layer):not(.has-shoes) .studio-top{grid-row:1/3}
.studio-photo{width:100%;height:100%;display:block;overflow:hidden;flex:1;min-height:0}.studio-photo.fabric-render{filter:drop-shadow(0 3px 3px #19283a13)}
.studio-piece-caption{position:absolute;bottom:7px;inset-inline:5px;text-align:center;font-size:9px;letter-spacing:.03em;color:#666f70;line-height:1.2;white-space:nowrap}
.stage-mode{bottom:8px;left:12px}.stage-mode .choice{font-size:10px;padding:6px 9px;min-height:34px;border:1px solid transparent}.stage-mode .choice.selected{border-color:#d7ddd8;background:white}
.stage-note{font-size:8px;bottom:22px;right:13px;color:#647078;max-width:120px;text-align:right}
.outfit-guidance{display:flex;align-items:flex-start;gap:9px;margin:14px 0 13px;padding:11px 12px;background:#edf2ef;border-radius:9px;color:#304b43}
.outfit-guidance p{font-size:12px;line-height:1.5;margin:0}.guidance-dot{width:6px;height:6px;border-radius:50%;background:#718c7d;flex:0 0 6px;margin-top:6px}
.outfit-cautions{margin:-4px 0 13px;font-size:12px;line-height:1.5;color:#66573e}.outfit-cautions summary{min-height:34px;display:list-item;padding:8px 1px;cursor:pointer}.outfit-cautions p{padding:0 8px}
.edit-art,.look-card-art{background:#f6f5f1;border:1px solid #e5e5df;padding:7px;border-radius:9px}
.edit-art>.outfit-studio,.look-card-art>.outfit-studio{height:180px;gap:5px;padding:0}.edit-art .studio-garment,.look-card-art .studio-garment{padding:4px;border-radius:3px}.edit-art .studio-piece-caption,.look-card-art .studio-piece-caption{display:none}
.garment-picture{background:#fff;border:1px solid #e8e8e3;border-radius:9px;padding:12px}
.garment-art.raster-garment{display:block;width:100%;height:215px;max-width:100%;overflow:hidden}
.garment-detail-art{background:white;border:1px solid #e5e5df;overflow:hidden;padding:10px}
.garment-detail-art .garment-art.raster-garment{height:235px}
.piece-mini .garment-art.raster-garment{height:65px}.finish-grid .garment-art.raster-garment{height:110px}
.fabric-detail{margin:15px 0;border-top:1px solid #e1e4df;border-bottom:1px solid #e1e4df}.fabric-detail summary{padding:15px 0;cursor:pointer;font-size:13px;min-height:44px;box-sizing:border-box}.fabric-detail-image{background:#fff;padding:14px;overflow:hidden}.fabric-zoom{display:block;width:100%;height:380px;overflow:hidden}.fabric-detail .tiny-note{margin:10px 0}
.look-stage>.silhouette-drawing{height:380px}
@media(min-width:600px){.outfit-studio{height:400px;gap:15px}.studio-garment{padding:14px 14px 27px}.studio-piece-caption{font-size:10px}.stage-mode .choice{font-size:11px}.stage-note{font-size:9px;max-width:180px}.edit-art>.outfit-studio,.look-card-art>.outfit-studio{height:225px}.garment-art.raster-garment{height:265px}}
@media(min-width:900px){.look-stage{padding:18px 18px 48px}.outfit-studio{height:445px}.look-stage>.silhouette-drawing{height:460px}.garment-art.raster-garment{height:260px}.edit-art>.outfit-studio,.look-card-art>.outfit-studio{height:250px}}
@media(max-width:374px){.outfit-studio{height:275px;gap:6px}.stage-note{max-width:82px;font-size:8px;bottom:17px}.stage-mode .choice{font-size:9px;padding-inline:7px}.garment-art.raster-garment{height:185px}.outfit-editor-heading h2{font-size:23px}.look-stage>.silhouette-drawing{height:340px}}

/* V34: indigo, warm paper, clear choices; detailed content opens on request. */
:root{--paper:#f8f6f0;--card:#fffefa;--ink:#19364e;--muted:#536576;--accent:#3b5f77;--line:#dbe0dc;--sage:#e7eeea;--lavender:#e9e9f2;--sand:#eee6d8}
html{scroll-padding-top:20px}body{background:var(--paper);color:var(--ink)}
button,a,summary,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #af6342;outline-offset:3px}
.nav-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:650px}.nav button{min-width:0;min-height:62px}
.page-heading .heading-note{color:var(--muted)}.page-heading h1{letter-spacing:-1px}
.day-arrival{display:flex;align-items:center;gap:13px;width:100%;padding:15px 0 20px;margin:0 0 18px;border-bottom:1px solid var(--line);text-align:left;min-width:0}
.arrival-mark{display:grid;place-items:center;flex:0 0 37px;height:37px;background:#e6edf3;border-radius:50%;color:#345873}.day-arrival>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.day-arrival small{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.day-arrival strong{font-family:var(--serif);font-size:24px;font-weight:400}.day-arrival span>span{font-size:12px;color:var(--muted);line-height:1.4}.day-arrival>.icon{flex-shrink:0;width:18px}
.home-run-link{display:flex;flex-direction:column;width:100%;text-align:left;padding:18px 0 21px;border-top:1px solid var(--line);gap:11px;margin-top:16px}.home-run-link>strong{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.25}.home-run-link>span:last-child{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.home-run-link .icon{width:16px;height:16px}
.run-page{max-width:680px}.run-nav{margin-top:8px}.run-intro{margin:24px 0}.run-intro h3{font-size:32px}.run-intro p{font-size:14px;line-height:1.65;max-width:430px}.run-form{background:#e8eef4;border:1px solid #d7e1eb;border-radius:12px;padding:13px 20px 3px}.run-form p{color:#39556e}.run-form h4{font-size:33px}.run-form small{font-size:13px;line-height:1.55;color:#52677b}.run-form .eyebrow{font-size:10px;color:#49657c}.run-form details{border-top:1px solid #d1dce7}.run-form details>summary>span,.run-mindset details>summary>span{margin-left:auto;font-size:11px;color:var(--muted)}.run-form details select,.run-mindset details select{margin-bottom:15px;width:100%}
.run-mindset{padding:15px 0 4px;margin-top:14px}.run-mindset h4{font-size:30px}.run-mindset p{font-size:15px;line-height:1.7}.cue-change-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 4px}.cue-change-row>.secondary{font-size:12px;min-height:44px;padding:9px 13px;background:var(--card);border:1px solid #bcccd9;border-radius:7px;display:flex;align-items:center;gap:8px}.cue-change-row>.secondary .icon{width:16px}.cue-change-row>span{font-size:11px;color:var(--muted);text-align:right}.run-form .icon-button,.run-mindset .icon-button{min-width:44px;min-height:44px;background:transparent}.run-form .icon-button[aria-pressed=true],.run-mindset .icon-button[aria-pressed=true]{color:#a0543f}.cue-rotation-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px}.run-footer{margin-top:20px}
.run-library-title{padding:3px 0 19px}.run-library-title h3{font-family:var(--serif);font-size:30px;font-weight:400;margin-bottom:7px}.run-library-title p{font-size:13px;color:var(--muted)}.run-filter-row{display:flex;align-items:flex-end;gap:12px;margin:5px 0 19px}.run-filter-row label{display:grid;gap:7px;font-size:11px;color:var(--muted);flex:1;min-width:0}.run-filter-row select{min-height:46px;width:100%;background:var(--card);color:var(--ink);padding:10px;font-size:15px}.run-filter-row>button{min-height:46px;padding:10px 14px;display:flex;align-items:center;gap:7px}.run-filter-row .is-selected{background:#e8eef4;color:var(--ink);border-color:#93a8b8}.run-filter-row .icon{width:16px}
.run-library-item{padding:21px 0;border-bottom:1px solid var(--line)}.run-library-item small{font-size:11px;color:var(--muted);line-height:1.6}.run-library-item h4{font-family:var(--serif);font-size:25px;line-height:1.2;font-weight:400;margin:8px 0 12px}.run-library-item p{font-size:14px;line-height:1.65;margin-bottom:8px;color:#425d72}.run-library-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.run-library-actions .secondary{min-height:44px;padding:9px 15px;font-size:12px}.run-library-actions .icon-button[aria-pressed=true]{color:#a0543f}
.alignment-controls .sheet-intro{font-size:14px;line-height:1.6}.alignment-controls>details{margin-bottom:24px}.alignment-controls summary{font-size:14px;gap:10px}.alignment-controls summary>span{margin-left:auto;text-align:right;font-size:12px;color:var(--muted)}.alignment-controls .chips{gap:7px}.alignment-controls .chips .choice{border-radius:7px;font-size:12px;min-height:44px;padding:9px 12px}.alignment-controls .chips .choice.selected{background:var(--ink);color:#fffefa}.alignment-controls .tiny-note{line-height:1.65;margin:18px 0 24px}
.feeling-family{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 17px}.feeling-family .choice{font-size:11px;min-height:44px;padding:8px 11px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.feeling-family .choice.selected{background:#e8eef4;border-color:#97adbd;color:var(--ink)}.feeling-options{display:grid;grid-template-columns:1fr;gap:8px}.feeling-option{text-align:left;border:1px solid var(--line);border-radius:8px;padding:14px 15px;background:var(--card);display:grid;gap:7px;min-height:76px}.feeling-option strong{font-size:15px;font-weight:600;color:var(--ink)}.feeling-option span{font-size:13px;line-height:1.55;color:var(--muted)}.feeling-option.selected{border-color:#6688a0;box-shadow:inset 3px 0 #6688a0;background:#edf2f6}.feeling-reading{padding:17px 15px 15px;margin-top:15px;border-radius:8px;background:#ebece3}.feeling-reading p{font-size:14px;line-height:1.65;margin:10px 0 14px;color:var(--ink)}.feeling-reading .eyebrow{font-size:10px}.feeling-reading .chips .choice{font-size:11px}
.day-match{margin:19px 0 14px;padding:16px 17px 0;border:1px solid #d9e2e6;background:#eef2f3;border-radius:10px}.day-match .section-top{min-height:34px}.day-match .section-top .text-button{min-height:44px;font-size:11px;display:flex;align-items:center;gap:6px}.day-match .section-top .icon{width:14px}.day-match h3{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.2;margin:4px 0 7px}.day-match p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0 11px}.day-match p.match-copy{font-size:14px;line-height:1.7;color:#36556b}.day-match details{border-top:1px solid #d5dfe4;margin-top:12px}.day-match summary{min-height:47px;font-size:12px}.day-match details p{font-size:13px}.day-match details small{font-size:11px;line-height:1.6;display:block;margin-bottom:18px;color:var(--muted)}
.impact-entry{margin:22px 0 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.impact-link{display:flex;gap:14px;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:18px 0;min-height:75px}.impact-link>span{display:grid;gap:7px;min-width:0}.impact-link strong{font-size:15px;font-weight:600}.impact-link small{font-size:12px;color:var(--muted);line-height:1.4}.impact-link>.icon{width:19px;flex-shrink:0}
.social-impact>h3{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.15;letter-spacing:-.5px;margin:12px 0 15px}.social-impact .reading{font-size:15px;line-height:1.7;color:#415d73}.interpretation-label{font-size:11px;line-height:1.6;color:var(--muted);margin:16px 0 20px}.audience-note{border-left:3px solid #91a9b8;padding:16px 18px;background:#e9eff2;border-radius:0 8px 8px 0}.social-impact h4{font-size:15px;line-height:1.4;color:var(--ink);margin:0 0 10px}.social-impact p{font-size:14px;line-height:1.75;color:#40576b}.impact-lens summary,.impact-evidence summary{font-weight:600;font-size:14px;min-height:55px}.impact-lens p{margin:6px 0 14px}.impact-lens p.human-action{padding:12px 14px;background:#eeece3;font-size:13px;border-radius:6px;color:#615a46}.impact-evidence article{padding:17px 0;border-top:1px solid var(--line)}.impact-evidence article p{font-size:13px;line-height:1.75;margin-bottom:10px}.impact-evidence a{font-size:12px;overflow-wrap:anywhere}.social-impact>.quiet-box{margin-top:24px}.social-impact>.quiet-box p{margin:0;font-size:14px}
.mantra-bank-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 17px}.mantra-personal-note{border-left:2px solid #98abba;padding:1px 12px;margin:17px 0 20px;font-size:13px;line-height:1.6;color:var(--muted)}
@media(min-width:600px){.feeling-options{grid-template-columns:1fr 1fr}.run-form{padding:17px 25px 5px}.run-form h4{font-size:37px}.run-mindset h4{font-size:34px}.run-library-item{display:grid;grid-template-columns:1fr auto;column-gap:23px}.run-library-actions{flex-direction:column;gap:10px;margin-top:5px;justify-content:start}}
@media(min-width:900px){.habits-page>.day-arrival{grid-column:1/-1}.habits-page .habit-card{grid-row:span 4}.habits-page>.home-run-link{grid-column:2;margin-top:14px}.habits-page>.support-grid,.habits-page>.tools-drawer{grid-column:2}.nav button{flex-direction:row}.run-page{max-width:680px}}
@media(max-width:374px){.run-form{padding-inline:15px}.run-form h4{font-size:29px}.run-mindset h4{font-size:27px}.cue-change-row{gap:8px}.cue-change-row>span{font-size:10px}.cue-change-row>.secondary{font-size:11px;padding-inline:10px}.day-match{padding-inline:14px}.day-match h3{font-size:24px}.social-impact>h3{font-size:27px}.feeling-family .choice{font-size:10px;padding-inline:9px}}