/* Копия стиля планировщика (не ссылка на боевые файлы) — только для макетов */
@font-face{font-family:'Made';src:url('fonts/WixMadeforDisplay.ttf') format('truetype');font-weight:400 800;font-display:block;}
@font-face{font-family:'Onest';src:url('fonts/Onest.ttf') format('truetype');font-weight:100 900;font-display:block;}
@font-face{font-family:'Geist';src:url('fonts/Geist.ttf') format('truetype');font-weight:100 900;font-display:block;}

html{
  --bg:#0E0E10;
  --ink:#F3EFE9;
  --ink-60:rgba(243,239,233,.64);
  --ink-45:rgba(243,239,233,.50);
  --ink-34:rgba(243,239,233,.40);
  --line:rgba(243,239,233,.09);
  --line-2:rgba(243,239,233,.12);
  --line-strong:rgba(243,239,233,.20);
  --card:#191920;
  --hero:#25252E;
  --hero-ink:#F7F3ED;
  --hero-45:rgba(247,243,237,.50);
  --hero-70:rgba(247,243,237,.72);
  --hero-18:rgba(247,243,237,.20);
  --accent:#FF6B2C;
  --on-accent:#fff;
  --win:#3ED197;
  --win-soft:rgba(62,209,151,.14);
  --bad:#E5484D;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;}
html,body{width:100%;min-height:100%;}
body{font-family:'Onest',sans-serif;color:var(--ink);background:var(--bg);
     max-width:430px;margin:0 auto;padding:0 20px 120px;
     overscroll-behavior-y:none;}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
svg.i{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
svg.i.sw2{stroke-width:2.4;}
.cap{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}

/* ---------- ШАПКА ---------- */
.top{display:flex;align-items:center;gap:12px;padding:22px 0 0;}
.back{width:38px;height:38px;border-radius:50%;border:1.4px solid var(--line-strong);
      display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink);}
.back:active{transform:scale(.94);}
.top .cap{color:var(--ink-45);}

/* ---------- ГЕРОЙ ---------- */
.hero{position:relative;background:var(--hero);border-radius:28px;padding:22px 22px 20px;
      margin-top:16px;color:var(--hero-ink);}
.hero .cap{color:var(--hero-45);}
.hero h1{font-family:'Made',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.035em;
         line-height:1.05;margin-top:10px;}
.hero h1 i{color:var(--accent);font-style:normal;}
.hero .sub{margin-top:12px;font-size:13px;color:var(--hero-70);line-height:1.45;}
.sticker{position:absolute;right:16px;top:-12px;transform:rotate(-8deg);background:var(--accent);
         color:var(--on-accent);border-radius:13px;padding:9px 12px;text-align:center;z-index:2;}
.sticker b{display:block;font-family:'Made',sans-serif;font-size:17px;font-weight:800;line-height:1;}
.sticker span{font-size:8.5px;font-weight:600;letter-spacing:.08em;opacity:.9;}
.gcap{margin:26px 2px 12px;color:var(--ink-45);}

/* ---------- ЗАПИСЬ ---------- */
.wrap{position:relative;margin-bottom:8px;border-radius:18px;
      transition:height .22s cubic-bezier(.2,.6,.2,1),opacity .18s ease,margin-bottom .22s cubic-bezier(.2,.6,.2,1);}
.wrap.gone{opacity:0;height:0 !important;margin-bottom:0;overflow:hidden;pointer-events:none;}
.it{position:relative;background:var(--card);border-radius:18px;padding:14px 16px;
    display:flex;align-items:center;gap:12px;}
.it .n{font-family:'Geist',monospace;font-size:11.5px;font-weight:700;color:var(--ink-34);
       flex:none;width:18px;}
.it p{flex:1;font-size:14px;font-weight:500;line-height:1.35;}
.it .ago{font-size:11px;font-weight:600;color:var(--ink-34);flex:none;}
.it.done p{color:var(--ink-34);text-decoration:line-through;text-decoration-color:var(--ink-34);}

/* ---------- КРУЖОК-ГАЛОЧКА ---------- */
.chk{position:relative;flex:none;width:44px;height:44px;margin:-10px -8px -10px -6px;
     display:flex;align-items:center;justify-content:center;}
.chk .ring{width:24px;height:24px;border-radius:50%;border:1.8px solid rgba(243,239,233,.30);
           display:flex;align-items:center;justify-content:center;
           transition:background .16s ease,border-color .16s ease,transform .16s cubic-bezier(.2,.6,.2,1);}
.chk:active .ring{transform:scale(.88);}
.chk svg{width:14px;height:14px;stroke:#0E0E10;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
         fill:none;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .18s ease .04s;}
.chk.on .ring{background:var(--win);border-color:var(--win);}
.chk.on svg{stroke-dashoffset:0;}

/* ---------- ВЕРНУТЬ ---------- */
.undobar{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:80;
         width:calc(100% - 40px);max-width:390px;display:flex;align-items:center;
         justify-content:space-between;gap:12px;padding:12px 16px;border-radius:16px;
         background:var(--hero);color:var(--hero-ink);box-shadow:0 8px 24px rgba(0,0,0,.4);
         overflow:hidden;}
.undobar.hide{display:none;}
.undobar .ut{font-size:13px;font-weight:600;line-height:1.3;}
.undobar button{flex:none;border-radius:999px;padding:7px 15px;font-size:12.5px;
                font-weight:700;background:var(--accent);color:var(--on-accent);}
.undobar button:active{transform:scale(.96);}
.undobar .bar{position:absolute;left:0;bottom:0;height:2px;background:var(--hero-18);width:100%;
              transform-origin:left;animation:drain 3s linear forwards;}
@keyframes drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* ---------- ПОДСКАЗКА ВНИЗУ ---------- */
.hint{margin-top:26px;padding:14px 16px;border-radius:16px;border:1.2px dashed var(--line-2);
      font-size:12.5px;line-height:1.5;color:var(--ink-60);}
.hint b{color:var(--ink);font-weight:700;}
.empty{padding:26px 4px;font-size:13px;color:var(--ink-34);text-align:center;}