:root{
  --bg:#040404;
  --bg-2:#070707;
  --bg-3:#0a0a0a;
  --panel:rgba(10,10,10,.80);
  --panel-strong:rgba(14,14,14,.90);
  --panel-ultra:rgba(18,18,18,.95);
  --text:#ececec;
  --muted:#8a8f97;
  --soft:#c8cdd3;
  --accent:#ff6a2d;
  --accent-2:#ff874f;
  --accent-soft:rgba(255,106,45,.14);
  --border-soft:rgba(255,255,255,.05);
  --border-mid:rgba(255,255,255,.09);
  --border-accent:rgba(255,106,45,.18);
  --focus:rgba(255,106,45,.18);
  --home:#58aaff;
  --work:#ff8b4a;
  --personal:#43e68a;
  --ring-track:rgba(255,255,255,.08);
  --metal-1:#ffffff;
  --metal-2:#eef2f5;
  --metal-3:#d7dde3;
  --metal-4:#aab2bb;
  --metal-5:#78818b;
  --metal-6:#5e6771;
  --shadow-soft:0 8px 18px rgba(0,0,0,.18);
  --shadow-mid:0 16px 32px rgba(0,0,0,.28);
  --shadow-hard:0 24px 56px rgba(0,0,0,.42);
  --hero-title-min:38px;
  --hero-title-max:108px;
  --hero-clock-min:28px;
  --hero-clock-max:58px;
  --hero-date-min:12px;
  --hero-date-max:18px;
  --ring-size:88px;
  --ring-track-w:8;
  --ring-active-w:5;
  --ring-gap:3px;
  --ring-sphere-inset:22px;
}

body[data-theme="light"]{
  --bg:#f3f4f6;
  --bg-2:#eceff3;
  --bg-3:#e5e8ec;
  --panel:rgba(255,255,255,.84);
  --panel-strong:rgba(255,255,255,.92);
  --panel-ultra:rgba(255,255,255,.97);
  --text:#151515;
  --muted:#6b7178;
  --soft:#414850;
  --accent:#ff6a2d;
  --accent-2:#ff8b57;
  --accent-soft:rgba(255,106,45,.12);
  --border-soft:rgba(0,0,0,.06);
  --border-mid:rgba(0,0,0,.10);
  --border-accent:rgba(255,106,45,.16);
  --ring-track:rgba(0,0,0,.08);
  --shadow-soft:0 8px 18px rgba(0,0,0,.08);
  --shadow-mid:0 16px 28px rgba(0,0,0,.12);
  --shadow-hard:0 22px 48px rgba(0,0,0,.18);
}

*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}

.visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

body{
  margin:0;
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(70% 26% at 50% -4%, rgba(255,255,255,.020), transparent 52%),
    linear-gradient(180deg, #010101 0%, #040506 42%, #080a0d 100%);
  scrollbar-gutter:stable both-edges;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0) 12%),
    radial-gradient(50% 18% at 50% 0%, rgba(255,255,255,.014), rgba(255,255,255,0) 72%);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.010) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.006) 1px, transparent 1px);
  background-size:100% 140px, 140px 100%;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,0));
  opacity:.038;
}

#bg-canvas{
  position:fixed;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
}

::selection{
  background:rgba(255,106,45,.22);
  color:#fff;
}

.header-container{
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 42px 16px 14px !important;
  display: grid !important;
  justify-items: center !important;
  row-gap: 10px !important;
  text-align: center !important;
  position:relative;
}

.header-container::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  opacity: .22 !important;
  width: min(820px, 72vw) !important;
  height: 150px !important;
  top: 6px !important;
  background:
    radial-gradient(50% 60% at 50% 50%, rgba(255,255,255,.05), transparent 62%),
    radial-gradient(34% 30% at 50% 24%, rgba(255,106,45,.06), transparent 78%);
  filter:blur(24px);
  pointer-events:none;
}

.header-container::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  opacity: .26 !important;
  width: min(620px, 58vw) !important;
  top: 16px !important;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  pointer-events:none;
}

.main-title{
  display: block !important;
  margin: 0 !important;
  font-size: clamp(3.4rem, 6.2vw, 5.8rem) !important;
  line-height: .92 !important;
  letter-spacing: .12em !important;
  text-align: center !important;
  font-weight:1000;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f5f8fb 12%,
      #dbe2e9 30%,
      #aab2bb 49%,
      #f2f5f8 67%,
      #99a2ac 84%,
      #626b75 100%
    );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.05),
    0 12px 26px rgba(0,0,0,.34);
  position:relative;
}

.main-title::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:-8px;
  height:1px;
  opacity:.24;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}

.sub-title{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  font-size: .78rem !important;
  letter-spacing: .34em !important;
  opacity: .96 !important;
  color: #ff7a43 !important;
  font-weight:950;
}

.sub-title::before,
.sub-title::after{
  content:"";
  width: 24px !important;
  opacity: .75 !important;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,106,45,.36));
}

.sub-title::after{
  transform:scaleX(-1);
}

.hero-clock{
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  border-radius: 14px !important;
  transform: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 10px 18px rgba(0,0,0,.16) !important;
}

.clock-main{
  font-size: clamp(2rem, 3.2vw, 3.3rem) !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #eef2f5 18%,
      #d7dde3 38%,
      #9ea7b1 60%,
      #eef2f5 82%,
      #6f7882 100%
    );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

.clock-seconds{
  font-size: clamp(1rem, 1.2vw, 1.35rem) !important;
  line-height: 1 !important;
  color: #ff7a43 !important;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}

.date-widget{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  transform: none !important;
  opacity: 1 !important;
  font-size: .88rem !important;
  letter-spacing: .18em !important;
  color: #edf2f7 !important;
  -webkit-text-fill-color: #edf2f7 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.10)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 8px 16px rgba(0,0,0,.12) !important;
  text-shadow: none !important;
  font-weight:900;
}

.date-widget::before,
.date-widget::after{
  content:"";
  width: 8px !important;
  height: 8px !important;
  opacity: .9 !important;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #ff996b 0%, #ff6a2d 46%, rgba(255,106,45,.12) 100%);
  box-shadow:0 0 8px rgba(255,106,45,.14);
}

.top-line{
  max-width: 1520px !important;
  margin: 14px auto 12px !important;
  padding: 0 16px !important;
  display: grid !important;
  grid-template-columns: minmax(340px, 1fr) auto minmax(340px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  position:relative;
}

.top-line::before{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  opacity:.22;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent);
  pointer-events:none;
}

.top-left,
.top-right{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  z-index:1;
}

.top-left{justify-content:flex-start !important}
.top-right{justify-content:flex-end !important}
.top-center{display:flex !important;justify-content:center !important}

.week-progress,
.filter-group,
.tools-group,
.theme-switch{
  min-height: 44px !important;
  border-radius: 16px !important;
  padding: 0 14px !important;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.062);
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(0,0,0,.16)),
    linear-gradient(180deg, rgba(255,255,255,.006), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.036),
    inset 0 -1px 0 rgba(0,0,0,.26),
    0 12px 22px rgba(0,0,0,.16);
  backdrop-filter:blur(18px);
  position:relative;
  overflow:hidden;
}

.week-progress{min-width: 210px !important;justify-content:space-between}
.theme-switch{min-width: 210px !important;justify-content:space-between}

.week-progress::before,
.filter-group::before,
.tools-group::before,
.theme-switch::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0) 36%),
    radial-gradient(140% 100% at 50% 0%, rgba(255,255,255,.020), transparent 42%);
}

.week-progress::after,
.filter-group::after,
.tools-group::after,
.theme-switch::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  opacity:.58;
  pointer-events:none;
}

.week-progress:hover,
.filter-group:hover,
.tools-group:hover,
.theme-switch:hover{
  border-color:rgba(255,255,255,.085);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.26),
    0 14px 26px rgba(0,0,0,.22);
}

.week-progress-label,
.filter-label,
.tools-label,
.theme-switch-label,
.day-title,
.archive-group-title,
.modal-kicker,
.ring-label{
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.18em;
}

.week-progress .week-progress-label{font-size:.61rem}
.week-progress .week-progress-value{
  font-size:.95rem;
  color:#ff7a43;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}

.filter-label,.tools-label,.theme-switch-label{font-size:.60rem}

.filter-btn,
.tool-btn,
.import-label,
.archive-clear-btn,
.day-more-btn,
.modal-btn,
.preview-btn,
.edit-btn,
.del-x{
  border:1px solid rgba(255,255,255,.060);
  background:
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(0,0,0,.13));
  color:var(--text);
  border-radius:11px;
  height:30px;
  padding:0 12px;
  font-size:.72rem;
  font-weight:900;
  cursor:pointer;
  line-height:1;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  transition:
    transform .16s cubic-bezier(.22,.78,.18,1),
    box-shadow .22s cubic-bezier(.2,.7,.2,1),
    border-color .20s cubic-bezier(.2,.7,.2,1),
    background .20s cubic-bezier(.2,.7,.2,1),
    color .16s cubic-bezier(.2,.7,.2,1),
    filter .16s cubic-bezier(.2,.7,.2,1),
    opacity .18s cubic-bezier(.2,.7,.2,1);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.18);
}

.filter-btn::before,
.tool-btn::before,
.import-label::before,
.archive-clear-btn::before,
.day-more-btn::before,
.modal-btn::before,
.add-btn::before,
.preview-btn::before,
.edit-btn::before,
.del-x::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:56px;
  left:-76px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform:skewX(-24deg);
  opacity:0;
  transition:left .46s cubic-bezier(.22,.78,.18,1), opacity .20s cubic-bezier(.2,.7,.2,1);
}

.filter-btn:hover,
.tool-btn:hover,
.import-label:hover,
.archive-clear-btn:hover,
.day-more-btn:hover,
.modal-btn:hover,
.preview-btn:hover,
.edit-btn:hover,
.del-x:hover{
  border-color:rgba(255,255,255,.095);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 8px 14px rgba(0,0,0,.18);
}

.filter-btn:hover::before,
.tool-btn:hover::before,
.import-label:hover::before,
.archive-clear-btn:hover::before,
.day-more-btn:hover::before,
.modal-btn:hover::before,
.add-btn:hover::before,
.preview-btn:hover::before,
.edit-btn:hover::before,
.del-x:hover::before{
  left:calc(100% + 24px);
  opacity:1;
}

.filter-btn.active{
  border-color:rgba(255,106,45,.20);
  background:
    linear-gradient(180deg, rgba(255,106,45,.16), rgba(255,90,31,.05)),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(0,0,0,.10));
  color:#fff7f3;
}

.filter-btn.filter-btn-urgent.active{
  background:
    linear-gradient(180deg, rgba(255,78,78,.18), rgba(180,32,32,.08)),
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(0,0,0,.10));
  border-color:rgba(255,90,90,.18);
}

input[type="file"]#jsonFileInput{display:none}

.theme-switch input{
  appearance:none;
  width:40px;
  height:22px;
  border-radius:999px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.08);
  position:relative;
  cursor:pointer;
  outline:0;
  flex:0 0 auto;
}

.theme-switch input:checked{
  background:linear-gradient(180deg, #ff7a43, #ff5c1e);
  box-shadow:0 0 12px rgba(255,106,45,.16);
}

.theme-switch input::after{
  content:"";
  position:absolute;
  top:50%;
  left:2px;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  border-radius:50%;
  background:linear-gradient(180deg, #ffffff, #dfe5eb);
  transition:.20s ease;
}

.theme-switch input:checked::after{left:18px}

.rings-container{
  gap: 14px !important;
  padding: 8px 12px 4px !important;
  border-radius: 24px !important;
  display:flex;
  justify-content:center;
  position:relative;
}

.rings-container::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(64% 52% at 50% 18%, rgba(255,255,255,.018), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0) 28%);
  pointer-events:none;
}

.ring-box{
  min-width: 102px !important;
  padding: 8px 8px 10px !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}

.ring-box::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: 80px !important;
  height: 80px !important;
  opacity: .55 !important;
  border-radius:50%;
  transform:translate(-50%, -50%);
  background:radial-gradient(circle, rgba(255,255,255,.022), transparent 64%);
}

.ring-inner{
  width: 88px !important;
  height: 88px !important;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}

.progress-ring{
  width: 88px !important;
  height: 88px !important;
  transform:rotate(-90deg);
}

.progress-ring circle{fill:none}
.ring-track{stroke:rgba(255,255,255,.090);stroke-width:var(--ring-track-w)}
.ring-active{stroke-linecap:round;stroke-width:var(--ring-active-w);transition:stroke-dashoffset .52s cubic-bezier(.22,.78,.18,1), opacity .22s}

.ring-inner::before{
  content:"";
  position:absolute;
  inset:var(--ring-sphere-inset);
  border-radius:50%;
  background:
    radial-gradient(120% 120% at 50% 16%, rgba(255,255,255,.06) 0%, rgba(255,255,255,.018) 34%, rgba(0,0,0,.38) 100%),
    linear-gradient(180deg, rgba(255,255,255,.014), rgba(0,0,0,.20));
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.03),
    inset 0 -10px 12px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.028) inset;
}

.ring-inner::after{
  content:"";
  position:absolute;
  inset:calc(var(--ring-sphere-inset) - var(--ring-gap));
  border-radius:50%;
  border:var(--ring-gap) solid rgba(8,8,10,.96);
}

.ring-value{
  font-size: 1rem !important;
  color: #f2f6fa !important;
  font-weight:1000;
  position:absolute;
  inset-inline:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}

.ring-value[data-layout="stack"]{
  flex-direction:column;
  gap:2px;
}

.ring-value-main,
.ring-value-sub{
  display:block;
}

.ring-value-main{
  font-size:1em;
  font-weight:1000;
}

.ring-value-sub{
  font-size:.56em;
  font-weight:900;
  letter-spacing:.02em;
  opacity:.82;
}

.ring-value[data-size="compact"]{
  font-size:.78rem !important;
  letter-spacing:-.04em;
}

.ring-value[data-size="micro"]{
  font-size:.66rem !important;
  letter-spacing:-.05em;
}

.ring-label{
  margin-top: 6px !important;
  font-size: .64rem !important;
  letter-spacing: .18em !important;
  color: #97a0aa !important;
}

.input-panel{
  max-width:780px;
  margin:12px auto 14px;
  padding:8px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.16)),
    linear-gradient(180deg, rgba(255,255,255,.005), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.062);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 14px 24px rgba(0,0,0,.16);
  display:grid;
  grid-template-columns:1.55fr .78fr .78fr .82fr;
  gap:8px;
}

input,select{
  height:42px;
  border-radius:13px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.052);
  background:
    linear-gradient(180deg, rgba(255,255,255,.020), rgba(0,0,0,.16));
  color:var(--text);
  font-size:.84rem;
  font-weight:760;
  outline:0;
}

input::placeholder{color:rgba(255,255,255,.42)}
body[data-theme="light"] input::placeholder{color:rgba(0,0,0,.38)}

input:hover,select:hover{border-color:rgba(255,255,255,.085)}
input:focus,select:focus{
  border-color:rgba(255,106,45,.16);
  box-shadow:0 0 0 3px rgba(255,106,45,.09), inset 0 1px 0 rgba(255,255,255,.03);
}

.add-btn{
  min-height:42px;
  border-radius:13px;
  background:
    linear-gradient(180deg, rgba(255,106,45,.20), rgba(255,90,31,.07)),
    linear-gradient(180deg, #2b1610, #130a08);
  border:1px solid rgba(255,106,45,.20);
  color:#fff7f3;
  font-weight:1000;
  letter-spacing:.08em;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 12px 22px rgba(255,90,31,.08);
}

.add-btn:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 14px 26px rgba(255,90,31,.12);
}

.week-grid{
  max-width:1700px;
  margin-top:14px;
  margin-left:auto;
  margin-right:auto;
  gap:12px;
  padding:0 16px;
  display:grid;
  grid-template-columns:repeat(7,minmax(150px,1fr));
  align-items:stretch;
  grid-auto-rows:1fr;
}

.day-card{
  min-height:360px !important;
  padding:12px 12px 10px !important;
  border-radius:20px 20px 16px 16px !important;
  border-color:rgba(255,255,255,.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.032),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 18px 34px rgba(0,0,0,.20) !important;
  background:
    linear-gradient(180deg, rgba(10,12,16,.70), rgba(7,9,12,.88)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}

.day-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 54% at 50% 0%, rgba(255,255,255,.015), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.010), rgba(255,255,255,0) 18%, rgba(0,0,0,0) 82%, rgba(0,0,0,.09) 100%);
  pointer-events:none;
}

.day-card::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent);
  opacity:.52;
}

.day-card > *{position:relative;z-index:1}
.day-card:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.038),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 24px 42px rgba(0,0,0,.24) !important;
}
.day-card.today{border-color:rgba(255,106,45,.16)}
.day-card.selected{border-color:rgba(255,106,45,.18)}
.day-card.drag-over{border-color:rgba(255,106,45,.28)}

.day-title-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(255,255,255,.044);
}

.day-title{
  font-size:.68rem !important;
  letter-spacing:.20em !important;
  color:#ff7d48;
}

.day-meta{
  display:flex;
  align-items:center;
  gap:7px;
}

.day-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.10)) !important;
  color:#cfd6dd !important;
  -webkit-text-fill-color:#cfd6dd !important;
  font-size:.64rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.today-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:17px;
  padding:0 6px;
  border-radius:999px;
  color:#fff;
  background:
    linear-gradient(180deg, rgba(255,106,45,.14), rgba(255,90,31,.07)),
    linear-gradient(180deg, #24120c, #120908);
  border:1px solid rgba(255,106,45,.14);
  font-weight:1000;
  font-size:.48rem;
  letter-spacing:.16em;
  line-height:1;
}

.day-tasks{
  display:flex;
  flex-direction:column;
  gap:8px !important;
  padding-top:4px !important;
  flex:1 1 auto;
}

.day-more-wrap{margin-top:auto;padding-top:8px}

.day-more-btn{
  width:100%;
  min-height:34px !important;
  border-radius:11px !important;
}

.day-preview-hint{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:12px;
  border:1px dashed rgba(255,255,255,.050);
  background:
    linear-gradient(180deg, rgba(255,255,255,.014), rgba(0,0,0,.09));
  color:#717b85;
  margin-top:10px;
  font-size:.74rem;
}

.task{
  min-height:58px !important;
  padding:10px 10px 10px 11px !important;
  border-radius:13px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.026),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 6px 12px rgba(0,0,0,.10) !important;
  border:1px solid rgba(255,255,255,.044);
  border-left-width:2px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(0,0,0,.14)),
    linear-gradient(180deg, rgba(255,255,255,.005), rgba(255,255,255,0));
  display:flex;
  align-items:flex-start;
  gap:9px;
  position:relative;
  overflow:hidden;
  transition:transform .18s cubic-bezier(.22,.78,.18,1), box-shadow .22s cubic-bezier(.2,.7,.2,1);
}

.task:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 10px 18px rgba(0,0,0,.14) !important;
}

.task-title{
  flex:1;
  min-width:0;
  font-size:.98rem !important;
  line-height:1.12 !important;
  font-weight:780;
  color:#eff3f6;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.task.cat-Дом{border-left-color:rgba(102,176,255,.76)}
.task.cat-Работа{border-left-color:rgba(255,145,82,.78)}
.task.cat-Личное{border-left-color:rgba(82,235,150,.74)}
.task.urgent{border-left-color:rgba(255,92,92,.86)}

.task-actions{
  display:flex;
  gap:4px;
  align-items:center;
  opacity:.82 !important;
}

.task:hover .task-actions{opacity:1 !important}

.preview-btn,.edit-btn,.del-x{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  border-radius:999px !important;
  padding:0;
  color:#96a0a9;
}

.icon{width:11px;height:11px;display:block;fill:currentColor}
.preview-btn.hidden{display:none}
.task.dragging{opacity:.72;transform:scale(.985)}

.archive-section{
  max-width:1680px;
  margin:16px auto 40px;
  padding:0 12px;
}

.archive-section > summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:38px;
  padding:0 14px;
  border-radius:14px;
  font-weight:1000;
  font-size:.76rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.062);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.14));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 8px 18px rgba(0,0,0,.18);
}

.archive-section > summary::-webkit-details-marker{display:none}
.archive-section > summary::before{content:"▾";color:var(--accent)}
.archive-section[open] > summary::before{content:"▴"}

.archive-panel{
  margin-top:14px !important;
  border-radius:18px !important;
  padding:14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.014), rgba(0,0,0,.14)),
    linear-gradient(180deg, rgba(255,255,255,.004), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.062);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.024),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 12px 22px rgba(0,0,0,.12) !important;
}

.archive-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.040);
}

.archive-meta,.archive-actions{display:flex;align-items:center;gap:8px}

.archive-count,.archive-group-count,.day-modal-count-chip{
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.055);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.10));
  color:#9098a1;
  font-size:.72rem;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-variant-numeric:tabular-nums;
}

.archive-list{display:flex;flex-direction:column;gap:16px;max-height:420px;overflow:auto;padding-right:4px}
.archive-group{display:flex;flex-direction:column;gap:8px}
.archive-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.archive-group-title{color:#c1c8cf;font-size:.72rem;letter-spacing:.20em}
.archive-group-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}

.task.is-archive{
  min-height:62px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.038);
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.12));
}

.archive-task-main{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.task.is-archive .task-title{
  font-size:.88rem;
  color:#dde4ea;
  white-space:normal;
  overflow:visible;
  display:block;
}

.archive-task-meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  font-size:.70rem;
  color:#7f8892;
}

.archive-task-cat{color:#a5adb5}
.archive-task-sep{opacity:.5}

.empty-state{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:78px;
  border:1px dashed rgba(255,255,255,.07);
  border-radius:14px;
  color:var(--muted);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.toast-wrap{
  position:fixed;
  right:16px;
  bottom:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:3000;
  pointer-events:none;
}

.toast{
  pointer-events:auto;
  opacity:0;
  transform:translateY(12px) scale(.98);
  transition:transform .28s cubic-bezier(.22,.78,.18,1), opacity .22s cubic-bezier(.2,.7,.2,1);
  border-radius:15px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(255,255,255,.010), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.050);
  padding:11px;
  display:flex;
  gap:8px;
  min-width:260px;
  max-width:360px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 18px 32px rgba(0,0,0,.24);
  backdrop-filter:blur(18px);
}

.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast.hide{opacity:0;transform:translateY(8px) scale(.985)}
.toast.success{border-left:4px solid #10b75a}
.toast.error{border-left:4px solid #ff3b30}
.toast.warning{border-left:4px solid #ffb020}
.toast.info{border-left:4px solid var(--home)}
.toast-title{font-weight:1000;font-size:.78rem}
.toast-text{font-size:.9rem;color:#e3e8ec;font-weight:650}
.toast-close{
  border:1px solid rgba(255,255,255,.06);
  background:transparent;
  border-radius:10px;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#bbb;
  cursor:pointer;
}

.modal-root{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:4000;
}

.modal-root.show{display:flex}

.modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(8px);
}

.modal-card{
  position:relative;
  width:min(96vw,520px);
  padding:18px;
  border-radius:20px 20px 16px 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(255,255,255,.010), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.055);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 34px 80px rgba(0,0,0,.46);
  backdrop-filter:blur(24px);
}

.modal-kicker{font-size:.66rem;color:#ff7a43;margin-bottom:8px}
.modal-title{margin:0 0 8px;font-size:1.08rem;line-height:1.18;font-weight:1000}
.modal-text{color:#8a929b;line-height:1.5}
.edit-task-input{width:100%;margin-top:12px}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}
.modal-btn{border-radius:10px;height:36px;padding:0 14px}
.modal-btn.primary{
  background:
    linear-gradient(180deg, rgba(255,106,45,.18), rgba(255,90,31,.08)),
    linear-gradient(180deg, #2c1710, #160b08);
  border:1px solid rgba(255,106,45,.16);
  color:#fff;
}
.modal-btn.danger{
  background:
    linear-gradient(180deg, rgba(255,74,74,.24), rgba(255,46,46,.14)),
    linear-gradient(180deg, #321010, #190909);
  border:1px solid rgba(255,70,70,.20);
  color:#fff;
}
.modal-btn.ghost{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.10))}

.day-modal-card{width:min(96vw,680px)}
.day-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.day-modal-title{font-size:1.04rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.day-modal-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:min(62vh,560px);
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
  scrollbar-gutter:stable both-edges;
  overscroll-behavior:contain;
}
.day-modal-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:110px;
  color:var(--muted);
  border:1px dashed rgba(255,255,255,.07);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
}

.is-hidden{display:none !important}

*{scrollbar-width:thin;scrollbar-color:rgba(255,106,45,.35) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(255,106,45,.48), rgba(255,106,45,.22));
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}

.telegram-btn{
  min-width:108px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.036), rgba(0,0,0,.13));
  color:#dbe6f1;
  border-color:rgba(255,255,255,.06);
}

.manual-btn{
  min-width:104px;
  background:
    linear-gradient(180deg, rgba(255,125,71,.12), rgba(255,106,45,.05)),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12));
  color:#ffe0d2;
  border-color:rgba(255,125,71,.14);
}

.manual-modal-card{
  width:min(96vw,760px);
  padding:18px 18px 16px;
}

.manual-thread{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:min(68vh,640px);
  overflow-y:auto;
  padding-right:4px;
}

.manual-bubble{
  max-width:min(100%, 620px);
  padding:12px 14px;
  border-radius:18px 18px 18px 10px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.036), rgba(0,0,0,.12)),
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.16);
}

.manual-bubble p{
  margin:0;
  color:#b9c2ca;
  line-height:1.55;
}

.manual-bubble p + p{
  margin-top:7px;
}

.manual-bubble strong{
  color:#f0f4f7;
  font-weight:900;
}

.manual-bubble-accent{
  align-self:flex-end;
  border-radius:18px 18px 10px 18px;
  border-color:rgba(255,125,71,.12);
  background:
    linear-gradient(180deg, rgba(255,125,71,.12), rgba(255,106,45,.05)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.10));
}

.manual-bubble-soft{
  border-style:dashed;
  color:#d7dee4;
}

.task.closing{opacity:.55;transform:scale(.985)}

@media (max-width:1280px){
  .week-grid{grid-template-columns:repeat(4,minmax(210px,1fr))}
  .input-panel{max-width:100%;grid-template-columns:1.2fr .8fr .8fr .9fr}
}

@media (max-width:980px){
  .top-line{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .top-left,.top-right,.top-center{justify-content:center !important}
  .header-container{padding: 32px 12px 12px !important}
  .main-title{
    font-size: clamp(2.5rem, 8.6vw, 4.4rem) !important;
    letter-spacing: .09em !important;
  }
  .sub-title{
    font-size: .72rem !important;
    letter-spacing: .22em !important;
  }
  .rings-container{flex-wrap: wrap !important}
  .week-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}
  .day-card{min-height:unset !important}
  .input-panel{grid-template-columns:1fr}
  .archive-group-list{grid-template-columns:repeat(2,minmax(220px,1fr))}
}

@media (max-width:640px){
  .date-widget{
    font-size: .78rem !important;
    letter-spacing: .12em !important;
    padding: 7px 12px !important;
  }
  .week-progress,.filter-group,.tools-group,.theme-switch{
    width: 100% !important;
    justify-content: center !important;
  }
  .ring-box{min-width: 88px !important}
  .ring-value{font-size: .92rem !important}
  .week-grid{grid-template-columns:1fr;padding:0 12px}
  .input-panel{margin-left:12px;margin-right:12px}
  .task{min-height:52px !important}
  .archive-header{flex-direction:column;align-items:stretch}
  .archive-actions{justify-content:flex-end}
  .archive-group-list{grid-template-columns:1fr}
}

body.preload .header-container,
body.preload .top-line,
body.preload .input-panel,
body.preload .week-grid,
body.preload .archive-section{
  opacity:0;
  transform:translateY(18px);
}

body.preload .day-card,
body.preload .task,
body.preload .archive-panel{
  opacity:0;
  transform:translateY(14px) scale(.985);
}

body.is-ready .header-container{
  animation:riseFade .72s cubic-bezier(.22,.78,.18,1) both;
}

body.is-ready .top-line{
  animation:riseFade .72s cubic-bezier(.22,.78,.18,1) .10s both;
}

body.is-ready .input-panel{
  animation:riseFade .72s cubic-bezier(.22,.78,.18,1) .18s both;
}

body.is-ready .archive-section{
  animation:riseFade .78s cubic-bezier(.22,.78,.18,1) .52s both;
}

body.is-ready .day-card{
  animation:cardIn .56s cubic-bezier(.22,.78,.18,1) both;
}

body.is-ready .day-card:nth-child(1){animation-delay:.24s}
body.is-ready .day-card:nth-child(2){animation-delay:.29s}
body.is-ready .day-card:nth-child(3){animation-delay:.34s}
body.is-ready .day-card:nth-child(4){animation-delay:.39s}
body.is-ready .day-card:nth-child(5){animation-delay:.44s}
body.is-ready .day-card:nth-child(6){animation-delay:.49s}
body.is-ready .day-card:nth-child(7){animation-delay:.54s}

body.is-ready .header-container::before{
  animation:heroGlow 1.8s ease-out both;
}

body.is-ready .header-container::after{
  animation:lineReveal 1.1s cubic-bezier(.22,.78,.18,1) .18s both;
  transform-origin:center;
}

.week-progress,
.filter-group,
.tools-group,
.theme-switch,
.input-panel,
.day-card,
.archive-panel,
.modal-card,
.toast,
.task{
  will-change:transform, opacity;
}

@keyframes riseFade{
  from{
    opacity:0;
    transform:translateY(18px);
    filter:blur(4px);
  }
  to{
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
  }
}

@keyframes cardIn{
  from{
    opacity:0;
    transform:translateY(16px) scale(.985);
    filter:blur(5px);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

@keyframes heroGlow{
  from{
    opacity:0;
    transform:translateX(-50%) scale(.92);
  }
  to{
    opacity:.22;
    transform:translateX(-50%) scale(1);
  }
}

@keyframes lineReveal{
  from{
    opacity:0;
    transform:translateX(-50%) scaleX(.45);
  }
  to{
    opacity:.26;
    transform:translateX(-50%) scaleX(1);
  }
}

body[data-theme="light"]{
  background:
    radial-gradient(78% 26% at 50% -2%, rgba(255,255,255,.72), transparent 54%),
    linear-gradient(180deg, #f7f7f8 0%, #eef1f4 44%, #e4e9ef 100%);
}

body[data-theme="light"]::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,255,255,0) 14%),
    radial-gradient(52% 18% at 50% 0%, rgba(255,255,255,.75), rgba(255,255,255,0) 72%);
}

body[data-theme="light"]::after{
  background-image:
    linear-gradient(rgba(0,0,0,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.022) 1px, transparent 1px);
  opacity:.22;
}

body[data-theme="light"] .main-title{
  background:linear-gradient(180deg, #1e242b 0%, #4e5966 48%, #9aa6b2 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}

body[data-theme="light"] .sub-title{
  color:#cc5d2f !important;
}

body[data-theme="light"] .hero-clock,
body[data-theme="light"] .date-widget,
body[data-theme="light"] .week-progress,
body[data-theme="light"] .filter-group,
body[data-theme="light"] .tools-group,
body[data-theme="light"] .theme-switch,
body[data-theme="light"] .input-panel,
body[data-theme="light"] .day-card,
body[data-theme="light"] .archive-panel,
body[data-theme="light"] .modal-card,
body[data-theme="light"] .toast{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,247,250,.82)) !important;
  border-color:rgba(24,32,42,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 12px 28px rgba(40,52,68,.10) !important;
}

body[data-theme="light"] .hero-clock{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(243,246,249,.88)) !important;
}

body[data-theme="light"] .clock-main{
  background:linear-gradient(180deg, #25303b 0%, #4a5563 62%, #7e8a97 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

body[data-theme="light"] .clock-seconds{
  color:#d16537 !important;
}

body[data-theme="light"] .date-widget{
  color:#48515b !important;
  -webkit-text-fill-color:#48515b !important;
}

body[data-theme="light"] .top-line::before,
body[data-theme="light"] .header-container::after,
body[data-theme="light"] .day-card::after{
  background:linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
}

body[data-theme="light"] .week-progress-label,
body[data-theme="light"] .filter-label,
body[data-theme="light"] .tools-label,
body[data-theme="light"] .theme-switch-label,
body[data-theme="light"] .ring-label,
body[data-theme="light"] .archive-group-title,
body[data-theme="light"] .day-title{
  color:#5b6772 !important;
}

body[data-theme="light"] .week-progress-value{
  color:#d16537 !important;
}

body[data-theme="light"] .filter-btn,
body[data-theme="light"] .tool-btn,
body[data-theme="light"] .import-label,
body[data-theme="light"] .archive-clear-btn,
body[data-theme="light"] .day-more-btn,
body[data-theme="light"] .modal-btn,
body[data-theme="light"] .preview-btn,
body[data-theme="light"] .edit-btn,
body[data-theme="light"] .del-x,
body[data-theme="light"] .add-btn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(236,240,244,.9)) !important;
  border-color:rgba(24,32,42,.10) !important;
  color:#33404c !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 8px 18px rgba(40,52,68,.08) !important;
}

body[data-theme="light"] .filter-btn.active,
body[data-theme="light"] .add-btn,
body[data-theme="light"] .modal-btn.primary{
  background:
    linear-gradient(180deg, rgba(255,137,85,.95), rgba(236,113,57,.9)) !important;
  border-color:rgba(211,100,48,.24) !important;
  color:#fff !important;
}

body[data-theme="light"] input,
body[data-theme="light"] select{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,244,247,.96)) !important;
  border-color:rgba(24,32,42,.10) !important;
  color:#202933 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body[data-theme="light"] .ring-track{
  stroke:rgba(20,28,38,.10);
}

body[data-theme="light"] .ring-inner::before{
  background:
    radial-gradient(120% 120% at 50% 16%, rgba(255,255,255,.95) 0%, rgba(245,247,250,.96) 34%, rgba(212,220,227,.95) 100%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(222,228,234,.96));
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.98),
    inset 0 -4px 8px rgba(150,166,181,.18),
    0 0 0 1px rgba(255,255,255,.72) inset;
}

body[data-theme="light"] .ring-inner::after{
  border-color:rgba(228,233,238,.98);
}

body[data-theme="light"] .ring-value{
  color:#2e3945 !important;
}

body[data-theme="light"] .task,
body[data-theme="light"] .task.is-archive{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,243,246,.96)) !important;
  border-color:rgba(24,32,42,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 6px 14px rgba(40,52,68,.06) !important;
}

body[data-theme="light"] .task-title,
body[data-theme="light"] .task.is-archive .task-title,
body[data-theme="light"] .modal-title,
body[data-theme="light"] .toast-text{
  color:#26303a !important;
}

body[data-theme="light"] .day-count,
body[data-theme="light"] .archive-count,
body[data-theme="light"] .archive-group-count,
body[data-theme="light"] .day-modal-count-chip{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(236,240,244,.9)) !important;
  border-color:rgba(24,32,42,.10) !important;
  color:#55616d !important;
  -webkit-text-fill-color:#55616d !important;
}

body[data-theme="light"] .today-badge{
  background:linear-gradient(180deg, rgba(255,145,97,.96), rgba(234,112,58,.92)) !important;
  border-color:rgba(211,100,48,.18) !important;
  color:#fff !important;
}

body[data-theme="light"] .day-preview-hint,
body[data-theme="light"] .day-modal-empty,
body[data-theme="light"] .empty-state{
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(242,245,248,.82)) !important;
  border-color:rgba(24,32,42,.10) !important;
  color:#62707c !important;
}

body[data-theme="light"] .archive-task-meta,
body[data-theme="light"] .modal-text,
body[data-theme="light"] .toast-title{
  color:#62707c !important;
}

@media (prefers-reduced-motion: reduce){
  body.is-ready .header-container,
  body.is-ready .top-line,
  body.is-ready .input-panel,
  body.is-ready .archive-section,
  body.is-ready .day-card,
  body.is-ready .header-container::before,
  body.is-ready .header-container::after{
    animation:none !important;
  }
}
.quote-watermark {
  position: fixed;
  top: 20px;
  right: 28px;
  max-width: 320px;
  text-align: right;
  font-size: 11px;
  line-height: 1.65;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.14);
  z-index: 2;
  pointer-events: none;
  user-select: none;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.03);
}

.quote-watermark .quote-author {
  display: inline-block;
  margin-top: 6px;
  color: rgba(255, 140, 60, 0.22);
}

.focus-skip-link{
  position:fixed;
  top:12px;
  left:12px;
  z-index:5000;
  padding:10px 14px;
  border-radius:12px;
  background:rgba(14,16,20,.94);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none;
  transform:translateY(-140%);
  transition:transform .2s ease;
}

.focus-skip-link:focus-visible{
  transform:translateY(0);
}

.app-shell{
  position:relative;
  z-index:0;
}

.input-hint{
  max-width:780px;
  margin:0 auto 10px;
  padding:0 14px;
  color:var(--muted);
  font-size:.74rem;
  line-height:1.45;
  letter-spacing:.03em;
  text-align:center;
}

.onboarding-panel{
  max-width:1180px;
  margin:0 auto 14px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(0,0,0,.14)),
    linear-gradient(90deg, rgba(255,106,45,.045), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 14px 24px rgba(0,0,0,.14);
}

.onboarding-panel[hidden],
.onboarding-panel.is-hidden{
  display:none !important;
}

.onboarding-copy{
  display:grid;
  gap:4px;
}

.onboarding-title{
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#ffd6c7;
}

.onboarding-text{
  color:#9ba5ae;
  font-size:.83rem;
  line-height:1.5;
}

.onboarding-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible,
.day-card:focus-visible,
.task:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 1px rgba(255,106,45,.32),
    0 0 0 4px rgba(255,106,45,.10),
    0 16px 30px rgba(0,0,0,.20) !important;
}

.add-btn:disabled{
  cursor:not-allowed;
  opacity:.58;
  box-shadow:none;
  filter:saturate(.7);
}

.day-card{
  transition:
    transform .2s cubic-bezier(.22,.78,.18,1),
    box-shadow .22s cubic-bezier(.2,.7,.2,1),
    border-color .2s cubic-bezier(.2,.7,.2,1),
    background .22s cubic-bezier(.2,.7,.2,1);
}

.day-card:hover{
  transform:translateY(-2px);
}

.day-card.today{
  background:
    radial-gradient(120% 110% at 50% 0%, rgba(255,106,45,.08), transparent 56%),
    linear-gradient(180deg, rgba(10,12,16,.72), rgba(7,9,12,.90)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
}

.day-card.is-empty .day-preview-hint,
.day-card.is-filter-empty .day-preview-hint{
  min-height:56px;
}

.task{
  transition:
    transform .18s cubic-bezier(.22,.78,.18,1),
    box-shadow .22s cubic-bezier(.2,.7,.2,1),
    border-color .2s cubic-bezier(.2,.7,.2,1),
    background .2s cubic-bezier(.2,.7,.2,1);
}

.task:hover{
  transform:translateY(-1px);
}

.task.is-pending{
  pointer-events:none;
  opacity:.86;
}

.task::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, rgba(255,255,255,.05), transparent 34%);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}

.task:hover::after,
.task:focus-visible::after{
  opacity:1;
}

.task-content{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.task-title{
  line-height:1.2 !important;
}

.task-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.task-badge{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.10));
  color:#95a0aa;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.task-badge-age{
  color:#7f8992;
  border-color:rgba(255,255,255,.05);
  background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(0,0,0,.08));
  letter-spacing:.06em;
  text-transform:none;
}

.task-badge-urgent{
  color:#ffbfaa;
  border-color:rgba(255,106,45,.12);
  background:
    linear-gradient(180deg, rgba(255,106,45,.14), rgba(160,54,24,.10)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
}

.task.urgent{
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(255,92,92,.08), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(0,0,0,.14)),
    linear-gradient(180deg, rgba(255,255,255,.005), rgba(255,255,255,0));
}

.task[data-age-days="0"] .task-badge-age{
  color:#90a9bf;
}

.task[data-age-days="1"] .task-badge-age,
.task[data-age-days="2"] .task-badge-age{
  color:#aeb8c0;
}

.task[data-age-days="3"] .task-badge-age,
.task[data-age-days="4"] .task-badge-age,
.task[data-age-days="5"] .task-badge-age{
  color:#d8b29e;
  border-color:rgba(255,139,74,.12);
}

.task[data-age-days="6"] .task-badge-age,
.task[data-age-days="7"] .task-badge-age,
.task[data-age-days="8"] .task-badge-age,
.task[data-age-days="9"] .task-badge-age{
  color:#ffc09e;
  border-color:rgba(255,139,74,.16);
}

.task[data-age-days]:not([data-age-days="0"]):not([data-age-days="1"]) .task-title{
  letter-spacing:.01em;
}

.task-actions{
  opacity:.72 !important;
  transform:translateX(2px);
  transition:opacity .18s cubic-bezier(.2,.7,.2,1), transform .18s cubic-bezier(.2,.7,.2,1);
}

.task:hover .task-actions,
.task:focus-visible .task-actions,
.task:focus-within .task-actions{
  opacity:1 !important;
  transform:translateX(0);
}

.toast{
  align-items:flex-start;
}

.quote-watermark{
  max-width:220px;
}

body[data-theme="light"] .input-hint,
body[data-theme="light"] .archive-task-meta,
body[data-theme="light"] .task-badge,
body[data-theme="light"] .day-preview-hint{
  color:#687481;
}

body[data-theme="light"] .task{
  border-color:rgba(24,32,42,.07);
}

body[data-theme="light"] .task.urgent{
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(255,92,92,.07), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,246,250,.90));
}

@media (max-width:980px){
  .input-hint{padding:0 12px}
}

@media (max-width:640px){
  .input-hint{margin-bottom:12px}
  .quote-watermark{display:none}
}

.control-deck{
  max-width:980px;
  margin:10px auto 14px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.062);
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(0,0,0,.16)),
    linear-gradient(180deg, rgba(255,255,255,.006), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.032),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 12px 22px rgba(0,0,0,.14);
  backdrop-filter:blur(18px);
}

.control-group{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-height:36px;
  position:relative;
}

.quick-actions{
  margin-left:auto;
}

.utility-actions{
  gap:10px;
  padding-left:12px;
}

.utility-actions::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.10), transparent);
  opacity:.8;
}

.search-shell{
  min-width:min(100%, 320px);
  max-width:320px;
  flex:0 1 320px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}

.search-shell input{
  width:100%;
  height:34px;
  padding:8px 10px;
}

.preset-row{
  gap:8px;
}

.preset-label{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 8px;
  color:var(--muted);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.control-btn,
.preset-btn,
.clear-search-btn,
.clone-btn{
  border:1px solid rgba(255,255,255,.060);
  background:
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(0,0,0,.13));
  color:var(--text);
  border-radius:11px;
  min-height:32px;
  padding:0 12px;
  font-size:.71rem;
  font-weight:900;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.18);
  transition:
    transform .16s cubic-bezier(.22,.78,.18,1),
    box-shadow .22s cubic-bezier(.2,.7,.2,1),
    border-color .2s cubic-bezier(.2,.7,.2,1),
    background .2s cubic-bezier(.2,.7,.2,1),
    opacity .18s cubic-bezier(.2,.7,.2,1);
}

.control-btn:hover,
.preset-btn:hover,
.clear-search-btn:hover,
.clone-btn:hover{
  border-color:rgba(255,255,255,.095);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.2),
    0 8px 14px rgba(0,0,0,.16);
}

.control-btn.active,
.preset-btn:focus-visible{
  border-color:rgba(255,106,45,.18);
  background:
    linear-gradient(180deg, rgba(255,106,45,.14), rgba(255,90,31,.05)),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(0,0,0,.1));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(255,106,45,.14),
    0 10px 18px rgba(255,106,45,.12);
}

.preset-btn.active{
  border-color:rgba(255,106,45,.18);
  background:
    linear-gradient(180deg, rgba(255,106,45,.14), rgba(255,90,31,.05)),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(0,0,0,.1));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(255,106,45,.14),
    0 10px 18px rgba(255,106,45,.12);
}

.utility-btn{
  min-width:112px;
  border-color:rgba(255,196,168,.12);
  background:
    linear-gradient(180deg, rgba(255,136,84,.10), rgba(255,90,31,.03)),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.14));
  color:#f2d8cc;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 18px rgba(255,90,31,.08);
}

.utility-btn:hover{
  border-color:rgba(255,196,168,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 20px rgba(255,90,31,.10);
}

.today-btn{
  color:#ffd7c7;
}

.compact-btn{
  color:#ffcfb7;
}

.clear-search-btn:disabled{
  cursor:not-allowed;
  opacity:.48;
  box-shadow:none;
}

.clear-search-btn{
  min-width:34px;
  padding:0;
}

.day-card{
  background:
    radial-gradient(140% 90% at 50% 0%, var(--day-accent, rgba(255,106,45,.12)), transparent 56%),
    linear-gradient(180deg, rgba(10,12,16,.70), rgba(7,9,12,.88)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
}

.day-card.today{
  background:
    radial-gradient(120% 110% at 50% 0%, rgba(255,106,45,.08), transparent 54%),
    radial-gradient(140% 90% at 50% 0%, var(--day-accent, rgba(255,106,45,.12)), transparent 58%),
    linear-gradient(180deg, rgba(10,12,16,.72), rgba(7,9,12,.90)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
}

.day-summary{
  margin-top:8px;
  min-height:24px;
  color:#8f99a3;
  font-size:.68rem;
  line-height:1.35;
  letter-spacing:.06em;
}

.day-card.is-spotlit{
  transform:translateY(-4px) scale(1.015);
  border-color:rgba(255,106,45,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 0 0 1px rgba(255,106,45,.22),
    0 0 0 8px rgba(255,106,45,.10),
    0 30px 48px rgba(0,0,0,.32) !important;
  animation:daySpotlightPulse .9s ease-out;
}

.day-card.is-search-empty .day-preview-hint{
  border-style:solid;
}

.day-card.is-spotlit .today-badge{
  transform:scale(1.08);
  box-shadow:0 0 0 4px rgba(255,106,45,.12);
}

.task-fresh{
  animation:taskFreshIn .52s cubic-bezier(.22,.78,.18,1);
}

body.completion-pulse .top-line,
body.completion-pulse .control-deck,
body.completion-pulse .hero-info-strip{
  animation:completionPulse .72s cubic-bezier(.2,.82,.24,1);
}

@keyframes completionPulse{
  0%{
    box-shadow:
      0 0 0 0 rgba(255,106,45,0),
      0 18px 30px rgba(0,0,0,.14);
    transform:translateY(0);
  }
  30%{
    box-shadow:
      0 0 0 1px rgba(255,106,45,.12),
      0 0 42px rgba(255,106,45,.12),
      0 20px 34px rgba(0,0,0,.16);
    transform:translateY(-1px);
  }
  100%{
    box-shadow:
      0 0 0 0 rgba(255,106,45,0),
      0 18px 30px rgba(0,0,0,.14);
    transform:translateY(0);
  }
}

.clone-btn,
.preview-btn,
.edit-btn,
.del-x{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  padding:0;
  border-radius:999px !important;
  color:#96a0a9;
}

body.compact-mode .control-deck{
  margin-bottom:10px;
}

body.compact-mode .input-panel{
  max-width:760px;
  padding:6px;
}

body.compact-mode .week-grid{
  gap:8px;
}

body.compact-mode .day-card{
  min-height:274px !important;
  padding:8px 8px 7px !important;
}

body.compact-mode .day-summary{
  display:none;
}

body.compact-mode .day-tasks{
  gap:5px !important;
}

body.compact-mode .task{
  min-height:44px !important;
  padding:7px 8px 7px 9px !important;
}

body.compact-mode .task-title{
  font-size:.82rem !important;
  line-height:1.1 !important;
}

body.compact-mode .task-meta{
  gap:4px;
}

body.compact-mode .task-badge{
  min-height:16px;
  padding:0 5px;
  font-size:.5rem;
}

body.compact-mode .day-preview-hint{
  min-height:34px;
  margin-top:6px;
  font-size:.64rem;
}

body.compact-mode .day-more-wrap{
  padding-top:4px;
}

body.compact-mode .day-count,
body.compact-mode .today-badge{
  transform:scale(.92);
}

body[data-theme="light"] .quick-actions,
body[data-theme="light"] .search-shell,
body[data-theme="light"] .preset-row,
body[data-theme="light"] .control-deck{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,247,250,.82)) !important;
  border-color:rgba(24,32,42,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 12px 28px rgba(40,52,68,.10) !important;
}

body[data-theme="light"] .control-btn,
body[data-theme="light"] .preset-btn,
body[data-theme="light"] .clear-search-btn,
body[data-theme="light"] .clone-btn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(236,240,244,.9)) !important;
  border-color:rgba(24,32,42,.10) !important;
  color:#33404c !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 8px 18px rgba(40,52,68,.08) !important;
}

body[data-theme="light"] .control-btn.active{
  background:
    linear-gradient(180deg, rgba(255,137,85,.95), rgba(236,113,57,.9)) !important;
  border-color:rgba(211,100,48,.24) !important;
  color:#fff !important;
}

body[data-theme="light"] .preset-label,
body[data-theme="light"] .day-summary{
  color:#67727e;
}

body[data-theme="light"] .day-card{
  background:
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.09)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,247,250,.82)) !important;
}

body[data-theme="light"] .day-card.today{
  background:
    radial-gradient(120% 110% at 50% 0%, rgba(255,106,45,.10), transparent 54%),
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.09)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,247,250,.84)) !important;
}

body[data-theme="light"] .task.cat-Дом{
  border-left-color:rgba(58,132,255,.94);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(88,170,255,.14), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,243,246,.96)) !important;
}

body[data-theme="light"] .task.cat-Работа{
  border-left-color:rgba(255,139,74,.96);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(255,139,74,.14), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,243,246,.96)) !important;
}

body[data-theme="light"] .task.cat-Личное{
  border-left-color:rgba(67,200,123,.96);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(67,230,138,.14), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,243,246,.96)) !important;
}

.task[data-category="Дом"] .task-badge-cat{
  color:#8dc3ff;
  border-color:rgba(88,170,255,.18);
  background:
    linear-gradient(180deg, rgba(88,170,255,.14), rgba(34,72,126,.12)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
}

.task[data-category="Работа"] .task-badge-cat{
  color:#ffc09e;
  border-color:rgba(255,139,74,.18);
  background:
    linear-gradient(180deg, rgba(255,139,74,.14), rgba(126,64,34,.12)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
}

.task[data-category="Личное"] .task-badge-cat{
  color:#a5f0c4;
  border-color:rgba(67,230,138,.18);
  background:
    linear-gradient(180deg, rgba(67,230,138,.14), rgba(27,102,60,.12)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
}

body[data-theme="light"] .task[data-category="Дом"] .task-badge-cat{
  color:#206fdb;
  border-color:rgba(58,132,255,.22);
  background:
    linear-gradient(180deg, rgba(88,170,255,.20), rgba(88,170,255,.08)) !important;
}

body[data-theme="light"] .task[data-category="Работа"] .task-badge-cat{
  color:#cb6329;
  border-color:rgba(255,139,74,.22);
  background:
    linear-gradient(180deg, rgba(255,139,74,.20), rgba(255,139,74,.08)) !important;
}

body[data-theme="light"] .task[data-category="Личное"] .task-badge-cat{
  color:#1f8a55;
  border-color:rgba(67,200,123,.22);
  background:
    linear-gradient(180deg, rgba(67,230,138,.20), rgba(67,230,138,.08)) !important;
}

.task-modal-card{
  width:min(96vw, 560px);
}

.task-modal-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 12px;
}

.task-modal-chip{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.10));
  color:#c5cdd5;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
}

.task-modal-chip.urgent{
  color:#ffb9a0;
  border-color:rgba(255,106,45,.14);
  background:
    linear-gradient(180deg, rgba(255,106,45,.16), rgba(160,54,24,.10)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
}

.task-modal-text{
  color:#a4aeb8;
  line-height:1.55;
}

body[data-theme="light"] .task-modal-chip{
  color:#586573;
  border-color:rgba(24,32,42,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(236,240,244,.9)) !important;
}

body[data-theme="light"] .task-modal-chip.urgent{
  color:#c85d2a;
  border-color:rgba(211,100,48,.20);
  background:
    linear-gradient(180deg, rgba(255,137,85,.20), rgba(236,113,57,.10)) !important;
}

@keyframes taskFreshIn{
  0%{
    opacity:0;
    transform:translateY(8px) scale(.985);
    box-shadow:0 0 0 0 rgba(255,106,45,0);
  }
  60%{
    opacity:1;
    transform:translateY(0) scale(1);
    box-shadow:0 0 0 1px rgba(255,106,45,.14);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    box-shadow:inherit;
  }
}

@keyframes daySpotlightPulse{
  0%{
    box-shadow:
      0 0 0 0 rgba(255,106,45,.18),
      0 24px 44px rgba(0,0,0,.26);
  }
  100%{
    box-shadow:
      0 0 0 10px rgba(255,106,45,0),
      0 30px 48px rgba(0,0,0,.32);
  }
}

@keyframes buttonFlash{
  0%, 100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-1px) scale(1.03);
  }
}

.control-btn.is-flashing{
  animation:buttonFlash .42s ease-in-out 3;
}

.header-container{
  max-width:1240px !important;
  padding:30px 16px 10px !important;
  row-gap:10px !important;
}

.header-container::before{
  width:min(760px, 68vw) !important;
  height:124px !important;
  top:0 !important;
  opacity:.22 !important;
  background:
    radial-gradient(56% 70% at 50% 44%, rgba(255,255,255,.05), transparent 62%),
    radial-gradient(32% 34% at 50% 18%, rgba(255,106,45,.08), transparent 72%),
    radial-gradient(26% 20% at 66% 28%, rgba(102,176,255,.05), transparent 78%);
  filter:blur(24px);
}

.header-container::after{
  width:min(560px, 52vw) !important;
  top:18px !important;
  opacity:.18 !important;
}

.main-title{
  font-size:clamp(3rem, 5.6vw, 4.9rem) !important;
  letter-spacing:.15em !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f8fb 12%, #dde3ea 31%, #9ba4ae 50%, #eef2f6 70%, #a6b0ba 84%, #68717b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.05),
    0 10px 18px rgba(0,0,0,.34),
    0 0 16px rgba(255,255,255,.03);
}

.main-title::after{
  left:22%;
  right:22%;
  bottom:-8px;
  opacity:.18;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), rgba(255,106,45,.10), transparent);
}

.sub-title{
  padding:0 16px;
  min-height:24px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.16)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.14);
  font-size:.68rem !important;
  letter-spacing:.24em !important;
}

.hero-info-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:8px 10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.065);
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 14px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(20px);
}

.hero-clock,
.date-widget{
  margin:0 !important;
}

.hero-clock{
  min-width:156px;
  padding:6px 12px !important;
  border-radius:14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(0,0,0,.14)) !important;
}

.date-widget{
  min-width:206px;
  justify-content:center;
  padding:7px 14px !important;
  font-size:.78rem !important;
  letter-spacing:.14em !important;
}

.top-line{
  max-width:1480px !important;
  margin:6px auto 10px !important;
  padding:14px 16px 12px !important;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(255,255,255,.006), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 18px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(22px);
}

.top-line::before{
  left:22px;
  right:22px;
  top:18px;
  transform:none;
  opacity:.24;
}

.top-line::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  opacity:.22;
  pointer-events:none;
}

.rings-container{
  padding:8px 10px 4px !important;
  border-radius:22px !important;
  background:
    radial-gradient(58% 72% at 50% 22%, rgba(255,255,255,.022), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 18px rgba(0,0,0,.10);
}

.control-deck{
  margin-top:2px;
  margin-bottom:12px;
  max-width:920px;
  padding:7px 10px;
  border-radius:16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 10px 18px rgba(0,0,0,.12);
}

.day-card{
  border-radius:22px 22px 18px 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 22px 40px rgba(0,0,0,.22) !important;
}

.day-card::before{
  background:
    radial-gradient(120% 62% at 50% 0%, rgba(255,255,255,.024), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0) 24%, rgba(0,0,0,0) 84%, rgba(0,0,0,.12) 100%),
    linear-gradient(90deg, rgba(255,255,255,.012) 0, rgba(255,255,255,0) 28%, rgba(255,255,255,.008) 56%, rgba(255,255,255,0) 100%);
}

.task{
  border-radius:14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.16)),
    linear-gradient(90deg, rgba(255,255,255,.012), rgba(255,255,255,0) 46%),
    linear-gradient(180deg, rgba(255,255,255,.005), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 10px 18px rgba(0,0,0,.12) !important;
}

.task:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 14px 22px rgba(0,0,0,.16) !important;
}

.task-title{
  letter-spacing:.01em;
}

body.is-ready .main-title{
  animation:heroTitleBloom 1.15s cubic-bezier(.2,.8,.2,1) .12s both;
}

body.is-ready .sub-title{
  animation:heroRailIn .9s cubic-bezier(.22,.78,.18,1) .24s both;
}

body.is-ready .hero-info-strip{
  animation:heroRailIn .9s cubic-bezier(.22,.78,.18,1) .34s both;
}

@keyframes heroRailIn{
  from{
    opacity:0;
    transform:translateY(10px);
    filter:blur(6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
  }
}

@keyframes heroTitleBloom{
  from{
    opacity:0;
    transform:translateY(14px) scale(.97);
    filter:blur(8px);
    letter-spacing:.18em;
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
    letter-spacing:.15em;
  }
}
body[data-theme="light"] .top-line::after{
  background:linear-gradient(90deg, transparent, rgba(0,0,0,.12), transparent);
}

body[data-theme="light"] .hero-info-strip,
body[data-theme="light"] .top-line{
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,247,250,.84)) !important;
  border-color:rgba(24,32,42,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 18px 34px rgba(40,52,68,.10) !important;
}

body[data-theme="light"] .main-title{
  background:linear-gradient(180deg, #17212b 0%, #495564 44%, #99a7b5 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

body[data-theme="light"] .sub-title{
  border-color:rgba(24,32,42,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(236,240,244,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 10px 22px rgba(40,52,68,.08);
}

@media (max-width:980px){
  .header-container{
    padding:28px 12px 12px !important;
  }

  .hero-info-strip{
    flex-direction:column;
    width:min(100%, 560px);
  }

  .top-line{
    padding:12px 12px 10px !important;
  }
}

@media (max-width:640px){
  .main-title{
    font-size:clamp(2.55rem, 11vw, 4.1rem) !important;
    letter-spacing:.12em !important;
  }

  .sub-title{
    letter-spacing:.16em !important;
    padding:0 10px;
  }

  .hero-clock,
  .date-widget{
    min-width:unset;
    width:100%;
  }

  .hero-info-strip{
    padding:8px;
  }
}

@media (max-width:980px){
  .control-deck{
    padding:10px 12px;
    gap:12px;
  }

  .control-group,
  .quick-actions,
  .search-shell,
  .preset-row{
    width:100%;
  }

  .quick-actions{
    margin-left:0;
  }
}

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

  .search-shell{
    max-width:none;
    grid-template-columns:1fr;
  }

  .preset-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .preset-label{
    grid-column:1 / -1;
  }
}

.quick-actions .control-btn{
  min-width:104px;
}

body[data-theme="light"]{
  background:
    radial-gradient(72% 28% at 50% 0%, rgba(255,255,255,.92), transparent 56%),
    radial-gradient(24% 18% at 52% 12%, rgba(255,146,92,.18), transparent 58%),
    radial-gradient(30% 20% at 22% 18%, rgba(103,168,255,.10), transparent 62%),
    linear-gradient(180deg, #eef2f6 0%, #e7edf3 42%, #dde5ee 100%);
}

body[data-theme="light"]::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,0) 14%),
    radial-gradient(52% 20% at 50% 0%, rgba(255,255,255,.84), rgba(255,255,255,0) 70%),
    radial-gradient(18% 12% at 50% 16%, rgba(255,146,92,.16), rgba(255,146,92,0) 76%);
}

body[data-theme="light"]::after{
  background-image:
    linear-gradient(rgba(35,52,70,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35,52,70,.018) 1px, transparent 1px);
  opacity:.14;
}

body[data-theme="light"] .hero-info-strip,
body[data-theme="light"] .top-line,
body[data-theme="light"] .control-deck,
body[data-theme="light"] .input-panel,
body[data-theme="light"] .day-card,
body[data-theme="light"] .archive-panel,
body[data-theme="light"] .modal-card,
body[data-theme="light"] .toast{
  background:
    linear-gradient(180deg, rgba(255,255,255,.54), rgba(247,250,253,.36)) !important;
  border-color:rgba(71,88,108,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(255,255,255,.22),
    0 18px 36px rgba(82,103,128,.12) !important;
  backdrop-filter:blur(22px) saturate(1.08);
}

body[data-theme="light"] .week-progress,
body[data-theme="light"] .filter-group,
body[data-theme="light"] .tools-group,
body[data-theme="light"] .theme-switch,
body[data-theme="light"] .search-shell,
body[data-theme="light"] .hero-clock,
body[data-theme="light"] .date-widget{
  background:
    linear-gradient(180deg, rgba(255,255,255,.58), rgba(246,249,252,.34)) !important;
  border-color:rgba(71,88,108,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(255,255,255,.16),
    0 14px 30px rgba(82,103,128,.11) !important;
  backdrop-filter:blur(20px) saturate(1.08);
}

body[data-theme="light"] .control-btn,
body[data-theme="light"] .preset-btn,
body[data-theme="light"] .clear-search-btn,
body[data-theme="light"] .filter-btn,
body[data-theme="light"] .tool-btn,
body[data-theme="light"] .import-label,
body[data-theme="light"] .archive-clear-btn,
body[data-theme="light"] .day-more-btn,
body[data-theme="light"] .modal-btn,
body[data-theme="light"] .add-btn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.62), rgba(240,245,250,.34)) !important;
  border-color:rgba(71,88,108,.12) !important;
  color:#354351 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 8px 18px rgba(82,103,128,.08) !important;
}

body[data-theme="light"] .filter-btn.active,
body[data-theme="light"] .control-btn.active,
body[data-theme="light"] .add-btn,
body[data-theme="light"] .modal-btn.primary{
  background:
    linear-gradient(180deg, rgba(255,158,112,.92), rgba(236,114,58,.78)) !important;
  border-color:rgba(211,100,48,.22) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 10px 22px rgba(211,100,48,.14) !important;
}

body[data-theme="light"] input,
body[data-theme="light"] select{
  background:
    linear-gradient(180deg, rgba(255,255,255,.60), rgba(241,246,250,.38)) !important;
  border-color:rgba(71,88,108,.10) !important;
  color:#23303b !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.80),
    0 6px 14px rgba(82,103,128,.05) !important;
}

body[data-theme="light"] .main-title{
  text-shadow:
    0 1px 0 rgba(255,255,255,.76),
    0 14px 24px rgba(82,103,128,.08) !important;
}

body[data-theme="light"] .sub-title{
  background:
    linear-gradient(180deg, rgba(255,255,255,.54), rgba(247,250,253,.26)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 10px 20px rgba(82,103,128,.08) !important;
}

body[data-theme="light"] .day-card{
  background:
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.10)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.50), rgba(246,249,252,.28)) !important;
}

body[data-theme="light"] .day-card.today{
  background:
    radial-gradient(120% 110% at 50% 0%, rgba(255,146,92,.14), transparent 54%),
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.10)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.56), rgba(246,249,252,.30)) !important;
}

body[data-theme="light"] .task,
body[data-theme="light"] .task.is-archive{
  background:
    linear-gradient(180deg, rgba(255,255,255,.64), rgba(245,249,252,.34)) !important;
  border-color:rgba(71,88,108,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 10px 18px rgba(82,103,128,.07) !important;
}

body[data-theme="light"] .task.cat-Дом{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(88,170,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.66), rgba(245,249,252,.34)) !important;
}

body[data-theme="light"] .task.cat-Работа{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(255,139,74,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.66), rgba(245,249,252,.34)) !important;
}

body[data-theme="light"] .task.cat-Личное{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(67,230,138,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.66), rgba(245,249,252,.34)) !important;
}

body[data-theme="light"] .day-preview-hint,
body[data-theme="light"] .day-modal-empty,
body[data-theme="light"] .empty-state{
  background:
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(245,249,252,.28)) !important;
  border-color:rgba(71,88,108,.10) !important;
}

body[data-theme="light"] .quote-watermark{
  color:rgba(72,88,106,.18);
  text-shadow:none;
}

body[data-theme="light"] .quote-watermark .quote-author{
  color:rgba(209,101,55,.34);
}

@media (min-width:981px){
  .control-deck{
    max-width:920px;
    display:grid;
    grid-template-columns:auto auto minmax(220px, 1fr);
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
  }

  .control-group{
    min-width:0;
    width:auto;
    flex-wrap:nowrap;
  }

  .preset-row{
    justify-self:start;
  }

  .quick-actions{
    margin-left:0;
    justify-self:center;
  }

  .quick-actions .control-btn{
    min-width:96px;
  }

  .search-shell{
    min-width:220px;
    max-width:none;
    width:100%;
    justify-self:end;
  }
}

body[data-theme="light"]{
  background:
    radial-gradient(68% 24% at 50% 0%, rgba(255,255,255,.90), transparent 52%),
    radial-gradient(24% 18% at 50% 14%, rgba(255,154,108,.12), transparent 58%),
    radial-gradient(24% 18% at 22% 20%, rgba(102,176,255,.09), transparent 62%),
    linear-gradient(180deg, #edf2f7 0%, #e7edf4 44%, #dee6ef 100%);
}

body[data-theme="light"]::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,0) 16%),
    radial-gradient(52% 20% at 50% 0%, rgba(255,255,255,.74), rgba(255,255,255,0) 72%);
}

body[data-theme="light"]::after{
  background-image:
    linear-gradient(rgba(24,40,60,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24,40,60,.018) 1px, transparent 1px);
  opacity:.10;
}

body[data-theme="light"] .hero-info-strip,
body[data-theme="light"] .top-line,
body[data-theme="light"] .control-deck,
body[data-theme="light"] .input-panel,
body[data-theme="light"] .day-card,
body[data-theme="light"] .archive-panel,
body[data-theme="light"] .modal-card,
body[data-theme="light"] .toast{
  background:
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(248,251,255,.18)) !important;
  border-color:rgba(67,85,108,.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.16),
    0 16px 30px rgba(73,96,124,.10) !important;
  backdrop-filter:blur(18px) saturate(1.05);
}

body[data-theme="light"] .week-progress,
body[data-theme="light"] .filter-group,
body[data-theme="light"] .tools-group,
body[data-theme="light"] .theme-switch,
body[data-theme="light"] .search-shell,
body[data-theme="light"] .hero-clock,
body[data-theme="light"] .date-widget{
  background:
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(246,250,255,.18)) !important;
  border-color:rgba(67,85,108,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 10px 22px rgba(73,96,124,.09) !important;
  backdrop-filter:blur(16px) saturate(1.04);
}

body[data-theme="light"] .control-btn,
body[data-theme="light"] .preset-btn,
body[data-theme="light"] .clear-search-btn,
body[data-theme="light"] .filter-btn,
body[data-theme="light"] .tool-btn,
body[data-theme="light"] .import-label,
body[data-theme="light"] .archive-clear-btn,
body[data-theme="light"] .day-more-btn,
body[data-theme="light"] .modal-btn,
body[data-theme="light"] .add-btn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(243,248,253,.20)) !important;
  border-color:rgba(67,85,108,.12) !important;
  color:#344251 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 8px 16px rgba(73,96,124,.07) !important;
}

body[data-theme="light"] .filter-btn.active,
body[data-theme="light"] .control-btn.active,
body[data-theme="light"] .add-btn,
body[data-theme="light"] .modal-btn.primary{
  background:
    linear-gradient(180deg, rgba(255,153,104,.90), rgba(235,113,58,.76)) !important;
  border-color:rgba(211,100,48,.22) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 10px 20px rgba(211,100,48,.12) !important;
}

body[data-theme="light"] input,
body[data-theme="light"] select{
  background:
    linear-gradient(180deg, rgba(255,255,255,.40), rgba(244,249,254,.18)) !important;
  border-color:rgba(67,85,108,.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 6px 12px rgba(73,96,124,.05) !important;
}

body[data-theme="light"] .main-title{
  background:linear-gradient(180deg, #2a3440 0%, #5a6674 52%, #a5b1bd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.62),
    0 10px 18px rgba(73,96,124,.08) !important;
}

body[data-theme="light"] .day-card{
  background:
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.08)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(247,251,255,.16)) !important;
}

body[data-theme="light"] .day-card.today{
  background:
    radial-gradient(120% 110% at 50% 0%, rgba(255,146,92,.12), transparent 54%),
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.08)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.32), rgba(247,251,255,.18)) !important;
}

body[data-theme="light"] .task,
body[data-theme="light"] .task.is-archive{
  background:
    linear-gradient(180deg, rgba(255,255,255,.44), rgba(245,249,253,.18)) !important;
  border-color:rgba(67,85,108,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 8px 16px rgba(73,96,124,.06) !important;
}

body[data-theme="light"] .control-deck .control-group,
body[data-theme="light"] .control-deck .preset-row,
body[data-theme="light"] .control-deck .quick-actions,
body[data-theme="light"] .control-deck .search-shell{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

body[data-theme="light"] .control-deck{
  overflow:hidden;
}

body[data-theme="light"] .day-preview-hint,
body[data-theme="light"] .day-modal-empty,
body[data-theme="light"] .empty-state{
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(247,251,255,.14)) !important;
  border-color:rgba(67,85,108,.10) !important;
}

body[data-theme="light"] .quote-watermark{
  color:rgba(76,91,108,.14);
}

.focus-strip{
  max-width:1700px;
  margin:0 auto 12px;
  padding:0 16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-start;
}

.focus-chip{
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.12)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
  color:#9ca7b2;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 18px rgba(0,0,0,.12);
}

.focus-chip.current{color:#ffd2bf;border-color:rgba(255,106,45,.14)}
.focus-chip.urgent{
  color:#fff;
  border-color:rgba(255,106,45,.2);
  background:
    linear-gradient(180deg, rgba(255,137,85,.24), rgba(236,113,57,.12)),
    linear-gradient(180deg, #2a1710, #140b08);
}
.focus-chip.busy{color:#c9d8e8;border-color:rgba(88,170,255,.14)}
.focus-chip.focus{
  color:#d5e3f3;
  border-color:rgba(120,158,214,.16);
}
.focus-chip.streak{
  color:#ffe3ba;
  border-color:rgba(255,188,92,.16);
}
.focus-chip.done{
  color:#d7ffd9;
  border-color:rgba(88,212,122,.16);
}
.focus-chip.stale{
  color:#ffd4c7;
  border-color:rgba(255,126,92,.16);
}
.focus-chip.level-low{
  color:#b9c3ce;
  border-color:rgba(132,149,168,.12);
}
.focus-chip.level-mid{
  color:#ffe3ba;
  border-color:rgba(255,188,92,.16);
}
.focus-chip.level-high{
  color:#d7ffd9;
  border-color:rgba(88,212,122,.16);
}
.focus-chip.level-max{
  color:#fff0ca;
  border-color:rgba(255,196,104,.20);
  background:
    linear-gradient(180deg, rgba(255,193,94,.18), rgba(143,92,22,.08)),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
}
.focus-chip.demo{
  color:#f2d3c4;
  border-color:rgba(255,155,116,.12);
}
.focus-chip.calm{color:#8fa19a}
.focus-chip.archive{color:#aeb7c1}
.focus-chip:disabled{
  cursor:default;
  opacity:.9;
}

.day-card.is-busy{
  border-color:rgba(255,255,255,.072) !important;
}

.day-card.is-overloaded{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 24px 44px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,106,45,.08) !important;
}

.day-card.has-urgent-focus .day-summary{
  color:#d5b3a2;
}

.task-lead{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.038),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 12px 20px rgba(0,0,0,.18) !important;
}

.task-lead .task-title{
  font-size:1.02rem !important;
}

.archive-summary{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  color:#7f8993;
  font-size:.68rem;
  letter-spacing:.06em;
}

.archive-clear-btn.secondary{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.10));
  color:#aeb7c0;
}

.archive-clear-btn.danger{
  color:#ffd5ca;
  border-color:rgba(255,92,92,.18);
  background:
    linear-gradient(180deg, rgba(255,88,88,.16), rgba(160,34,34,.08)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.10));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 16px rgba(120,20,20,.14);
}

.archive-clear-btn[hidden]{
  display:none !important;
}

body[data-theme="light"]{
  background:
    radial-gradient(76% 24% at 50% 0%, rgba(255,255,255,.54), transparent 48%),
    radial-gradient(26% 20% at 16% 16%, rgba(111,164,224,.11), transparent 58%),
    radial-gradient(24% 20% at 82% 18%, rgba(255,154,108,.09), transparent 58%),
    linear-gradient(180deg, #edf2f7 0%, #e4ebf2 46%, #dae3ec 100%);
}

body[data-theme="light"]::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0) 16%),
    radial-gradient(48% 18% at 50% 0%, rgba(255,255,255,.54), rgba(255,255,255,0) 74%);
}

body[data-theme="light"] .top-line,
body[data-theme="light"] .hero-info-strip,
body[data-theme="light"] .input-panel,
body[data-theme="light"] .archive-panel,
body[data-theme="light"] .modal-card,
body[data-theme="light"] .toast,
body[data-theme="light"] .control-deck{
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(245,249,253,.10)) !important;
  border-color:rgba(78,97,120,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.18),
    0 18px 34px rgba(86,104,126,.08) !important;
  backdrop-filter:blur(18px) saturate(1.04);
}

body[data-theme="light"] .focus-chip,
body[data-theme="light"] .week-progress,
body[data-theme="light"] .filter-group,
body[data-theme="light"] .tools-group,
body[data-theme="light"] .theme-switch,
body[data-theme="light"] .hero-clock,
body[data-theme="light"] .date-widget{
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(246,249,253,.14)) !important;
  border-color:rgba(78,97,120,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 12px 22px rgba(86,104,126,.08) !important;
}

body[data-theme="light"] .focus-chip{
  color:#5c6875;
}

body[data-theme="light"] .focus-chip.current{
  color:#cb6b38;
  border-color:rgba(211,100,48,.16) !important;
}

body[data-theme="light"] .focus-chip.busy{
  color:#3f699b;
  border-color:rgba(88,170,255,.16) !important;
}

body[data-theme="light"] .focus-chip.focus{
  color:#476a98;
  border-color:rgba(88,170,255,.16) !important;
}

body[data-theme="light"] .focus-chip.streak{
  color:#9c6d28;
  border-color:rgba(214,163,66,.20) !important;
}

body[data-theme="light"] .focus-chip.done{
  color:#2d7d4f;
  border-color:rgba(67,174,108,.18) !important;
}

body[data-theme="light"] .focus-chip.stale{
  color:#b55e40;
  border-color:rgba(211,100,48,.16) !important;
}

body[data-theme="light"] .focus-chip.level-low{
  color:#5b6876;
  border-color:rgba(78,97,120,.10) !important;
}

body[data-theme="light"] .focus-chip.level-mid{
  color:#9c6d28;
  border-color:rgba(214,163,66,.20) !important;
}

body[data-theme="light"] .focus-chip.level-high{
  color:#2d7d4f;
  border-color:rgba(67,174,108,.18) !important;
}

body[data-theme="light"] .focus-chip.level-max{
  color:#8a5a19;
  border-color:rgba(214,163,66,.24) !important;
}

body[data-theme="light"] .focus-chip.demo{
  color:#b36a47;
  border-color:rgba(211,100,48,.12) !important;
}

body[data-theme="light"] .focus-chip.calm{
  color:#688078;
}

body[data-theme="light"] .focus-chip.archive{
  color:#6d7884;
}

body[data-theme="light"] .focus-chip.urgent,
body[data-theme="light"] .control-btn.active,
body[data-theme="light"] .filter-btn.active,
body[data-theme="light"] .add-btn,
body[data-theme="light"] .modal-btn.primary{
  background:
    linear-gradient(180deg, rgba(255,151,109,.92), rgba(232,109,53,.76)) !important;
  border-color:rgba(211,100,48,.22) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 10px 18px rgba(211,100,48,.10) !important;
}

body[data-theme="light"] .onboarding-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(246,249,253,.18)),
    linear-gradient(90deg, rgba(255,151,109,.10), rgba(255,255,255,0));
  border-color:rgba(78,97,120,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    0 14px 24px rgba(86,104,126,.08);
}

body[data-theme="light"] .onboarding-title{
  color:#cb6b38;
}

body[data-theme="light"] .manual-btn{
  color:#c86837;
  border-color:rgba(211,100,48,.16);
  background:
    linear-gradient(180deg, rgba(255,151,109,.18), rgba(255,255,255,.16)),
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(246,249,253,.12)) !important;
}

body[data-theme="light"] .manual-bubble{
  border-color:rgba(78,97,120,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(244,248,252,.16)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 12px 22px rgba(86,104,126,.07) !important;
}

body[data-theme="light"] .manual-bubble p{
  color:#607080;
}

body[data-theme="light"] .manual-bubble strong{
  color:#324150;
}

body[data-theme="light"] .manual-bubble-accent{
  border-color:rgba(211,100,48,.14);
  background:
    linear-gradient(180deg, rgba(255,151,109,.16), rgba(255,255,255,.16)) !important;
}

body[data-theme="light"] .onboarding-text{
  color:#68727d;
}

@media (prefers-reduced-motion: reduce){
  body.completion-pulse .top-line,
  body.completion-pulse .control-deck,
  body.completion-pulse .hero-info-strip{
    animation:none;
  }
}

body.focus-mode #bg-canvas{
  opacity:.42;
}

body.focus-mode .quote-watermark,
body.focus-mode .quote-ambient{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

body.focus-mode .sub-title,
body.focus-mode .date-widget{
  display:none !important;
}

body.focus-mode .header-container{
  padding-top:22px !important;
  row-gap:6px !important;
}

body.focus-mode .main-title{
  font-size:clamp(2.6rem, 4.8vw, 4.4rem) !important;
  letter-spacing:.10em !important;
}

body.focus-mode .hero-info-strip{
  margin-top:2px;
  padding:8px 12px !important;
  transform:scale(.96);
}

body.focus-mode .top-line{
  margin-top:8px !important;
  gap:12px !important;
}

body.focus-mode .top-line::before{
  opacity:.12;
}

body.focus-mode .rings-container{
  transform:scale(.94);
  transform-origin:center;
}

body.focus-mode .focus-strip{
  margin-top:2px;
}

@media (max-width: 900px){
  .onboarding-panel{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width: 640px){
  .onboarding-panel{
    margin-bottom:12px;
    padding:11px 12px;
  }

  .onboarding-text{
    font-size:.78rem;
  }

  .manual-modal-card{
    padding:15px 14px 14px;
  }

  .manual-thread{
    max-height:min(70vh, 72dvh);
    gap:8px;
  }

  .manual-bubble{
    padding:11px 12px;
  }
}

body[data-theme="light"] .day-card{
  background:
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.07)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(247,251,255,.08)) !important;
  border-color:rgba(78,97,120,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.66),
    inset 0 -1px 0 rgba(255,255,255,.10),
    0 18px 30px rgba(86,104,126,.08) !important;
  backdrop-filter:blur(16px) saturate(1.03);
}

body[data-theme="light"] .day-card.today{
  background:
    radial-gradient(120% 110% at 50% 0%, rgba(255,146,92,.08), transparent 54%),
    radial-gradient(140% 92% at 50% 0%, var(--day-accent, rgba(255,106,45,.07)), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(247,251,255,.09)) !important;
}

body[data-theme="light"] .task,
body[data-theme="light"] .task.is-archive{
  background:
    linear-gradient(180deg, rgba(255,255,255,.40), rgba(244,248,252,.14)) !important;
  border-color:rgba(78,97,120,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.80),
    0 8px 14px rgba(86,104,126,.06) !important;
}

body[data-theme="light"] .archive-summary,
body[data-theme="light"] .day-summary,
body[data-theme="light"] .input-hint,
body[data-theme="light"] .task-badge{
  color:#667280;
}

body[data-theme="light"] .task-badge-age{
  color:#7a8591;
  border-color:rgba(78,97,120,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(244,248,252,.10)) !important;
}

body[data-theme="light"] .archive-clear-btn.danger{
  color:#c6514b;
  border-color:rgba(201,81,75,.18);
  background:
    linear-gradient(180deg, rgba(255,203,198,.72), rgba(255,234,232,.28)),
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(247,250,253,.08));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    0 10px 18px rgba(201,81,75,.08);
}

@media (max-width:980px){
  .focus-strip{
    padding:0 12px;
  }
}

@media (max-width:640px){
  .focus-strip{
    gap:6px;
  }

  .focus-chip{
    width:100%;
    justify-content:flex-start;
  }
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }

  .day-card:hover,
  .task:hover{
    transform:none;
  }
}

.quote-ambient{
  position:fixed;
  top:20px;
  left:28px;
  max-width:240px;
  text-align:left;
  font-size:11px;
  line-height:1.65;
  font-weight:500;
  letter-spacing:.04em;
  color:rgba(255,255,255,.12);
  z-index:2;
  pointer-events:none;
  user-select:none;
  text-shadow:0 0 10px rgba(255,255,255,.02);
}

body[data-theme="light"] .quote-ambient{
  color:rgba(76,91,108,.18);
}

body[data-theme="light"] .utility-btn{
  border-color:rgba(211,100,48,.16);
  background:
    linear-gradient(180deg, rgba(255,173,135,.22), rgba(244,123,66,.10)),
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(247,250,253,.08));
  color:#bf6435;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    0 12px 18px rgba(211,100,48,.08);
}

body[data-theme="light"] .utility-btn.active{
  color:#fff !important;
}

body[data-theme="light"] .preset-btn.active{
  background:
    linear-gradient(180deg, rgba(255,151,109,.92), rgba(232,109,53,.76)) !important;
  border-color:rgba(211,100,48,.22) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 10px 18px rgba(211,100,48,.10) !important;
}

body[data-theme="light"] .utility-actions::before{
  background:linear-gradient(180deg, transparent, rgba(78,97,120,.18), transparent);
}

@media (max-width:640px){
  .quote-ambient{
    display:none;
  }
}

@media (max-width:820px){
  .ring-value[data-size="compact"]{
    font-size:.72rem !important;
  }

  .ring-value[data-size="micro"]{
    font-size:.60rem !important;
  }
}

html{
  min-height:100%;
}

body{
  min-height:100dvh;
}

.app-shell{
  padding-bottom:calc(18px + env(safe-area-inset-bottom));
}

@media (display-mode: standalone){
  .header-container{
    padding-top:calc(22px + env(safe-area-inset-top)) !important;
  }

  .app-shell{
    padding-bottom:calc(20px + env(safe-area-inset-bottom));
  }
}

@media (max-width:820px){
  .top-line{
    margin:10px 12px 10px !important;
    padding:12px !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    border-radius:20px !important;
  }

  .top-line::before,
  .top-line::after{
    display:none;
  }

  .top-left,
  .top-center,
  .top-right{
    width:100%;
    justify-content:stretch !important;
    gap:10px !important;
  }

  .top-center{
    order:-1;
  }

  .week-progress,
  .filter-group,
  .tools-group,
  .theme-switch{
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
  }

  .theme-switch{
    justify-content:space-between !important;
  }

  .rings-container{
    width:100%;
  }

  .control-deck{
    margin:8px 12px 12px !important;
    max-width:none !important;
  }

  .input-panel{
    margin:0 12px 12px !important;
    max-width:none !important;
  }

  .focus-strip{
    padding:0 12px 2px !important;
  }

  .week-grid{
    padding:0 12px !important;
  }

  .archive-section{
    padding:0 12px !important;
  }
}

@media (max-width:640px){
  .header-container{
    padding:20px 12px 10px !important;
    row-gap:8px !important;
  }

  .main-title{
    font-size:clamp(2.25rem, 13vw, 3.5rem) !important;
    letter-spacing:.11em !important;
    line-height:.94 !important;
  }

  .sub-title{
    font-size:.62rem !important;
    letter-spacing:.14em !important;
    min-height:26px !important;
  }

  .hero-info-strip{
    width:100% !important;
    max-width:420px !important;
    padding:7px !important;
    gap:7px !important;
  }

  .hero-clock,
  .date-widget{
    min-height:54px;
  }

  .clock-main{
    font-size:2.2rem !important;
  }

  .clock-seconds{
    font-size:1.2rem !important;
  }

  .quote-watermark{
    display:none;
  }

  .rings-container{
    gap:6px !important;
    padding:6px 2px 0 !important;
    background:none !important;
    box-shadow:none !important;
  }

  .ring-box{
    min-width:0 !important;
    flex:1 1 0;
    padding:4px 2px 6px !important;
  }

  .ring-inner,
  .progress-ring{
    width:72px !important;
    height:72px !important;
  }

  .ring-box::after{
    width:66px !important;
    height:66px !important;
  }

  .ring-value{
    font-size:.88rem !important;
  }

  .ring-label{
    font-size:.54rem !important;
    letter-spacing:.14em !important;
  }

  .filter-group{
    padding:10px 12px !important;
    min-height:unset !important;
    flex-wrap:wrap;
  }

  .filter-label{
    width:100%;
  }

  .filter-btn{
    flex:1 1 calc(50% - 6px);
    justify-content:center;
    min-height:34px;
  }

  .tools-group{
    justify-content:space-between !important;
    flex-wrap:wrap;
    padding:10px 12px !important;
  }

  .tool-btn,
  .import-label{
    min-height:34px;
  }

  .control-deck{
    padding:10px !important;
    gap:10px !important;
    border-radius:18px !important;
  }

  .preset-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto;
    overflow-y:hidden;
    gap:8px !important;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  .preset-row::-webkit-scrollbar{
    display:none;
  }

  .preset-label{
    min-width:max-content;
    padding-left:2px;
  }

  .preset-btn{
    flex:0 0 auto;
    min-height:36px;
    padding:0 14px;
  }

  .quick-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px !important;
  }

  .utility-actions{
    padding-left:0 !important;
  }

  .utility-actions::before{
    display:none;
  }

  .utility-btn{
    min-width:0 !important;
    min-height:40px !important;
    padding:0 12px !important;
  }

  .search-shell{
    grid-template-columns:minmax(0,1fr) auto !important;
    max-width:none !important;
  }

  .search-shell input{
    height:40px !important;
    font-size:.92rem;
  }

  .clear-search-btn{
    min-width:40px;
    min-height:40px;
  }

  .input-panel{
    grid-template-columns:1fr 1fr !important;
    padding:8px !important;
    gap:8px !important;
    border-radius:18px !important;
  }

  #taskName{
    grid-column:1 / -1;
    min-height:46px;
    font-size:.96rem;
  }

  #taskDay,
  #taskPri{
    min-height:44px;
  }

  .add-btn{
    grid-column:1 / -1;
    min-height:46px !important;
  }

  .input-hint{
    padding:0 14px !important;
    margin:0 auto 10px !important;
    font-size:.7rem !important;
  }

  .focus-strip{
    flex-wrap:nowrap !important;
    overflow-x:auto;
    overflow-y:hidden;
    gap:8px !important;
    padding-bottom:2px !important;
    scrollbar-width:none;
  }

  .focus-strip::-webkit-scrollbar{
    display:none;
  }

  .focus-chip{
    width:auto !important;
    flex:0 0 auto;
    min-height:32px;
    padding:0 12px;
  }

  .week-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .day-card{
    min-height:unset !important;
    border-radius:18px !important;
    padding:10px 10px 9px !important;
  }

  .day-summary{
    margin-top:6px !important;
    min-height:20px !important;
  }

  .task{
    min-height:54px !important;
    padding:9px 9px 9px 10px !important;
  }

  .task-badge{
    min-height:18px !important;
    font-size:.54rem !important;
  }

  .modal-root{
    padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));
  }

  .modal-card,
  .task-modal-card,
  .day-modal-card{
    width:min(100%, 100vw - 20px) !important;
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);
    padding:16px !important;
    border-radius:18px !important;
    overflow:auto;
  }

  .day-modal-list{
    max-height:calc(100dvh - 220px);
  }

  .modal-actions{
    gap:8px !important;
  }

  .modal-btn{
    min-height:38px;
  }
}