/* Lunario's material layer. Layout, forms and saved data remain in experience.*. */
html[data-theme] body.inner{background:var(--moon-ground);background-attachment:fixed}
/* Soft light sits behind the content, including the email/code screens. */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 42% 44% at 93% 74%,rgba(217,184,104,.12),transparent 100%),radial-gradient(ellipse 32% 30% at 4% 18%,rgba(240,215,154,.07),transparent 100%)}
body.hello::before{z-index:0;background:radial-gradient(ellipse 30% 24% at 26% 72%,rgba(240,215,154,.28),rgba(217,184,104,.10) 48%,transparent 100%),radial-gradient(ellipse 36% 42% at 100% 63%,rgba(240,215,154,.21),transparent 100%);mix-blend-mode:screen}
html[data-theme=light] body.inner::before{opacity:1;background:radial-gradient(ellipse 36% 45% at 100% 65%,rgba(109,91,208,.10),transparent 100%),radial-gradient(ellipse 30% 24% at 3% 20%,rgba(255,255,255,.50),transparent 100%)}
body.inner .bg .orb{opacity:.24}body.inner .bg .cloud{opacity:.14}
body.inner .sky.on{display:block;opacity:.48}body.hello .sky.on{opacity:.72}
html[data-theme=light] body.inner .sky.on{opacity:.22}
body.inner .wrap{max-width:1240px}
body.inner .view>h1,body.inner .practice-header h1{font-family:Onest,ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}
body.inner :is(.feature-group,.account-group)>h2{font-size:18px;font-weight:600;letter-spacing:-.01em}
/* Материал плиток (.wid) задаёт блок «стекла» ниже (:is(...) с #v-hello — специфичность с ID); здесь — только то, что не плитка */
body.inner :is(.profile-summary,.wish-card){
  background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);
  border:1px solid transparent;box-shadow:var(--moon-shadow);
}
body.inner .wid{border-radius:var(--r-xl);padding:26px;min-height:158px;gap:12px}
body.inner .wid b{font-size:17px;font-weight:600}
body.inner .wid .ico{width:28px;height:28px;background-color:var(--gold-2);filter:drop-shadow(0 0 7px #d8b96b24)}
body.inner .wid>span.destination-arrow{color:var(--gold-2);opacity:.8}
body.inner .compact-links{gap:14px;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
body.inner .compact-links .wid{border-radius:var(--r-xl);padding:24px;min-height:100px}
body.inner .compact-links .wid .ico{width:24px;height:24px}
body.inner :is(.btn,.btn.sm){font-weight:600;border-radius:var(--r-m)}
html[data-theme] body.inner .btn:not(.ghost){background:var(--moon-control);border:1px solid #f7e3b54d;color:#1c1430;box-shadow:inset 0 1px 0 #fff7df8c,0 6px 22px -12px #e2bd6970}
html[data-theme] body.inner .btn.ghost{background:transparent;border-color:var(--control-border);color:var(--text)}
body.inner :is(.text-action,.back){font-weight:400}
body.inner .text-action.secondary{color:var(--muted)}
body.inner :is(input,textarea,select){border-color:var(--line);background:var(--field);box-shadow:inset 0 1px 3px #0000000a}
body.inner :is(input,textarea,select):focus-visible{border-color:var(--gold);outline-color:var(--focus)}

/* The moon is decorative; the existing calculated phase remains in “Луна и небо”. */
.compact-brand{display:inline-flex;align-items:baseline;font:300 37px/1.5 Comfortaa,sans-serif;letter-spacing:-1.3px;margin:0 0 12px;color:var(--text)}
.compact-brand .o-wrap{position:relative;display:inline-block;isolation:isolate}
.compact-brand .o-glyph{position:relative;z-index:2}
.compact-brand .o-wrap .mark{position:absolute;left:var(--mx,50%);top:var(--my,50%);width:var(--ms,48px);height:var(--ms,48px);margin:0;transform:translate(-50%,-50%);animation:none;z-index:1;filter:drop-shadow(0 0 10px #d9b86840)}
.compact-brand .moon-img{width:100%;height:100%;animation:moonbreathe 7s ease-in-out infinite}
.section-brand{display:none}
body.inner:not(:has(#v-home.on)) .section-brand{display:inline-flex}
/* кружок аккаунта в шапке разделов — на всех вкладках, кроме главной (там свой) и самого аккаунта */
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.section-acct{display:none;position:relative;top:auto;right:auto;flex:0 0 auto;margin-bottom:12px}
body.inner:has(:is(#v-ask,#v-history,#v-about).on) .section-acct{display:grid}
.widget-brand{display:flex;width:max-content;margin-bottom:14px}
body.inner #v-home .hdr{margin-bottom:0;position:relative;z-index:2}
/* заголовок экрана только для читалок: на главной и в аккаунте он визуально не нужен */
body.inner :is(#v-home .hdr .sr-only,#v-account>h1.sr-only){position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
body.inner #h-date{font-size:13px;font-weight:400;letter-spacing:.03em;text-transform:none;color:var(--muted)}
body.inner #h-acct{width:44px;height:44px;font-weight:600}
body.inner .acct,body.inner .avatar{background:var(--moon-panel) padding-box,var(--moon-edge) border-box;border:1px solid transparent;box-shadow:var(--moon-shadow);color:var(--gold-2)}
.home-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) clamp(160px,22vw,260px);align-items:center;gap:32px;overflow:visible;margin:0;padding:28px 0 36px;min-height:0}
.home-moon{position:relative;order:2;width:100%;aspect-ratio:1;pointer-events:none;opacity:.94}
.home-moon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 24px #d9b86825)}
body.inner .home-intro .daily-statement{order:1;margin:0;max-width:none;position:relative}
body.inner .home-intro #h-wish{font-family:Onest,ui-sans-serif,system-ui,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.5;letter-spacing:-.01em;margin:0;text-wrap:pretty;overflow-wrap:anywhere;color:var(--text)}
body.inner #home-sky .moonline{border-radius:var(--r-xl)}   /* поля, отступы и материал — в блоке «Сегодня» ниже */
body.inner #home-sky .moon-sm{width:50px;height:50px;flex-basis:50px}
body.inner #home-sky .moonline :is(b,.lunar-advice){font-size:16px;line-height:1.6}
body.inner #home-sky .moonline small{font-size:13px;line-height:1.6}

/* Reading surfaces are dense and quiet, with a warm edge rather than nested glass. */
body.inner .wg,body.inner .wg-head{background:var(--sheet)}
body.inner .wg{border-color:var(--line);box-shadow:0 24px 80px #0005,inset 0 1px 0 #fff3d712}
body.inner .wg-head{border-color:var(--line)}
body.inner .wg-head h2{font-weight:600;font-size:24px}
body.inner .wpane .practice-question{font-family:Onest,ui-sans-serif,system-ui,sans-serif;font-size:25px!important;font-weight:600;line-height:1.6}
body.inner .answer-actions{background:var(--sheet)}
body.inner #journal-card .answer-actions{background:var(--bg)}
body.inner .timeline-entry{background:var(--moon-reader);border:1px solid var(--line);border-radius:var(--r-l);padding:28px;margin-bottom:18px;box-shadow:inset 0 1px 0 #fff2d20a}
body.inner .timeline-kind{font-size:13px;color:var(--gold-2)}
body.inner .timeline-day{margin:30px 0 14px}
body.inner .timeline-empty{background:var(--moon-reader);border:1px solid var(--line);box-shadow:var(--moon-shadow)}
body.inner .wish-picture:not(:has(img)){background:var(--moon-empty);border-bottom:1px solid var(--line)}
body.inner :is(.hb,.practice-card){border-color:var(--line);background:var(--surface)}
body.inner :is(.emotion-family,.quick-mood){border-color:var(--line);background:var(--surface)}
body.inner :is(.emotion-family.on,.quick-mood.on){background:var(--selected);border-color:var(--gold)}
body.inner .hb.on{border-color:color-mix(in srgb,var(--ok) 38%,transparent)}
body.inner :is(.timeline-filters [aria-pressed=true],.chip.on,.chip[aria-pressed=true]){color:var(--gold-2);border-color:var(--gold);background:var(--selected)}
html[data-theme] body.inner .app-nav{background:radial-gradient(180px circle at var(--glass-x,15%) var(--glass-y,0%),var(--moon-shine),transparent 80%),var(--moon-glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff3d92b,inset 0 -1px 0 #fff3d910,0 12px 34px #10091940;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--r-xl)}
html[data-theme] body.inner .app-nav button{font-size:14px;font-weight:400;color:var(--muted)}
html[data-theme] body.inner .app-nav button.on{color:var(--gold-2);background:linear-gradient(130deg,#ebce9321,#e5bd7608);box-shadow:inset 0 1px 0 #efd29a25}
html[data-theme] body.inner .app-nav .on .ico{background-color:var(--gold-2)}
html[data-theme] body.inner :is(.rem-summary,.wg-x){background:var(--moon-glass);border-color:var(--line);box-shadow:inset 0 1px 0 #fff0d31a;color:var(--muted)}
body.inner .theme-option.light>span{background:linear-gradient(135deg,#f5f2ea,#e4ddf4)}
body.inner .theme-option.dark>span{background:linear-gradient(135deg,#141126,#0b0a14)}
body.inner .theme-option.system>span{background:linear-gradient(90deg,#f0edf8 50%,#141126 50%)}
html[data-theme=light] .home-moon{opacity:.55}
body:not(.inner) #v-onb .card{border:1px solid #d8b56f61;box-shadow:inset 0 1px 0 #f6ddb723,0 18px 42px #0d081a54;background:linear-gradient(135deg,#1d1738,#141126)}

@media(min-width:900px){
  body.inner .wrap{padding-top:38px}
  .home-intro{padding-top:28px;padding-bottom:40px}
}
@media(max-width:899px){
  .home-intro{margin:0;padding:26px 0 30px;grid-template-columns:minmax(0,1fr) 160px;gap:24px}
  body.inner .home-intro #h-wish{font-size:29px;line-height:1.5}
}
@media(max-width:599px){
  body.inner .wrap{padding-inline:22px;padding-top:calc(30px + env(safe-area-inset-top))}
  .home-intro{margin:0;padding-inline:0;grid-template-columns:minmax(0,1fr) 100px;gap:14px}
  body.inner .home-intro #h-wish{font-size:27px}
  body.inner .wid{padding:22px}
  body.inner .compact-links .wid{padding:22px}
  body.inner .timeline-entry{padding:22px}
}
@media(max-width:370px){
  body.inner .wrap{padding-inline:16px}
  .home-intro{grid-template-columns:minmax(0,1fr) 82px;gap:12px}
  body.inner .home-intro #h-wish{font-size:24px}
  body.inner .wid{min-height:135px}
  body.inner .compact-links .wid{min-height:80px}
  body.inner #home-sky .moonline{gap:10px}
  body.inner #home-sky .moon-sm{width:38px;height:38px;flex-basis:38px}
}
@media(hover:hover) and (pointer:fine){
  /* подъём и тень плиток при наведении — в блоке «стекла» ниже */
  body.inner :is(.text-action,.back):hover{color:var(--gold-2)}
}
@media(prefers-reduced-motion:reduce){body.inner :is(.wid):hover{transform:none}}
@media(prefers-reduced-transparency:reduce){html[data-theme] body.inner :is(.app-nav,.rem-summary,.wg-x){background:var(--sheet);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* A real layout gives the moon its own space at every width, including narrow desktop windows. */
#v-hello .hello-stage{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:64px}
#v-hello .hello-content{width:100%;max-width:530px;margin:0;padding:0;min-width:0}
#v-hello .heromoon{display:block;position:relative;order:2;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:400px;height:auto;aspect-ratio:1;justify-self:end;opacity:.94}
#v-hello .heromoon img{filter:drop-shadow(0 0 32px #f2d18d24)}
#v-hello .gifts{margin:0;gap:32px}
#v-hello .gift{gap:20px;align-items:flex-start}
#v-hello .gift b{font-size:30px;font-weight:600;color:#f5f2ea;line-height:1.5}
#v-hello .gift .ico{width:28px;height:28px;flex-basis:28px;margin-top:7px;background-color:#f0d79a;filter:drop-shadow(0 0 10px #f0d79a26)}
#v-hello .cta{margin-top:48px;position:relative;isolation:isolate}
#v-hello .cta .btn{position:relative;min-height:80px;padding:22px 30px;gap:24px;font-size:22px;font-weight:600;line-height:1.4;border-radius:var(--r-xl);color:#f5f2ea}
@media(min-width:760px) and (max-width:1050px){
  #v-hello .hello-stage{grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:36px}
  #v-hello .gift b{font-size:28px}
  #v-hello .gift{gap:16px}
}
@media(max-width:759px){
  #v-hello .hello-stage{grid-template-columns:minmax(0,1fr);gap:28px;align-content:center;padding-block:32px}
  #v-hello .heromoon{order:-1;width:clamp(140px,43vw,200px);justify-self:end;margin-right:8px}
  #v-hello .hello-content{max-width:none}
  #v-hello .gifts{gap:24px}
  #v-hello .gift{gap:16px}
  #v-hello .gift b{font-size:26px;line-height:1.45}
  #v-hello .gift .ico{width:24px;height:24px;flex-basis:24px;margin-top:5px}
  #v-hello .cta{margin-top:36px}
  #v-hello .cta .btn{min-height:74px;padding:20px 24px;font-size:21px}
  body.hello::before{background:radial-gradient(ellipse 90% 25% at 20% 76%,rgba(240,215,154,.25),transparent 100%),radial-gradient(ellipse 70% 32% at 110% 24%,rgba(240,215,154,.16),transparent 100%)}
}
@media(max-width:370px){#v-hello .gift b{font-size:24px}#v-hello .gift{gap:14px}#v-hello .cta .btn{font-size:20px;gap:18px}}
@media(max-height:700px){#v-hello .hello-stage{padding-block:24px}#v-hello .gifts{gap:22px}#v-hello .cta{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.compact-brand .moon-img{animation:none!important}#v-hello .cta .btn{transition:none}#v-hello .cta .btn::after{display:none}#v-hello .cta .btn:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){#v-hello .cta .btn{background:#302742;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Readability: original ivory and gold, stronger Onest; metadata remains quieter. */
body{font-size:18px;font-weight:500}
body.inner :is(.feature-group,.account-group)>h2{font-size:21px;color:var(--text)}
body.inner :is(.wid,.compact-links .wid) b{font-size:20px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
body.inner .wid>span:not(.dot):not(.destination-arrow){font-size:17px;font-weight:500;color:var(--text);line-height:1.6}
body.inner :is(.hint,.section-caption,.practice-progress,.rem-status,.field label,.hb-rule,.rem-lbl small,#profile-summary){font-size:17px;font-weight:500;color:var(--muted);line-height:1.65}
body.inner :is(.field label,.text-action,.back,.rem-summary,.segmented button,.emotion-family,.mchip,.chip,.observation>summary,.practice-create>summary){font-size:17px;font-weight:600;color:var(--text)}
body.inner .wpane :is(.hint,.msg){font-size:17px!important}
body.inner #home-sky .moonline :is(b,.lunar-advice){font-size:18px;color:var(--text)}
body.inner #home-sky .moonline b{font-weight:600}
/* подписи вкладок в две строки («Свериться с собой»): 13px, иконки выровнены по верху, всё в 70px панели */
html[data-theme] body.inner .app-nav button{font-size:13px;line-height:1.15;font-weight:600;color:var(--text);justify-content:flex-start;padding:2px 2px 0;gap:2px;text-align:center}
html[data-theme] body.inner .app-nav button.on{color:var(--gold-2)}
body:not(.inner) :is(#v-onb,#v-login) :is(p,.field label,.geo){font-size:18px;font-weight:500;line-height:1.65}
body:not(.inner) :is(#v-onb,#v-login) .field label{font-weight:600;color:var(--text)}
body:not(.inner) :is(#v-onb,#v-login) input:not([type=checkbox]){font-size:18px;font-weight:500}
body:not(.inner) :is(#v-onb,#v-login) .btn{font-size:20px;font-weight:600}
body:not(.inner) #v-hello .hello-login{font-size:18px;font-weight:600}
body:not(.inner) #v-hello .trust{color:var(--muted);font-weight:500}

/* Glass follows the brief without backdrop filtering: a highlight over a dense base.
   Edge reflections and shadows provide depth; only toast and widget scrim may blur. */
:is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .app-nav,body.inner .rem-summary,body.inner .acct,body.inner .wg-x,body.inner #home-sky .moonline){
  isolation:isolate;overflow:hidden;
  background:var(--glass-bg);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:1px solid transparent;background-clip:padding-box;background-color:var(--glass-base);
  box-shadow:var(--glass-shadow);
  --glass-x:50%;--glass-y:0%;--glass-edge:0;
  transition:transform var(--t) var(--sp),box-shadow var(--t) ease;
}
/* Explicit containing blocks keep reflections inside controls without backdrop-filter. */
body.inner :is(.rem-summary,#home-sky .moonline,.wg-x){position:relative}
:is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .app-nav,body.inner .rem-summary,body.inner .acct,body.inner .wg-x,body.inner #home-sky .moonline)::before{
  content:'';display:block;position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;
  background:conic-gradient(from calc(var(--glass-edge) * 1deg) at var(--glass-x) var(--glass-y),rgba(255,255,255,.75) 0deg,rgba(244,223,168,.55) 40deg,rgba(255,255,255,.08) 110deg,rgba(255,255,255,.05) 220deg,rgba(244,223,168,.35) 300deg,rgba(255,255,255,.75) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:1;box-shadow:none;transform:none;animation:none;
}
:is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .app-nav,body.inner .rem-summary,body.inner .acct,body.inner .wg-x,body.inner #home-sky .moonline)::after{
  content:'';display:block;position:absolute;inset:-40%;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.28) 0%,rgba(244,223,168,.14) 18%,transparent 46%);
  opacity:0;transition:opacity var(--t-slow) ease;transform:none;animation:none;
}
@media(hover:hover) and (pointer:fine){
  :is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .app-nav,body.inner .rem-summary,body.inner .acct,body.inner .wg-x,body.inner #home-sky .moonline):hover::after{opacity:1}
  :is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .rem-summary):hover{
    transform:translateY(-2px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.18),0 18px 44px -14px rgba(217,184,104,.4);
  }
}
:is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .rem-summary):active{transform:scale(.98)}
/* Daylight glass: a dense light base, white bevel and a violet shadow.
   Diary cards share the material but stay still while reading. */
html[data-theme=light] body.inner :is(.wid,.app-nav,.rem-summary,.acct,.wg-x,#home-sky .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card){
  isolation:isolate;
  background:var(--moon-panel);background-clip:padding-box;background-color:var(--glass-base);
  border:1px solid rgba(255,255,255,.75);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:var(--glass-shadow);
  --glass-x:30%;--glass-y:0%;--glass-edge:0;
}
html[data-theme=light] body.inner :is(.timeline-entry,.timeline-empty,.profile-summary,.wish-card){position:relative;overflow:hidden}
html[data-theme=light] body.inner :is(.wid,.app-nav,.rem-summary,.acct,.wg-x,#home-sky .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card)::before{
  content:'';display:block;position:absolute;inset:0;border-radius:inherit;padding:2px;z-index:-1;pointer-events:none;
  background:conic-gradient(from calc(var(--glass-edge) * 1deg) at var(--glass-x) var(--glass-y),#fff 0deg,#ffffffa6 55deg,#ffffff0a 120deg,#2a215033 210deg,#ffffff66 285deg,#fff 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:1;box-shadow:none;transform:none;animation:none;
}
html[data-theme=light] body.inner :is(.wid,.app-nav,.rem-summary,.acct,.wg-x,#home-sky .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card)::after{
  content:'';display:block;position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(300px circle at var(--glass-x) var(--glass-y),#ffffff85,transparent 72%);
  opacity:.28;transition:opacity var(--t) ease;transform:none;animation:none;
}
html[data-theme=light] body.inner :is(.ico,.app-nav .on .ico){background-color:var(--gold-2);filter:none}
html[data-theme=light] body.inner :is(.eyebrow,.big,.avatar,.acct,.kw,.timeline-kind,.card-question h3,.lunar-arrow,.app-nav button.on,.timeline-filters [aria-pressed=true],.entries-tabs [aria-selected=true],.chip.on,.chip[aria-pressed=true]){color:var(--text)}
html[data-theme=light] body.inner .btn:not(.ghost){color:#f5f2ea;border-color:#ffffff70;box-shadow:inset 0 1px 0 #ffffff66,0 8px 22px -12px #2a215080}
html[data-theme=light] body.inner .btn:not(.ghost) :is(span,.ico){color:#f5f2ea}
html[data-theme=light] body.inner .btn:not(.ghost) .ico{background-color:#f5f2ea}
html[data-theme=light] body.inner :is(.timeline-filters .chip,.entries-tabs button,.btn.ghost){background:var(--glass-bg);background-color:var(--glass-base);box-shadow:inset 0 1px 0 #ffffffb3;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=light] body.inner :is(.timeline-filters [aria-pressed=true],.entries-tabs [aria-selected=true]){background:#e7e0f5;border-color:var(--text)}
html[data-theme=light] body.inner .app-nav button.on{background:linear-gradient(135deg,#2a215020,#2a21500a);box-shadow:inset 0 1px 0 #fff9}
html[data-theme=light] body.inner .compact-brand .mark{filter:none}
html[data-theme=light] body.inner .compact-brand .moon-img{animation:none}
html[data-theme=light] body.inner .wpane .msg.err{color:var(--text)!important;background:#e9e2f4;border-inline-start:3px solid #8272b4;padding:12px 16px;border-radius:var(--r-s)}
html[data-theme=light] body.inner .danger-zone .warn{color:var(--text);background:#e9e2f4;padding-inline:14px}
html[data-theme=light] body.inner .bar{background:#2a215014}
html[data-theme=light] body.inner .bar i{background:linear-gradient(90deg,#2a2150,#8272b4)}
@media(hover:hover) and (pointer:fine){
  html[data-theme=light] body.inner :is(.wid,.app-nav,.rem-summary,.acct,.wg-x,#home-sky .moonline,.timeline-entry,.profile-summary,.wish-card):hover::after{opacity:.72}
  html[data-theme=light] body.inner :is(.wid,.rem-summary):hover{box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #2a21501c,0 18px 36px -18px #2a215057}
  html[data-theme=light] body.inner :is(.text-action,.back):hover{color:var(--text)}
}
@media(prefers-reduced-motion:reduce){
  :is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .rem-summary){transition:none}
  :is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .rem-summary):is(:hover,:active){transform:none}
  :is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .app-nav,body.inner .rem-summary,body.inner .acct,body.inner .wg-x,body.inner #home-sky .moonline)::after{display:none}
}
@media(prefers-reduced-transparency:reduce){
  :is(#v-hello .welcome-primary,body.inner .wid,body.inner body.inner .app-nav,body.inner .rem-summary,body.inner .acct,body.inner .wg-x,body.inner #home-sky .moonline){background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme=light] body.inner :is(.wid,.app-nav,.rem-summary,.acct,.wg-x,#home-sky .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card)::after{display:none}
}
@media(prefers-reduced-transparency:reduce){
  html[data-theme=light] body.inner :is(.wid,.app-nav,.rem-summary,.acct,.wg-x,#home-sky .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card){background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* The account status dot lives outside the avatar and must not be clipped by the glass. */
html[data-theme] body.inner #h-acct{overflow:visible}
html[data-theme] body.inner #h-acct::after{inset:0;clip-path:circle(50%)}

/* Restored prompts stay readable; history separates questions from daily cards. */
body.inner .card-question{margin:28px 0;padding:0}
body.inner .card-question h3{color:var(--gold-2);font-size:18px;margin-bottom:10px}
body.inner .entries-tabs{margin:0 0 24px;display:flex;flex-wrap:wrap;gap:6px;background:none}
body.inner .entries-tabs button{flex:1 1 auto;min-height:48px;white-space:normal;padding:10px 14px;border:1px solid var(--line)}
body.inner .entries-tabs [aria-selected=true]{background:var(--selected);border-color:var(--gold);color:var(--gold-2)}
body.inner #entries-more{margin-top:24px;width:100%}

/* Restored shortcuts and progress use the same materials in both themes. */
body.inner .forecast-bars{display:grid;gap:12px;margin:28px 0}
body.inner .forecast-bars .barrow{margin:0;gap:12px}
body.inner .forecast-bars .l{flex:0 0 100px;color:var(--text);font-size:16px}
body.inner .forecast-bars .v{flex:0 0 42px;color:var(--text);font-size:16px;font-weight:600}
body.inner .practice-ideas{margin:18px 0}
body.inner .practice-ideas summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:17px;font-weight:600;color:var(--gold-2)}
body.inner .practice-ideas .chips{margin:12px 0}
body.inner .ask-quick-dates{margin:0 0 24px}
body.inner .hd::before{border-color:var(--control-border)}
body.inner .hd.planned:not(.on)::before{background:var(--selected)}
body.inner .hd.rest:not(.on)::before{border-style:dashed;opacity:.5;box-shadow:none}
body.inner .hd.on::before{background:var(--gold);border-color:var(--gold)}
body.inner .habit-calendar-key{font-size:15px!important;color:var(--muted);margin:14px 0}

/* ── Аккаунт: экран настроек. Шапка компактная, профиль в одну строку, каждая группа — одна стеклянная панель
   с рядами по 64px и тонкими разделителями; «Управление аккаунтом» — такая же группа. Ряды не «взлетают» при наведении,
   а подсвечиваются; раскрытие «Данных для расчётов» и вход на экран — по общему ритму движения (--t, --sp) ── */
/* на телефоне — столбик: профиль, приложение, помощь, управление аккаунтом (последним — там удаление); колонки из разметки не участвуют */
#v-account .account-layout{display:flex;flex-direction:column;gap:28px;margin-top:6px}   /* сразу после логотипа: заголовка и «назад» на экране нет, назад — вкладка «Сегодня» */
#v-account .account-col{display:contents}
#ag-profile{order:1}#ag-app{order:2}#ag-help{order:3}#ag-manage{order:4}
/* профиль */
body.inner #v-account .profile-summary{padding:20px}
#v-account .profile-head{display:flex;align-items:center;gap:16px}
body.inner #v-account .avatar{width:64px;height:64px;flex:0 0 64px;font-size:26px;font-weight:600}
#v-account .profile-id{min-width:0;flex:1}
body.inner #v-account .profile-summary h2{margin:0;font-size:22px;line-height:1.2;overflow-wrap:anywhere}
body.inner #v-account #profile-summary{margin:4px 0 0;font-size:15px;line-height:1.5}
#v-account .profile-actions{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:10px}
#ac-photo-actions{display:contents}
body.inner #v-account .profile-actions .text-action{min-height:40px;padding:6px 0;font-size:16px;font-weight:600;color:var(--gold-2)}
body.inner #v-account .profile-actions .text-action.secondary{font-weight:500;color:var(--muted)}
#v-account .profile-note{margin:-2px 0 0;font-size:14px;line-height:1.5;color:var(--faint)}
#v-account .profile-note[hidden]{display:none}
/* группы */
body.inner #v-account .account-group{margin-top:0}
body.inner #v-account .account-group>h2{margin:0 0 10px 2px;font-size:18px;line-height:1.3}
#v-account .profile-block>h2{display:none}
body.inner #v-account :is(.compact-links,.rows){display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;overflow:hidden;border-radius:var(--r-xl);background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);border:1px solid transparent;box-shadow:var(--moon-shadow)}
body.inner #v-account :is(.compact-links .wid,.rowbtn){position:relative;overflow:visible;display:grid;grid-template-columns:22px minmax(0,1fr) 14px;column-gap:14px;row-gap:2px;align-items:center;width:100%;min-height:64px;margin:0;padding:12px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;transform:none;color:var(--text);font-size:17px;text-align:left;transition:background-color var(--t-fast) ease}
body.inner #v-account :is(.compact-links .wid,.rowbtn):last-child{border-bottom:0}
body.inner #v-account :is(.compact-links .wid,.rowbtn)::before,body.inner #v-account :is(.compact-links .wid,.rowbtn)::after{display:none}
body.inner #v-account :is(.compact-links .wid,.rowbtn):active{background:var(--selected);transform:none;box-shadow:none}
body.inner #v-account :is(.compact-links .wid,.rowbtn) .ico{width:22px;height:22px;margin:0;grid-row:1/span 2;background-color:var(--gold-2);filter:none}
body.inner #v-account .compact-links .wid b{grid-column:2;padding:0;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
body.inner #v-account .compact-links .wid>span:not(.dot):not(.destination-arrow){grid-column:2;font-size:14px;line-height:1.45;font-weight:500;color:var(--muted)}
body.inner #v-account .compact-links .wid>span.destination-arrow{position:static;grid-column:3;grid-row:1/span 2;align-self:center;justify-self:end;font-size:20px;line-height:1;color:var(--gold-2);opacity:.7}
body.inner #v-account .compact-links .wid .dot{position:absolute;right:44px;top:50%;margin-top:-4px;box-shadow:0 0 0 3px var(--glass-base)}
body.inner #v-account .rowbtn{font-weight:600;letter-spacing:-.01em}
body.inner #v-account .rowbtn .ico{grid-row:auto}
body.inner #v-account .rowbtn.warn{margin:0;color:var(--warn)}
body.inner #v-account .rowbtn.warn .ico{background-color:var(--warn)}
html[data-theme=light] body.inner #v-account .danger-zone .warn{background:none;padding-inline:18px;color:var(--warn)}
body.inner #v-account .danger-zone{padding-top:0;border-top:0}
@media(hover:hover) and (pointer:fine){
  body.inner #v-account :is(.compact-links .wid,.rowbtn):hover{background:var(--selected);border-bottom-color:var(--line);box-shadow:none;transform:none}
  body.inner #v-account :is(.compact-links .wid,.rowbtn):hover .destination-arrow{opacity:1}
}
@media(min-width:900px){
  #v-account .account-group .compact-links,#v-account .rows{grid-template-columns:1fr;column-gap:0;gap:0;margin-top:0}
  /* две колонки одной высоты: слева Профиль и Управление аккаунтом, справа Приложение и Помощь. Верх, низ и края
     совпадают; в более короткой колонке нижняя панель дотягивается до общей линии — её ряды делят лишние пиксели поровну */
  #v-account .account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:stretch;margin-top:2px}
  body.inner:has(#v-account.on) .wrap{padding-top:32px}   /* четыре панели целиком над навигацией на экране 900px высотой */
  body.inner #v-account :is(.compact-links .wid,.rowbtn){padding-top:11px;padding-bottom:11px}
  #v-account .account-col{display:flex;flex-direction:column;gap:28px;min-width:0}
  #v-account .account-col>.account-group:last-child{flex:1;display:flex;flex-direction:column}
  body.inner #v-account .account-col>.account-group:last-child>:is(.compact-links,.rows){flex:1;grid-auto-rows:minmax(64px,1fr)}
  #v-account .profile-block>h2{display:block}
}

/* каталог инструментов: подписи разделов золотой капителью, карточки как панели */
body.inner .wpane .tools-group h3{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
body.inner .tool-card{background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);border:1px solid transparent;box-shadow:var(--moon-shadow);border-radius:var(--r-l);padding:16px 18px}
body.inner .tool-card.on{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}
body.inner .wpane .tool-card p{font-size:15px;line-height:1.5;color:var(--muted);margin:4px 0 0}
body.inner .wpane .tool-card b{font-size:17px}

/* утро на «Сегодня»: вопрос с плитками-ответами, лента выбранного, остальное — маленькими квадратами */
body.inner .morning-picker{background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);border:1px solid transparent;box-shadow:var(--moon-shadow)}
body.inner .morning-picker h2{line-height:1.3;margin:0}
body.inner .morning-picker .chips{margin:0}
body.inner .mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.inner .mini-grid .wid,body.inner .mini-grid .moonline{min-height:98px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;margin:0;cursor:pointer;border-radius:var(--r-l);background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);border:1px solid transparent;box-shadow:var(--moon-shadow)}
body.inner .mini-grid .wid b,body.inner .mini-grid .moonline b{font-size:13px;line-height:1.25;padding:0;letter-spacing:0;font-weight:600}
body.inner .mini-grid .wid>span:not(.dot),body.inner .mini-grid .moonline small,body.inner .mini-grid .moonline .lunar-advice,body.inner .mini-grid .lunar-arrow,body.inner .mini-grid .wid>span.destination-arrow{display:none}
body.inner .mini-grid .wid .ico{width:22px;height:22px;margin:0}
body.inner .mini-grid .moonline .moon-sm{width:28px;height:28px;flex:0 0 28px}
body.inner .mini-grid .moonline .grow{flex:0 0 auto}
/* Сегодня — одна геометрия: шапка, вопрос утра, «Ваше утро» и квадраты стоят на одних левом и правом краях,
   плитки в ряду — одной высоты (общий верх и общий низ), поля внутри карточек одинаковые — 24px */
body.inner .morning-picker{padding:24px;border-radius:var(--r-xl)}
body.inner .morning-picker h2{font-size:20px}
body.inner .morning-picker #morning-q~.hint{margin:6px 0 14px;font-size:14px;line-height:1.5}   /* сильнее общего правила .hint с #profile-summary в :is() */
body.inner .morning-picker .chips{padding-bottom:0}
body.inner #morning-feed{align-items:stretch;gap:14px}
body.inner #morning-feed>*{margin:0;max-width:none;min-height:150px}
/* плитка ленты: колонка под иконку такая же, как под луну, — текст во всех плитках начинается с одной линии;
   заголовок и подпись держатся вместе по центру, а не расползаются по высоте */
body.inner #morning-feed .wid{padding:24px;grid-template-columns:50px minmax(0,1fr) 18px;column-gap:14px;align-content:start;align-items:start;row-gap:4px}   /* заголовки соседних плиток — на одной линии */
body.inner #morning-feed .wid .ico{justify-self:center}
body.inner #morning-feed .wid b{font-size:18px;line-height:1.45}
body.inner #morning-feed .wid>span:not(.dot):not(.destination-arrow){font-size:16px;line-height:1.55;color:var(--text)}
body.inner #home-sky .moonline{margin:0;padding:24px;gap:14px;align-items:flex-start}
body.inner #home-sky .moonline .grow{min-width:0}
body.inner #home-sky .moonline :is(b,.lunar-advice){font-size:18px;line-height:1.45}
body.inner #home-sky .moonline .lunar-advice{font-size:16px;line-height:1.55}
body.inner #home-sky .moonline .lunar-arrow{display:none}   /* стрелки — только у строк-переходов; плитки утра — контент */
html[data-theme=light] body.inner #home-sky .moonline .lunar-advice{color:var(--muted)}   /* в светлой теме подписи всех плиток ряда — одним цветом */
body.inner .mini-grid{grid-auto-rows:1fr;gap:14px}
body.inner .mini-grid .wid,body.inner .mini-grid .moonline{min-height:104px;height:100%;padding:16px 10px;border-radius:var(--r-xl)}
/* квадрат Луны — тот же материал, что у соседей, без отступов-пережитков и с подписью тем же кеглем */
body.inner #morning-more .moonline{margin:0;max-width:none;background:var(--glass-bg);border:1px solid transparent;box-shadow:var(--glass-shadow)}
body.inner .mini-grid .moonline .grow{font-size:13px;line-height:1.25}
body.inner .mini-grid .moonline b{font-size:13px}
/* на телефоне четыре или два оставшихся квадрата — ровными рядами, а не 3 + 1 (число квадратов ставит paintMorning) */
body.inner .mini-grid[data-count="4"],body.inner .mini-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
body.inner .mini-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){
  body.inner .mini-grid,body.inner .mini-grid[data-count="4"],body.inner .mini-grid[data-count="2"],body.inner .mini-grid[data-count="1"]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px}   /* сколько бы ни осталось — ряд от края до края */
  body.inner #morning-feed{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;column-gap:24px;row-gap:24px}
  body.inner #morning-feed>:last-child:nth-child(odd){grid-column:1/-1}   /* нечётная последняя — во всю ширину, без пустого угла */
}
/* строка над настроем: тема дня и её источник */
body.inner #h-theme{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
body.inner #h-theme[hidden]{display:none}
/* свёрнутый вопрос утра — одна строка; развёрнутый — с «Готово» и пустым состоянием */
body.inner .morning-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:2px;align-items:center;width:100%;text-align:left;padding:16px 24px;border-radius:var(--r-xl);background:var(--glass-bg);border:1px solid transparent;box-shadow:var(--glass-shadow);color:var(--text);font:inherit;cursor:pointer}
body.inner .morning-summary .eyebrow{grid-column:1;margin:0;font-size:12px}
body.inner .morning-summary b{grid-column:1;font-size:16px;font-weight:600;line-height:1.4}
body.inner .morning-summary .text-action{grid-column:2;grid-row:1/span 2;min-height:0;padding:0;pointer-events:none}
body.inner .morning-summary[hidden]{display:none}
body.inner .picker-actions{display:flex;justify-content:flex-end;margin-top:6px}
body.inner .picker-actions:empty{display:none}
body.inner #morning-empty{margin:10px 0 0}
/* вечером и по воскресеньям — тихие строки под сетками */
body.inner .home-later{display:grid;gap:10px;margin-top:24px}
body.inner .later-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:2px;align-items:center;width:100%;text-align:left;padding:14px 24px;border-radius:var(--r-xl);background:var(--glass-bg);border:1px solid transparent;box-shadow:var(--glass-shadow);color:var(--text);font:inherit;cursor:pointer}
body.inner .later-row .eyebrow{grid-column:1;margin:0;font-size:12px}
body.inner .later-row b{grid-column:1;font-size:16px;font-weight:600;line-height:1.4}
body.inner .later-row .later-go{grid-column:2;grid-row:1/span 2;color:var(--gold-2);font-size:14px}
/* пришли из утреннего уведомления — первая плитка на секунду подсвечена */
body.inner .from-push{box-shadow:var(--glass-shadow),0 0 0 2px var(--gold);transition:box-shadow .6s ease}
/* без связи — строка под шапкой */
body.inner .offline-note{margin:0 0 14px;font-size:13px}
/* плитка Луны: в ленте — фаза и лунный день, в квадрате — «Луна» и та же фаза строкой значения */
body.inner #home-sky .moonline .moon-title{display:none}
body.inner .mini-grid .moonline .moon-title{display:block}
body.inner .mini-grid .moonline #h-moon{display:none}
/* на десктопе квадраты показывают сегодняшнее значение: имя карты, руну, событие неба, тон дня, вопрос */
@media(min-width:900px){
  body.inner .mini-grid .wid>span:not(.dot):not(.destination-arrow),body.inner .mini-grid .moonline #h-moon{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.35;color:var(--muted);font-weight:500;padding:0;text-align:center}
  body.inner .mini-grid .wid,body.inner .mini-grid .moonline{padding:16px 12px;gap:6px}
}
/* шапка: кружок аккаунта на одной линии с вордмарком на любой ширине */
body.inner #v-home .row.hdr{align-items:flex-start}
body.inner #v-home #h-acct{margin-top:6px}
/* низ страницы: один отступ под навигацию вместо двух (76 + 112) */
body.inner{padding-bottom:0}
body.inner .wrap{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
@media(max-width:599px){
  /* настрой на телефоне — три строки, а не четыре: луна чуть меньше, кегль по ширине экрана */
  .home-intro{grid-template-columns:minmax(0,1fr) clamp(82px,24vw,100px);gap:12px}
  body.inner .home-intro #h-wish{font-size:clamp(24px,7vw,27px)}
}

/* карточка дня в Дневнике: ячейки-вопросы, настроение чипами, привычки и аскеза строками */
body.inner .day-card{padding:20px;border-radius:var(--r-l);background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);border:1px solid transparent;box-shadow:var(--moon-shadow);margin-top:18px}
body.inner .day-card h2{font-size:22px;margin:4px 0 14px}
body.inner .day-card .field{margin-top:14px}
body.inner .day-card .field label{font-size:15px;font-weight:600;line-height:1.4;color:var(--text);margin-bottom:6px}
body.inner .day-card .field label span{font-weight:500;color:var(--muted)}
body.inner .day-card textarea{min-height:56px;font-size:16px}
body.inner .dc-block{margin-top:18px}
body.inner .dc-block.empty{display:none}
body.inner .dc-label{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
body.inner .dc-own{margin-top:8px}
body.inner .dc-own input{font-size:15px}
body.inner .dc-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:16px}
body.inner .dc-row:first-child{border-top:0}
body.inner .dc-row .grow{min-width:0}
body.inner .dc-row small{display:block;font-size:13px;color:var(--muted)}
body.inner .dc-check{width:26px;height:26px;flex:0 0 26px;border-radius:8px;border:1px solid var(--control-border);background:transparent;color:var(--text);font:inherit;font-size:15px;cursor:pointer}
body.inner .dc-check[aria-pressed=true]{background:var(--selected);border-color:var(--gold)}
body.inner .dc-ask{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
body.inner .dc-ask:first-child{border-top:0}
body.inner .dc-ask .grow{flex:1 1 100%}
body.inner .dc-ask input{font-size:15px}
body.inner .day-card .answer-actions{margin-top:18px}
body.inner #dc-state:empty{display:none}
body.inner .dc-prompts{margin-top:8px;min-width:0;max-width:100%}
/* ячейка — грид: ряд подсказок с прокруткой не должен раздвигать колонку до своей полной ширины */
body.inner .day-card .field{grid-template-columns:minmax(0,1fr)}
body.inner .dc-prompts .chips{width:100%}
body.inner .dc-prompts .chip{font-size:13px;padding:6px 12px}
body.inner .dc-prompts .hint{margin-top:6px;font-size:12px}
/* под настроем на «Сегодня»: сохранить открыткой на экран, поделиться */
body.inner .hero-actions{display:flex;flex-wrap:wrap;gap:4px 18px;margin:6px 0 0 -4px;padding-top:0;border:0;justify-content:flex-start}   /* текст кнопок — по левому краю настроя */
body.inner .hero-actions .text-action{font-size:14px}
body.inner .hero-actions:empty{display:none}
/* на телефоне обе кнопки в одну строку рядом с луной */
@media(max-width:599px){body.inner .hero-actions{gap:2px 12px}body.inner .hero-actions .ico{display:none}}
/* «Моя неделя: про что она» — по воскресеньям плитка сверху Дневника, внутри — пять частей карточками */
body.inner .week-top{display:block;width:100%;text-align:left;margin-top:18px;padding:18px 20px;border-radius:var(--r-l);background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);border:1px solid transparent;box-shadow:var(--moon-shadow);color:var(--text);font:inherit;cursor:pointer}
body.inner .week-top b{display:block;font-size:19px;font-weight:600;margin:4px 0 2px}
body.inner .week-top .hint{margin:0}
body.inner .week-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
body.inner .week-nav .eyebrow{margin:0}
body.inner .week-part{margin-bottom:12px}
body.inner .week-part h3{font-size:18px;margin:0 0 6px}
body.inner .week-part .hint{margin-top:6px}
body.inner .week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:10px 0 4px}
body.inner .week-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
body.inner .week-col.future{opacity:.35}
body.inner .week-dow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body.inner .week-mood-list p{margin:6px 0 0;font-size:15px;line-height:1.45}
body.inner .week-mood-list b{display:inline-block;min-width:34px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
body.inner .week-quote{margin:10px 0 0;padding:10px 14px;border-left:2px solid var(--gold);background:var(--moon-reader);border-radius:0 12px 12px 0}
body.inner .week-quote small{display:block;font-size:12px;color:var(--muted)}
body.inner .week-quote p{margin:4px 0 0;white-space:pre-wrap;font-size:15px;line-height:1.45}
body.inner .week-echo{padding:12px 0;border-top:1px solid var(--line)}
body.inner .week-echo:first-of-type{border-top:0}
body.inner .week-echo small{display:block;font-size:12px;color:var(--muted)}
body.inner .week-echo p{margin:4px 0;font-size:15px;line-height:1.45}
body.inner .week-when{display:inline-block;min-width:64px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
body.inner .week-echo .chips{margin-top:8px}
body.inner .week-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
body.inner .week-row:first-of-type{border-top:0}
body.inner .week-row .grow{min-width:0}
body.inner .week-row small{display:block;font-size:13px;color:var(--muted)}
body.inner .week-dots{display:flex;gap:5px;flex:0 0 auto}
body.inner .week-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--control-border);background:transparent}
body.inner .week-dot.done{background:var(--gold);border-color:var(--gold)}
body.inner .week-dot.due{border-style:dashed}
body.inner .week-dot.missed{background:var(--line);border-color:transparent}
body.inner .week-dot.none{opacity:.25}
body.inner .week-phrase{margin-top:12px;font-style:italic}
body.inner #wk-reflect-state:empty{display:none}
/* лента по дням: день — одна карточка, записи внутри разделены линиями */
body.inner .day-entry{background:var(--moon-reader);border:1px solid var(--line);border-radius:var(--r-l);padding:6px 22px;margin-bottom:16px;box-shadow:inset 0 1px 0 #fff2d20a}
body.inner .day-entry .timeline-day{margin:12px 0 4px;font-size:15px;font-weight:600;color:var(--text)}
body.inner .day-entry .timeline-entry{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 0;margin:0;box-shadow:none}
body.inner .day-entry .timeline-entry:first-of-type{border-top:0}
body.inner .day-entry .timeline-kind{font-size:12px;letter-spacing:.06em;text-transform:uppercase}

/* ═══════════════ Каркас на телефоне и плоский материал светлой темы (ревью 17.09) ═══════════════
   Порядок важен: блок стоит последним и намеренно повторяет специфичность блока «стекла» (:is() с #home-sky …),
   чтобы победить его порядком, а не ещё большим весом. Тёмная тема меняется только там, где сказано «обе темы». */

/* ── Строки-переходы (обе темы): иконка · заголовок · подпись в одну строку · «›», один контейнер с разделителями —
      тот же формат, что в Аккаунте; списки «Обо мне», способы «Свериться», «Инструменты» Дневника ── */
body.inner .wids.list-rows{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;overflow:hidden;border-radius:var(--r-xl);background:var(--moon-panel) padding-box,var(--moon-edge) border-box;background-color:var(--glass-base);border:1px solid transparent;box-shadow:var(--moon-shadow)}
body.inner .feature-group>.wids.list-rows{margin-top:12px}
body.inner .wids.list-rows+.wids.list-rows{margin-top:14px}
body.inner .list-rows .wid{position:relative;overflow:visible;display:grid;grid-template-columns:24px minmax(0,1fr) 14px;column-gap:14px;row-gap:2px;align-items:center;width:100%;min-height:64px;margin:0;padding:12px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;transform:none;color:var(--text);text-align:left}
body.inner .list-rows .wid:last-child{border-bottom:0}
body.inner .list-rows .wid::before,body.inner .list-rows .wid::after{display:none}
body.inner .list-rows .wid:active{background:var(--selected);transform:none;box-shadow:none}
body.inner .list-rows .wid .ico{width:24px;height:24px;margin:0;grid-row:1/span 2;background-color:var(--gold-2);filter:none}
body.inner .list-rows .wid b{grid-column:2;padding:0;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
body.inner .list-rows .wid>span:not(.dot):not(.destination-arrow){grid-column:2;font-size:14px;line-height:1.45;font-weight:500;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body.inner .list-rows .wid>span.destination-arrow{position:static;grid-column:3;grid-row:1/span 2;align-self:center;justify-self:end;font-size:20px;line-height:1;color:var(--gold-2);opacity:.7}
@media(hover:hover) and (pointer:fine){body.inner .list-rows .wid:hover{background:var(--selected);box-shadow:none;transform:none}}
@media(min-width:900px){body.inner .method-grid.list-rows{grid-template-columns:1fr}}

/* ── Нижняя навигация (обе темы): 60px + safe-area один раз, иконки 24, подпись 11px (у «Свериться с собой» две строки),
      активный пункт — цветом, без заливки ── */
html[data-theme] body.inner .app-nav{height:auto;padding:6px 6px;gap:2px;width:min(470px,calc(100% - 16px));grid-template-columns:1fr 1fr 1.5fr 1fr}   /* «Свериться с собой» — колонка шире, подпись в одну строку */
html[data-theme] body.inner .app-nav button{min-height:50px;padding:3px 2px 2px;gap:3px;justify-content:center;font-size:11px;line-height:1.15;font-weight:600;color:var(--muted);border-radius:var(--r-m)}
html[data-theme] body.inner .app-nav .ico{width:24px;height:24px}
html[data-theme] body.inner .app-nav button.on{background:none;box-shadow:none;color:var(--gold-2)}
html[data-theme] body.inner .app-nav button.on .ico{background-color:var(--gold-2)}
/* низ страницы = навигация (62) + зазор (8) + воздух (18); фокус в поле не уводит его под плашку */
body.inner .wrap{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
html:has(body.inner){scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}
body.inner textarea{scroll-margin-block:110px 130px}
/* кнопка «Запомнить этот день» — липкая НАД навигацией */
body.inner .day-card .answer-actions{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:9;padding:8px 0 4px;background:var(--glass-base);border-radius:12px}

/* ── Шапка вкладок: заголовок 28px + тихая подпись + аватар в той же строке; вордмарк — только на «Сегодня» ── */
body.inner:not(:has(#v-home.on)) .section-brand{display:none}
body.inner:has(:is(#v-ask,#v-history,#v-about).on) .section-head{height:0;margin:0}
body.inner:has(:is(#v-ask,#v-history,#v-about).on) .section-acct{position:absolute;top:calc(30px + env(safe-area-inset-top));right:22px;margin:0;width:40px;height:40px;z-index:3}
@media(max-width:370px){body.inner:has(:is(#v-ask,#v-history,#v-about).on) .section-acct{right:16px}}
@media(min-width:600px){body.inner:has(:is(#v-ask,#v-history,#v-about).on) .section-acct{right:32px}}
@media(min-width:900px){body.inner:has(:is(#v-ask,#v-history,#v-about).on) .section-acct{right:48px}}
body.inner :is(#v-ask,#v-history,#v-about)>h1{font-size:28px;line-height:1.2;margin:0 56px 0 0;padding-top:2px}
body.inner :is(#v-ask,#v-history,#v-about)>h1+.section-caption,body.inner #v-about>.section-caption{margin:4px 56px 0 0;font-size:14px;line-height:1.45;font-weight:500;color:var(--muted)}
body.inner :is(#v-ask,#v-history,#v-about)>h1+*:not(.section-caption),body.inner :is(#v-ask,#v-history,#v-about)>.section-caption+*{margin-top:18px}
body.inner #v-home .compact-brand{font-size:32px;line-height:1.25}
body.inner #v-home .hdr{margin-bottom:0}

/* ── Единые размеры контролов (обе темы): чипы 36px/13px, кнопки, текстовые действия ── */
html[data-theme] body.inner :is(.chip,.chips .chip,.chips.flow .chip,.timeline-filters .chip){min-height:36px;padding:7px 12px;font-size:13px;font-weight:500;line-height:1.35;border-radius:var(--r-pill);white-space:normal}
html[data-theme] body.inner .chips{gap:6px}
html[data-theme] body.inner .chips.flow{row-gap:6px}
html[data-theme] body.inner .chips:not(.flow){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:0}
html[data-theme] body.inner .chips:not(.flow)::-webkit-scrollbar{display:none}
html[data-theme] body.inner .chips:not(.flow) .chip{white-space:nowrap;flex:0 0 auto}
html[data-theme] body.inner .timeline-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
html[data-theme] body.inner .timeline-filters::-webkit-scrollbar{display:none}
html[data-theme] body.inner .timeline-filters .chip{white-space:nowrap;flex:0 0 auto}
html[data-theme] body.inner .btn{min-height:52px;font-size:16px;font-weight:600}
html[data-theme] body.inner .btn.sm{min-height:40px;padding:0 14px;font-size:14px}
html[data-theme] body.inner .text-action{min-height:40px;padding:6px 0;font-size:15px;font-weight:500}
html[data-theme] body.inner .text-action.secondary{color:var(--muted)}

/* ── Секции и типографика на телефоне: семь ступеней кегля, стык блоков 28px ── */
body.inner :is(.feature-group,.account-group){margin-top:28px}
body.inner :is(.feature-group,.account-group)>h2{font-size:17px;line-height:1.35;letter-spacing:-.01em}
body.inner :is(.feature-group,.account-group)>.wids{margin-top:12px}
body.inner .diary-more{margin:10px 0 0}
body.inner .diary-more .text-action{min-height:36px}
/* надзаголовки обычным регистром — капитель золотом остаётся только у темы дня над настроем */
body.inner :is(.morning-summary,.later-row,.week-top) .eyebrow{text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;color:var(--muted)}
body.inner .dc-label{text-transform:none;letter-spacing:0;font-size:15px;font-weight:600;color:var(--text)}
@media(max-width:599px){
  body.inner{font-size:17px}
  body.inner .wid b{font-size:18px}
  body.inner .wid>span:not(.dot):not(.destination-arrow){font-size:15px;line-height:1.5}
  body.inner .day-card .field{margin:12px 0 0;gap:6px}
  body.inner .day-card .field label{font-size:15px;line-height:1.4}
  body.inner .day-card textarea{min-height:48px;padding:12px 14px}
  body.inner .day-card h2{font-size:22px;margin:2px 0 10px}
  body.inner .dc-block{margin-top:16px}
  body.inner .dc-prompts{margin-top:8px}
  body.inner .morning-summary{padding:12px 18px}
  body.inner .morning-summary b{font-size:15px}
  body.inner .later-row{padding:12px 18px}
  body.inner .later-row b{font-size:15px}
  body.inner .question-entry .wid{min-height:0;padding:20px}
  .home-intro{padding:12px 0 18px}
}

/* ── Светлая тема: плоский материал. Специфичность (1,3,2) — та же, что у «Daylight glass» выше, позже в файле → побеждает ── */
html[data-theme=light] body.inner :is(.wid,.morning-summary,.later-row,.rem-summary,.acct,.wg-x,#home-sky .moonline,#morning-more .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card){
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--glass-shadow)}
html[data-theme=light] body.inner :is(.wid,.morning-summary,.later-row,.rem-summary,.acct,.wg-x,#home-sky .moonline,#morning-more .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card)::before,
html[data-theme=light] body.inner :is(.wid,.morning-summary,.later-row,.rem-summary,.acct,.wg-x,#home-sky .moonline,#morning-more .moonline,.timeline-entry,.timeline-empty,.profile-summary,.wish-card)::after{content:none}
html[data-theme=light] body.inner :is(.list-rows .wid,#v-account .compact-links .wid,#v-account .rowbtn){background:none;border:0;border-bottom:1px solid var(--line);box-shadow:none}
html[data-theme=light] body.inner :is(.list-rows .wid,#v-account .compact-links .wid,#v-account .rowbtn):last-child{border-bottom:0}
html[data-theme=light] body.inner :is(.wids.list-rows,.card.morning-picker,.day-card,.week-top,.tool-card,#v-account .compact-links,#v-account .rows){background:var(--surface);border:1px solid var(--line);box-shadow:var(--glass-shadow)}
html[data-theme=light] body.inner .day-entry{background:var(--surface);border:1px solid var(--line);box-shadow:none}
@media(hover:hover) and (pointer:fine){
  html[data-theme=light] body.inner :is(.wid,.rem-summary,#home-sky .moonline,#morning-more .moonline):hover{background:var(--surface);border-color:var(--control-border);box-shadow:var(--glass-shadow);transform:none}
  html[data-theme=light] body.inner .list-rows .wid:hover{background:var(--selected);border-color:var(--line)}
}
html[data-theme=light] body.inner :is(.wid,.rem-summary,#home-sky .moonline,#morning-more .moonline):active{transform:scale(.985)}
html[data-theme=light] body.inner .app-nav{background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 6px 24px -12px rgba(42,33,80,.22)}
html[data-theme=light] body.inner .btn:not(.ghost){background:#2a2150;color:#fff;border:0;box-shadow:none}
html[data-theme=light] body.inner .btn.ghost{background:transparent;border:1px solid var(--control-border);color:var(--text);box-shadow:none}
html[data-theme=light] body.inner :is(.chip,.timeline-filters .chip,.entries-tabs button){background:transparent;border:1px solid var(--line);color:var(--text);box-shadow:none}
html[data-theme=light] body.inner :is(.chip.on,.chip[aria-pressed=true],.timeline-filters [aria-pressed=true],.entries-tabs [aria-selected=true]){background:var(--selected);border-color:transparent;color:var(--text)}
html[data-theme=light] body.inner .acct{background:var(--surface)}
/* «Сегодня» на телефоне: тема и настрой — слева от луны, действия с открыткой — строкой на всю ширину под ними */
@media(max-width:599px){
  .home-intro{grid-template-areas:"theme moon" "wish moon" "actions actions";grid-template-rows:auto auto auto;align-items:center}
  body.inner .home-intro .daily-statement{display:contents}
  body.inner #h-theme{grid-area:theme;align-self:end;font-size:11px;letter-spacing:.08em}
  body.inner .home-intro #h-wish{grid-area:wish;align-self:start}
  .home-moon{grid-area:moon}
  body.inner .hero-actions{grid-area:actions;margin:4px 0 0 -4px;gap:2px 16px}
  body.inner .hero-actions .text-action{min-height:36px;font-size:14px}
}