/* ═══════ ТЕМЫ ═══════ */
html[data-theme="clay"][data-mode="light"]{
  --bg:#F2F0E9;--bg2:#FFFFFF;--bg3:#E9E6DC;--line:#DAD5C8;--line2:#EBE8DE;
  --tx:#1F1E1C;--tx2:#6B665E;--tx3:#9B958B;
  --acc:#B85C38;--acc-rgb:184,92,56;--acc-on:#FFFFFF;--acc-soft:rgba(184,92,56,.10);
  --now:#D0342C;--sh:0 1px 2px rgba(60,50,40,.07),0 10px 30px rgba(60,50,40,.09);
}
html[data-theme="clay"][data-mode="dark"]{
  --bg:#17150F;--bg2:#211E17;--bg3:#2A261E;--line:#332E24;--line2:#262219;
  --tx:#F0EDE4;--tx2:#A79F92;--tx3:#756E62;
  --acc:#D97757;--acc-rgb:217,119,87;--acc-on:#1A100B;--acc-soft:rgba(217,119,87,.13);
  --now:#E5695E;--sh:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.4);
}
html[data-theme="calm"][data-mode="light"]{
  --bg:#F3F6F2;--bg2:#FFFFFF;--bg3:#E7EDE7;--line:#D5E0D6;--line2:#E9EFE9;
  --tx:#16211B;--tx2:#5E6E64;--tx3:#93A199;
  --acc:#3E7D5C;--acc-rgb:62,125,92;--acc-on:#FFFFFF;--acc-soft:rgba(62,125,92,.10);
  --now:#C7513F;--sh:0 1px 2px rgba(30,50,40,.06),0 10px 30px rgba(30,50,40,.08);
}
html[data-theme="calm"][data-mode="dark"]{
  --bg:#0E1512;--bg2:#161E19;--bg3:#1D2721;--line:#26302A;--line2:#1B231E;
  --tx:#E9F0EA;--tx2:#93A49A;--tx3:#66756C;
  --acc:#79B899;--acc-rgb:121,184,153;--acc-on:#07110C;--acc-soft:rgba(121,184,153,.13);
  --now:#E0736A;--sh:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.42);
}
html[data-theme="ink"][data-mode="light"]{
  --bg:#F6F8FB;--bg2:#FFFFFF;--bg3:#EBEFF5;--line:#D8DFE9;--line2:#EDF1F6;
  --tx:#101418;--tx2:#5B6673;--tx3:#8F99A6;
  --acc:#2F6FEB;--acc-rgb:47,111,235;--acc-on:#FFFFFF;--acc-soft:rgba(47,111,235,.09);
  --now:#E23D2E;--sh:0 1px 2px rgba(20,30,50,.06),0 10px 30px rgba(20,30,50,.08);
}
html[data-theme="ink"][data-mode="dark"]{
  --bg:#0B0E13;--bg2:#141922;--bg3:#1B222D;--line:#28313E;--line2:#181F29;
  --tx:#E7ECF4;--tx2:#98A3B3;--tx3:#68727F;
  --acc:#6EA8FE;--acc-rgb:110,168,254;--acc-on:#08101C;--acc-soft:rgba(110,168,254,.13);
  --now:#FF6B5E;--sh:0 1px 2px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.45);
}
html[data-theme="mono"][data-mode="light"]{
  --bg:#FAFAF9;--bg2:#FFFFFF;--bg3:#F0F0EF;--line:#E0E0DE;--line2:#F0F0EE;
  --tx:#141414;--tx2:#666663;--tx3:#9A9A96;
  --acc:#141414;--acc-rgb:20,20,20;--acc-on:#FFFFFF;--acc-soft:rgba(20,20,20,.06);
  --now:#C0392B;--sh:0 1px 2px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.07);
}
html[data-theme="mono"][data-mode="dark"]{
  --bg:#0D0D0D;--bg2:#161616;--bg3:#1F1F1F;--line:#2B2B2B;--line2:#1B1B1B;
  --tx:#F2F2F0;--tx2:#9A9A96;--tx3:#6A6A66;
  --acc:#F2F2F0;--acc-rgb:242,242,240;--acc-on:#0D0D0D;--acc-soft:rgba(242,242,240,.09);
  --now:#E5534B;--sh:0 1px 2px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.5);
}

/* ═══════ ШРИФТЫ ═══════ */
html{--f-sys:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif}
html[data-font="grotesk"]{--f-ui:"Schibsted Grotesk",var(--f-sys);--f-dis:"Schibsted Grotesk",var(--f-sys);--f-tr:-.011em}
html[data-font="serif"]{--f-ui:"Schibsted Grotesk",var(--f-sys);--f-dis:"Newsreader",Georgia,"Times New Roman",serif;--f-tr:-.008em}
html[data-font="system"]{--f-ui:var(--f-sys);--f-dis:var(--f-sys);--f-tr:-.01em}

:root{--hour-h:56px;--gut:52px;--colmin:0px;--cols:6;--r:14px;--r2:10px}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overscroll-behavior:none}
body{background:var(--bg);color:var(--tx);font:15px/1.5 var(--f-ui);letter-spacing:var(--f-tr);
  -webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100dvh;overflow:hidden}
button,input,select,textarea{font-family:inherit;letter-spacing:inherit}

/* ═══════ ШАПКА ═══════ */
.top{flex:0 0 auto;padding:calc(10px + env(safe-area-inset-top)) 14px 9px;border-bottom:1px solid var(--line);background:var(--bg);z-index:6}
.top .r1{display:flex;align-items:center;gap:10px}
.brand{font:600 17px/1.1 var(--f-dis);letter-spacing:-.01em;white-space:nowrap}
.brand em{font-style:normal;color:var(--tx3);font-weight:400}
.top .spacer{flex:1}
.rng{color:var(--tx2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .r2{display:flex;align-items:center;gap:8px;margin-top:9px}

.ib{background:var(--bg2);border:1px solid var(--line);color:var(--tx);border-radius:9px;
  padding:7px 10px;font:500 13px/1 var(--f-ui);cursor:pointer;transition:.12s;display:inline-flex;align-items:center;gap:6px}
.ib:hover{background:var(--bg3)}
.ib:active{transform:scale(.96)}
.ib.pri{background:var(--acc);color:var(--acc-on);border-color:transparent;font-weight:600}
.ib.icon{padding:7px 9px;min-width:34px;justify-content:center}
.seg{display:inline-flex;background:var(--bg3);border-radius:10px;padding:2px;gap:2px;border:1px solid var(--line)}
.seg button{background:none;border:0;color:var(--tx2);padding:6px 11px;border-radius:8px;font:500 12.5px/1 var(--f-ui);cursor:pointer;white-space:nowrap}
.seg button.on{background:var(--bg2);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.12);font-weight:600}

/* ═══════ ОСНОВНОЕ ═══════ */
main{flex:1;min-height:0;position:relative}
.pane{position:absolute;inset:0;display:none;flex-direction:column;min-height:0}
.pane.on{display:flex;animation:fade .18s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.scroll{overflow:auto;padding:14px 14px calc(96px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.wrap{max-width:960px;margin:0 auto}

/* ═══════ КАЛЕНДАРЬ ═══════ */
.calscroll{flex:1;min-height:0;overflow:auto;position:relative;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding-bottom:calc(80px + env(safe-area-inset-bottom))}
.cal{display:grid;grid-template-columns:var(--gut) 1fr;grid-template-rows:auto auto;position:relative;
  min-width:calc(var(--gut) + var(--cols) * var(--colmin))}
.corner{grid-area:1/1;position:sticky;top:0;left:0;z-index:7;background:var(--bg);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.heads{grid-area:1/2;position:sticky;top:0;z-index:6;background:var(--bg);display:grid;
  grid-template-columns:repeat(var(--cols),minmax(0,1fr));border-bottom:1px solid var(--line)}
.dh{padding:7px 4px 8px;text-align:center;cursor:pointer;border-left:1px solid var(--line2);user-select:none}
.dh:first-child{border-left:0}
.dh .dw{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--tx3);font-weight:600}
.dh .dn{font:600 19px/1.25 var(--f-dis);margin-top:2px;width:32px;height:32px;line-height:32px;border-radius:50%;display:inline-block}
.dh.today .dw{color:var(--acc)}
.dh.today .dn{background:var(--acc);color:var(--acc-on)}
.dh.sun .dw,.dh.sun .dn{color:var(--tx3)}

.gutter{grid-area:2/1;position:sticky;left:0;z-index:5;background:var(--bg);border-right:1px solid var(--line);position:relative}
.gutter span{position:absolute;right:7px;font-size:10.5px;color:var(--tx3);transform:translateY(-6px);font-variant-numeric:tabular-nums}
.cols{grid-area:2/2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));position:relative;
  background-image:
    repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px var(--hour-h)),
    repeating-linear-gradient(to bottom, transparent 0 calc(var(--hour-h)/2), var(--line2) calc(var(--hour-h)/2) calc(var(--hour-h)/2 + 1px), transparent calc(var(--hour-h)/2 + 1px) var(--hour-h));
  touch-action:pan-y}
.col{position:relative;border-left:1px solid var(--line2);min-width:0}
.col:first-child{border-left:0}
.col.sun{background:var(--acc-soft);opacity:.6}

.ev{position:absolute;border-radius:8px;padding:4px 7px;overflow:hidden;cursor:grab;
  background:rgba(var(--ev),.17);border:1px solid rgba(var(--ev),.34);border-left:3px solid rgb(var(--ev));
  color:var(--tx);transition:box-shadow .12s,opacity .12s;user-select:none;-webkit-user-select:none;z-index:1}
.ev:hover{box-shadow:var(--sh);z-index:2}
.ev.opt{background:rgba(var(--ev),.07);border-style:dashed;border-left-style:solid;border-left-color:rgba(var(--ev),.5);color:var(--tx2)}
.ev .ev-t{font:600 12.5px/1.3 var(--f-ui);word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ev.opt .ev-t{font-weight:500}
.ev .ev-s{font-size:10.5px;color:var(--tx3);margin-top:1px;font-variant-numeric:tabular-nums}
.ev.short{padding:2px 6px;display:flex;align-items:center;gap:5px}
.ev.short .ev-t{-webkit-line-clamp:1;font-size:11.5px}
.ev.short .ev-s{display:none}
.ev .rz{position:absolute;left:0;right:0;bottom:-3px;height:12px;cursor:ns-resize;touch-action:none}
.ev .rz:after{content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:22px;height:3px;border-radius:2px;background:rgb(var(--ev));opacity:0}
.ev:hover .rz:after{opacity:.6}
.ev.dragging{opacity:.92;box-shadow:var(--sh);z-index:20;cursor:grabbing;transform:scale(1.01)}
.ghost{position:absolute;border-radius:8px;background:var(--acc-soft);border:1.5px dashed var(--acc);z-index:15;pointer-events:none;
  color:var(--acc);font:600 11.5px/1.3 var(--f-ui);padding:4px 7px;font-variant-numeric:tabular-nums}
.nowline{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--now);z-index:14;pointer-events:none}
.nowline:before{content:"";position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--now)}
.nowfull{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--now);opacity:.28;z-index:3;pointer-events:none}

.fab{position:fixed;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:17px;
  background:var(--acc);color:var(--acc-on);border:0;font-size:27px;line-height:1;cursor:pointer;box-shadow:var(--sh);z-index:8;
  display:flex;align-items:center;justify-content:center;padding-bottom:3px}
.fab:active{transform:scale(.94)}

/* ═══════ КАРТОЧКИ ═══════ */
h2{font:600 20px/1.2 var(--f-dis);margin:2px 0 4px;letter-spacing:-.01em}
.lead{color:var(--tx2);font-size:13px;margin:0 0 14px;line-height:1.55}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:15px;margin:0 0 12px}
.card h3{margin:0 0 10px;font:600 11px/1 var(--f-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--tx3)}
.ed{background:var(--bg3);border:1px solid var(--line);border-radius:var(--r2);padding:11px;min-height:46px;outline:none;
  font-size:14.5px;white-space:pre-wrap;line-height:1.55}
.ed:focus{border-color:var(--acc)}
.ed:empty:before{content:attr(data-ph);color:var(--tx3)}
.month{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:0 0 12px}
.mh{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.mn{font:600 18px/1 var(--f-dis)}
.mdesc{flex:1;min-width:150px;background:transparent;border:0;border-bottom:1px dashed var(--line);color:var(--acc);
  font-size:13.5px;outline:none;padding:3px 0}
.mdesc:focus{border-bottom-style:solid}
.wk{display:grid;grid-template-columns:70px 1fr;gap:9px;align-items:center;margin:7px 0}
.wl{font-size:11.5px;color:var(--tx3)}
.wv{background:var(--bg3);border:1px solid var(--line);border-radius:9px;padding:9px 11px;outline:none;font-size:13.5px;min-height:20px}
.wv:focus{border-color:var(--acc)}
.wv:empty:before{content:"…";color:var(--tx3)}

.nowcard{background:var(--acc-soft);border:1px solid rgba(var(--acc-rgb),.3);border-radius:var(--r);padding:15px;margin:0 0 12px}
.nowcard .k{font:600 11px/1 var(--f-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--acc);margin-bottom:7px}
.nowcard .v{font:600 19px/1.3 var(--f-dis)}
.nowcard .sub{color:var(--tx2);font-size:13px;margin-top:5px}
.tl{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line2)}
.tl:first-child{border-top:0}
.tl .t{font-variant-numeric:tabular-nums;color:var(--tx3);font-size:12px;width:44px;flex:0 0 44px;padding-top:2px}
.tl .n{flex:1;font-size:14px}
.tl .d{width:8px;height:8px;border-radius:3px;background:rgb(var(--ev));margin-top:5px;flex:0 0 8px}
.tl.opt .n{color:var(--tx2)}
.tl.done .n{text-decoration:line-through;color:var(--tx3)}

/* ═══════ НАСТРОЙКИ ═══════ */
.opt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line2)}
.opt-row:first-of-type{border-top:0}
.opt-row .lb{font-size:14px}
.opt-row .hint{font-size:12px;color:var(--tx3);margin-top:2px}
.themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.tcard{border:1.5px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;background:var(--bg3);text-align:left}
.tcard.on{border-color:var(--acc)}
.tcard .sw{display:flex;gap:4px;margin-bottom:8px}
.tcard .sw i{width:100%;height:26px;border-radius:6px;display:block}
.tcard .nm{font:600 13px/1 var(--f-ui)}
.tcard .ds{font-size:11px;color:var(--tx3);margin-top:3px}
.sw-btn{position:relative;width:44px;height:26px;border-radius:13px;background:var(--bg3);border:1px solid var(--line);cursor:pointer;flex:0 0 44px}
.sw-btn:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--tx3);transition:.16s}
.sw-btn.on{background:var(--acc);border-color:transparent}
.sw-btn.on:after{left:20px;background:var(--acc-on)}
input[type=range]{accent-color:var(--acc);width:120px}
.snap{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--line);
  border-radius:9px;padding:9px 11px;margin:7px 0;font-size:13px}
.mini{background:none;border:1px solid var(--line);color:var(--tx2);border-radius:8px;padding:6px 10px;font:500 12px/1 var(--f-ui);cursor:pointer}
.mini.g{color:var(--acc);border-color:rgba(var(--acc-rgb),.45)}
.soon{color:var(--tx3);font-size:12.5px;line-height:1.75}

/* ═══════ НИЖНЕЕ МЕНЮ ═══════ */
nav{flex:0 0 auto;background:var(--bg);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:9}
nav .row{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
nav button,nav a{background:none;border:0;color:var(--tx3);padding:6px 4px;border-radius:11px;font:500 11px/1.2 var(--f-ui);
  cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;-webkit-tap-highlight-color:transparent}
nav button .ic,nav a .ic{font-size:16px;line-height:1}
nav button.on,nav a.on{color:var(--acc);background:var(--acc-soft);font-weight:600}

/* ═══════ ЛИСТ РЕДАКТОРА ═══════ */
.shbg{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s;z-index:30;backdrop-filter:blur(2px)}
.shbg.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--bg2);border-top:1px solid var(--line);
  border-radius:20px 20px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));z-index:31;
  transform:translateY(102%);transition:transform .24s cubic-bezier(.3,.9,.3,1);max-height:92dvh;overflow:auto;box-shadow:var(--sh)}
.sheet.on{transform:none}
@media(min-width:700px){.sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-46%) scale(.97);opacity:0;
  width:460px;border-radius:18px;border:1px solid var(--line);max-height:88dvh;padding:14px 18px 18px}
  .sheet.on{transform:translate(-50%,-50%);opacity:1}}
.grab{width:36px;height:4px;border-radius:2px;background:var(--line);margin:2px auto 12px}
@media(min-width:700px){.grab{display:none}}
.fld{width:100%;background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:11px 12px;
  color:var(--tx);font-size:15px;outline:none}
.fld:focus{border-color:var(--acc)}
.fld.big{font:600 17px/1.3 var(--f-dis);padding:12px}
.r3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:10px}
.r3 label{display:block;font-size:11px;color:var(--tx3);margin-bottom:4px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.chip{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background:rgb(var(--ev))}
.chip.on{border-color:var(--tx);box-shadow:0 0 0 2px var(--bg2) inset}
.shrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.shrow .lb{font-size:13px;color:var(--tx2)}
select.fld{appearance:none;padding-right:28px;
  background-image:linear-gradient(45deg,transparent 50%,var(--tx3) 50%),linear-gradient(135deg,var(--tx3) 50%,transparent 50%);
  background-position:calc(100% - 15px) 51%,calc(100% - 10px) 51%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.shact{display:flex;gap:9px;margin-top:16px}
.btn{flex:1;border:1px solid var(--line);background:var(--bg3);color:var(--tx);border-radius:11px;padding:13px;
  font:600 14px/1 var(--f-ui);cursor:pointer}
.btn.pri{background:var(--acc);color:var(--acc-on);border-color:transparent}
.btn.dan{color:var(--now);border-color:rgba(200,60,50,.3);flex:0 0 auto;padding:13px 15px}
.toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(12px);
  background:var(--tx);color:var(--bg);padding:10px 17px;border-radius:11px;font:600 13px/1 var(--f-ui);opacity:0;
  transition:.22s;pointer-events:none;z-index:40}
.toast.on{opacity:1;transform:translateX(-50%)}

@media(max-width:700px){
  :root{--colmin:104px;--gut:44px}
  .top .r1{gap:8px}
  .brand{font-size:15.5px}
  .brand em{display:none}
  .rng{font-size:12px;flex:1;text-align:center;cursor:pointer;padding:6px 2px}
  .top .r2 .spacer{display:none}
  #today{display:none}
  .top .r2{gap:5px}
  .ib.icon{padding:7px 8px;min-width:31px}
  .seg button{padding:6px 8px;font-size:12px}
  .opt-row{flex-direction:column;align-items:stretch;gap:9px}
  .opt-row .seg{width:100%}
  .opt-row .seg button{flex:1;padding:8px 6px;font-size:12.5px}
  .opt-row input[type=range]{width:100%}
  .opt-row .sw-btn{align-self:flex-start}
  .r3{grid-template-columns:1fr 1fr;gap:8px}
  .r3 .d3{grid-column:1/-1}
}
@media(hover:none){.ev .rz:after{opacity:.45}}

/* ══════════════════════════════════════════════════
   САЙТ «Настрой» — компоненты страниц
   ══════════════════════════════════════════════════ */
a{color:inherit}
.wrap{max-width:760px;margin:0 auto;padding:14px 14px 26px}
.page{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}

.hero{padding:26px 0 10px}
.hero .kick{font:600 11.5px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:13px}
.hero h1{font:600 31px/1.14 var(--f-dis);letter-spacing:-.02em;margin:0 0 12px}
.hero h1 em{font-style:italic;color:var(--acc)}
.hero p{font:400 15.5px/1.55 var(--f-ui);color:var(--tx2);margin:0 0 10px;max-width:56ch}
.hero .beta{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:6px 12px;border-radius:999px;
  background:var(--acc-soft);color:var(--acc);font:600 12px/1 var(--f-ui)}

h2.sec{font:600 12px/1 var(--f-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--tx3);
  margin:30px 0 13px;display:flex;align-items:center;gap:10px}
h2.sec:after{content:"";flex:1;height:1px;background:var(--line)}
h3.sub{font:600 18px/1.3 var(--f-dis);margin:0 0 8px}

.pcard{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 15px;margin-bottom:11px}
.pcard p{font:400 14.5px/1.6 var(--f-ui);color:var(--tx2);margin:0 0 9px}
.pcard p:last-child{margin-bottom:0}
.pcard .lead{color:var(--tx);font-weight:500}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}

.tile{display:block;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;
  text-decoration:none;transition:.15s;cursor:pointer}
.tile:hover{border-color:var(--acc);background:var(--bg3)}
.tile .ic{font-size:20px;line-height:1;color:var(--acc);margin-bottom:10px;display:block}
.tile b{display:block;font:600 16px/1.25 var(--f-dis);margin-bottom:5px}
.tile span.d{display:block;font:400 13.5px/1.5 var(--f-ui);color:var(--tx3)}

/* лайфхаки */
.hack{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;overflow:hidden}
.hack>summary{list-style:none;cursor:pointer;padding:15px 16px;display:flex;gap:12px;align-items:flex-start}
.hack>summary::-webkit-details-marker{display:none}
.hack .num{flex:0 0 auto;width:25px;height:25px;border-radius:8px;background:var(--acc-soft);color:var(--acc);
  font:700 12.5px/25px var(--f-ui);text-align:center}
.hack .ttl{flex:1;font:600 15.5px/1.35 var(--f-ui)}
.hack .ttl small{display:block;font:400 13px/1.45 var(--f-ui);color:var(--tx3);margin-top:3px}
.hack .chev{flex:0 0 auto;color:var(--tx3);font-size:13px;transition:.2s;margin-top:4px}
.hack[open] .chev{transform:rotate(90deg)}
.hack .body{padding:0 16px 16px 53px;font:400 14.5px/1.62 var(--f-ui);color:var(--tx2)}
.hack .body p{margin:0 0 9px}
.hack .body p:last-child{margin-bottom:0}
.hack .body b{color:var(--tx)}
.hack .why{margin-top:11px;padding-top:11px;border-top:1px solid var(--line);font-size:13.5px;color:var(--tx3)}
@media(max-width:640px){.hack .body{padding-left:16px}}

/* шаги */
ol.steps{counter-reset:s;list-style:none;margin:0;padding:0}
ol.steps li{counter-increment:s;position:relative;padding:0 0 15px 40px;font:400 14.5px/1.6 var(--f-ui);color:var(--tx2)}
ol.steps li:before{counter-increment:none;content:counter(s);position:absolute;left:0;top:-1px;width:26px;height:26px;
  border-radius:9px;background:var(--acc-soft);color:var(--acc);font:700 12.5px/26px var(--f-ui);text-align:center}
ol.steps li b{color:var(--tx)}

/* промпт / копирование */
.promptbox{position:relative;background:var(--bg3);border:1px solid var(--line);border-radius:var(--r);
  padding:15px 15px 14px;max-height:290px;overflow:auto}
.promptbox pre{margin:0;font:400 12.8px/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--tx2);white-space:pre-wrap;word-break:break-word}
.copybar{display:flex;gap:9px;margin:11px 0 0}
.copybar .btn{flex:1}

.note{border-left:2px solid var(--acc);padding:2px 0 2px 13px;margin:14px 0;
  font:400 14px/1.6 var(--f-ui);color:var(--tx2)}
.foot{margin:34px 0 0;padding-top:16px;border-top:1px solid var(--line);
  font:400 12.5px/1.7 var(--f-ui);color:var(--tx3)}

/* дыхание */
.orbwrap{display:flex;flex-direction:column;align-items:center;gap:15px;padding:22px 0 6px}
.orb{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 32%,var(--acc),var(--acc-soft));
  transform:scale(.55);transition:transform 4s cubic-bezier(.4,0,.5,1);box-shadow:0 0 44px -6px var(--acc-soft)}
.orb.big{transform:scale(1)}
.orbtxt{font:600 15px/1 var(--f-ui);color:var(--tx2);min-height:18px}
.orbsub{font:400 13px/1 var(--f-ui);color:var(--tx3)}

.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.chip{padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg3);
  font:500 12.5px/1 var(--f-ui);color:var(--tx2)}

/* практика: чек-шаги */
ol.chk{list-style:none;margin:8px 0 0;padding:0}
ol.chk li{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);margin:9px 0;
  padding:13px 14px 13px 50px;position:relative;cursor:pointer;transition:.15s}
ol.chk li:active{background:var(--bg3)}
ol.chk li .box{position:absolute;left:14px;top:13px;width:25px;height:25px;border-radius:8px;
  border:2px solid var(--line2,var(--line));display:grid;place-items:center;transition:.15s;color:transparent;font:700 13px/1 var(--f-ui)}
ol.chk li.done{border-color:var(--acc)}
ol.chk li.done .box{background:var(--acc);border-color:var(--acc);color:var(--acc-on)}
ol.chk li.done .h{color:var(--tx3);text-decoration:line-through}
ol.chk li .h{font:600 15px/1.3 var(--f-ui)}
ol.chk li .d{color:var(--tx3);font:400 13.5px/1.5 var(--f-ui);margin-top:4px}
ol.chk li .time{display:inline-block;margin-top:8px;font:600 11.5px/1 var(--f-ui);color:var(--acc);
  background:var(--acc-soft);padding:5px 9px;border-radius:999px}
.pfoot{margin:14px 0 6px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pfoot .win{color:var(--acc);font:400 13.5px/1.5 var(--f-ui);flex:1;min-width:200px}
.pfoot .reset{background:none;border:1px solid var(--line);color:var(--tx3);border-radius:10px;
  padding:9px 12px;font:600 12.5px/1 var(--f-ui);cursor:pointer}
details.safe{margin:14px 0 4px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);overflow:hidden}
details.safe summary{list-style:none;padding:12px 14px;cursor:pointer;font:600 13px/1 var(--f-ui);color:var(--acc)}
details.safe summary::-webkit-details-marker{display:none}
details.safe .body{padding:0 14px 14px;color:var(--tx3);font:400 13.5px/1.55 var(--f-ui)}
.panel{display:none}
.panel.on{display:block;animation:fadein .22s ease}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cue{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:15px;margin:12px 0}
.cue .k{font:700 11px/1 var(--f-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.cue .flow{font:400 15px/1.5 var(--f-ui)}
.cue .flow b{color:var(--tx);font-weight:600}
.cue .sub{color:var(--tx3);font:400 13.3px/1.55 var(--f-ui);margin-top:8px}

/* ══════════ КОУЧ: рычаги, разбор ответа ══════════ */
.seg.wide{display:flex;width:100%;margin:14px 0 14px}
.seg.wide button{flex:1;text-align:center;padding:9px 8px;font-size:13px}

.ta-wrap{margin:0 0 2px}
textarea.fld{width:100%;box-sizing:border-box;resize:vertical;line-height:1.55;
  font:400 14px/1.55 var(--f-ui)}
textarea.fld.ta{min-height:80px}
textarea.fld.ta.big{min-height:170px;
  font:400 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

.lvweek{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 11px}
.lvweek span:first-child{font:600 15px/1.2 var(--f-dis)}
.lvweek .dim{color:var(--tx3);font-size:12.5px}

.lever{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);
  padding:14px 15px 12px;margin:0 0 11px;position:relative;overflow:hidden}
.lever:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgb(var(--ev))}
.lever .lvtop{display:flex;align-items:flex-start;gap:10px}
.lever .lvn{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:rgba(var(--ev),.16);
  color:rgb(var(--ev));font:700 12px/22px var(--f-ui);text-align:center;margin-top:1px}
.lever .lvt{flex:1;font:600 16.5px/1.3 var(--f-dis);letter-spacing:-.01em}
.lever .lvw{font:400 14px/1.6 var(--f-ui);color:var(--tx2);margin:8px 0 0}
.lever .lvfoot{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  padding-top:9px;border-top:1px solid var(--line2)}
.lever .lvfoot b{font:600 14px/1 var(--f-ui);font-variant-numeric:tabular-nums}
.lever.done .lvfoot b{color:rgb(var(--ev))}
.lever .lvfoot .dim{color:var(--tx3);font-size:12.5px;flex:1;min-width:120px}
.lever .lvfoot .ok{color:rgb(var(--ev));font:600 11px/1 var(--f-ui);letter-spacing:.09em;text-transform:uppercase}

.dots{display:flex;gap:6px;margin:13px 0 11px}
.dot{flex:1;min-width:0;background:none;border:0;padding:0;cursor:pointer;
  color:var(--tx3);font:600 10.5px/1 var(--f-ui);-webkit-tap-highlight-color:transparent}
.dot .dw{display:block;letter-spacing:.04em}
.dot .dd{display:block;margin-top:6px;height:27px;border-radius:9px;
  border:1.5px solid var(--line);background:var(--bg3);transition:.14s}
.dot.on{color:var(--tx)}
.dot.on .dd{background:rgb(var(--ev));border-color:transparent}
.dot.td .dd{border-color:rgb(var(--ev))}
.dot.fut{opacity:.42}
.dot:active .dd{transform:scale(.93)}

.prev{background:var(--bg2);border:1px solid var(--acc);border-radius:var(--r);
  padding:15px 16px 14px;margin:12px 0 0}
.prev.bad{border-color:var(--line)}
.prev .pk{font:600 11px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;
  color:var(--acc);margin-bottom:11px}
.prev.bad .pk{color:var(--tx3)}
.plev{margin-bottom:11px}
.pl{padding:7px 0 7px 11px;border-left:3px solid rgb(var(--ev));margin-bottom:6px;
  font:400 14px/1.45 var(--f-ui)}
.pl b{font-weight:600}
.pl .dim,.ps .dim{color:var(--tx3);font-size:12.5px}
.pslots{border-top:1px solid var(--line2);padding-top:9px}
.ps{display:flex;align-items:baseline;gap:9px;padding:4px 0;font:400 13.5px/1.4 var(--f-ui);
  color:var(--tx2);flex-wrap:wrap}
.ps i{font-style:normal;font-variant-numeric:tabular-nums;color:var(--tx3);
  flex:0 0 40px;font-size:12.5px}
.ps b{font-weight:500;color:var(--tx2)}
.ps.must b{font-weight:600;color:var(--tx)}
.pnum{margin-top:11px;padding-top:10px;border-top:1px solid var(--line2);
  font:600 13.5px/1.4 var(--f-ui)}
.pnote{color:var(--tx3);font:400 12.5px/1.55 var(--f-ui);margin-top:5px}
.pwarn{color:var(--tx2);font:400 13.5px/1.55 var(--f-ui);background:var(--acc-soft);
  border-radius:var(--r2);padding:10px 12px;margin-bottom:11px}
.prev .copybar{margin-top:14px}

.qbox{background:var(--bg3);border:1px solid var(--line);border-radius:var(--r2);
  padding:11px 12px;font:400 13.5px/1.55 var(--f-ui);color:var(--tx2)}

/* ══════════════════════════════════════════════════
   ГЛАВНАЯ · экран «Сегодня»
   ══════════════════════════════════════════════════ */
.hday{display:flex;align-items:baseline;gap:10px;margin:18px 0 13px;flex-wrap:wrap}
.hday h1{font:600 27px/1.12 var(--f-dis);letter-spacing:-.02em;margin:0}
.hday .hd-sub{color:var(--tx3);font-size:14px}

h2.sec .sec-r{order:3;flex:0 0 auto;color:var(--tx3);font-weight:500;
  letter-spacing:.02em;text-transform:none;font-size:12px}

/* карточка «сейчас / дальше» */
.nowc{--ev:var(--acc-rgb);background:var(--bg2);border:1px solid var(--line);
  border-radius:var(--r);padding:16px 17px 15px;margin:0 0 11px;overflow:hidden}
.nowc.live{border-color:rgba(var(--ev),.55);background:rgba(var(--ev),.09)}
.nowc .k{font:600 11px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:10px;display:flex;align-items:center;gap:7px;
  font-variant-numeric:tabular-nums}
.nowc.live .k{color:rgb(var(--ev))}
.nowc .k i{width:7px;height:7px;border-radius:50%;background:rgb(var(--ev));
  display:inline-block;animation:nowpulse 2.6s ease-in-out infinite}
@keyframes nowpulse{0%,100%{opacity:1}50%{opacity:.25}}
.nowc .t{font:600 22px/1.26 var(--f-dis);letter-spacing:-.015em}
.nowc.calm .t{font-size:19px;color:var(--tx2);font-weight:500}
.nowc .m{color:var(--tx2);font-size:14.5px;line-height:1.5;margin-top:7px}
.nowc .bar{height:4px;border-radius:3px;background:var(--line);margin-top:13px;overflow:hidden}
.nowc .bar i{display:block;height:100%;background:rgb(var(--ev));border-radius:3px;transition:width .4s}

/* быстрые действия */
.qa{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 4px}
.qbtn{display:block;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);
  padding:13px 14px;text-decoration:none;transition:.15s;-webkit-tap-highlight-color:transparent}
.qbtn:active{transform:scale(.985)}
.qbtn:hover{border-color:var(--acc)}
.qbtn.pri{background:var(--acc-soft);border-color:rgba(var(--acc-rgb),.32)}
.qbtn .qi{display:block;font-size:19px;line-height:1;color:var(--acc);margin-bottom:9px}
.qbtn b{display:block;font:600 15.5px/1.2 var(--f-dis)}
.qbtn .qs{display:block;color:var(--tx3);font-size:12.8px;margin-top:3px}
@media(max-width:400px){.qbtn{padding:12px}.qbtn b{font-size:14.5px}}

/* лента дня */
.dl{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);
  padding:4px 15px 6px;margin:0 0 4px;cursor:pointer}
.dl .r{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-top:1px solid var(--line2)}
.dl .r:first-child{border-top:0}
.dl .r .tm{flex:0 0 44px;font-variant-numeric:tabular-nums;color:var(--tx3);font-size:13px}
.dl .r .dt{flex:0 0 8px;width:8px;height:8px;border-radius:3px;background:rgb(var(--ev));
  align-self:center;opacity:.85}
.dl .r .nm{flex:1;font-size:15px;line-height:1.4}
.dl .r.must .nm{font-weight:600}
.dl .r.past{opacity:.38}
.dl .r.past .dt{opacity:.5}
.dl .r.cur .nm{color:var(--tx);font-weight:600}
.dl .r .fl{flex:0 0 auto;font:600 10px/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;
  color:rgb(var(--ev));background:rgba(var(--ev),.14);padding:5px 7px;border-radius:6px}
.dl .r.more .nm{color:var(--tx3);font-size:13.5px}

/* рычаги на главной */
.hlev{display:flex;align-items:center;gap:13px;background:var(--bg2);border:1px solid var(--line);
  border-radius:var(--r);padding:13px 14px;margin:0 0 9px;position:relative;overflow:hidden}
.hlev:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgb(var(--ev))}
.hlev .hl-b{flex:1;min-width:0}
.hlev .hl-t{font:600 16px/1.3 var(--f-ui)}
.hlev .hl-s{color:var(--tx3);font-size:13px;margin-top:4px}
.hlev .hl-s b{color:rgb(var(--ev));font-weight:600}
.hlev .wk7{display:flex;gap:4px;margin-top:9px}
.hlev .wk7 i{flex:1;height:6px;border-radius:3px;background:var(--line)}
.hlev .wk7 i.on{background:rgb(var(--ev))}
.hlev .wk7 i.td{box-shadow:0 0 0 1.5px rgb(var(--ev))}
.hlev .mk{flex:0 0 auto;width:48px;height:48px;border-radius:16px;border:1.5px solid var(--line);
  background:var(--bg3);color:var(--tx3);font:600 20px/1 var(--f-ui);cursor:pointer;
  display:grid;place-items:center;transition:.14s;-webkit-tap-highlight-color:transparent}
.hlev .mk.on{background:rgb(var(--ev));border-color:transparent;color:#fff}
.hlev .mk:active{transform:scale(.93)}
.lev-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 4px;
  color:var(--tx3);font-size:13px}
.lev-foot .mini{margin-left:auto;text-decoration:none}

ol.steps.big li{padding-bottom:17px}

/* ══════════ шрифт чуть крупнее (b1-5) ══════════ */
body{font-size:16px}
.brand{font-size:17.5px}
h2{font-size:21px}
h2.sec{font-size:12.5px}
h3.sub{font-size:19px}
.lead{font-size:14px}
.note{font-size:15px}
.foot{font-size:13.2px}
.card h3{font-size:11.5px}
.ed{font-size:15.5px}
.tl .n{font-size:15px}
.nowcard .sub{font-size:14px}
.mdesc,.wv{font-size:14.3px}
.pcard p{font-size:15.5px}
.tile b{font-size:17px}
.tile span.d{font-size:14.5px}
.hack .ttl{font-size:16.5px}
.hack .ttl small{font-size:13.8px}
.hack .body{font-size:15.5px}
.hack .why{font-size:14.3px}
ol.steps li{font-size:15.5px}
ol.chk li .h{font-size:16px}
ol.chk li .d{font-size:14.3px}
.cue .flow{font-size:16px}
.cue .sub{font-size:14px}
.orbtxt{font-size:16px}
.orbsub{font-size:14px}
.promptbox pre{font-size:13.4px}
details.safe summary{font-size:14px}
details.safe .body{font-size:14.3px}
.pfoot .win{font-size:14.3px}
.btn{font-size:15px}
.mini{font-size:13px}
.ib{font-size:14px}
.seg button{font-size:13.5px}
.seg.wide button{font-size:13.8px}
.fld{font-size:16px}
textarea.fld{font-size:15px}
textarea.fld.ta.big{font-size:13.5px}
.opt-row .lb{font-size:15px}
.opt-row .hint{font-size:12.8px}
.tcard .nm{font-size:14px}
.tcard .ds{font-size:11.8px}
.snap{font-size:14px}
.soon{font-size:13.5px}
.shrow .lb{font-size:14px}
.toast{font-size:14px}
.chip{font-size:13.3px}
nav button,nav a{font-size:11.8px}
nav button .ic,nav a .ic{font-size:17px}
.lever .lvt{font-size:17.5px}
.lever .lvw{font-size:15px}
.lever .lvfoot b{font-size:15px}
.lever .lvfoot .dim{font-size:13.3px}
.lvweek span:first-child{font-size:16px}
.lvweek .dim{font-size:13.3px}
.pl{font-size:15px}
.pl .dim,.ps .dim{font-size:13.3px}
.ps{font-size:14.5px}
.pnum{font-size:14.5px}
.pnote{font-size:13.3px}
.pwarn{font-size:14.5px}
.qbox{font-size:14.5px}
@media(max-width:700px){
  .brand{font-size:16.5px}
  .rng{font-size:12.6px}
  .seg button{font-size:12.6px}
  .opt-row .seg button{font-size:13.2px}
  .qa{gap:9px}
}