:root{
  --bg:#07111e;--bg2:#0d1a32;--card:#101d36;--text:#f7f9ff;--muted:#9fb3d4;
  --line:rgba(148,170,214,.14);--primary:#5ea7ff;--primary-strong:#3e8fff;
  --danger:#ff6b88;--warning:#ffbe66;--success:#5cda99;
  --shadow:0 16px 38px rgba(0,0,0,.30);--radius:22px
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:
    radial-gradient(circle at top right, rgba(94,167,255,.14), transparent 28%),
    radial-gradient(circle at top left, rgba(255,107,136,.08), transparent 26%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  letter-spacing:.15px;
}
a{text-decoration:none;color:#d8ebff}
.app-shell{max-width:860px;margin:0 auto;padding:calc(env(safe-area-inset-top, 0px) + 18px) 16px 44px}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}
.logo{flex:1;min-width:0;font-size:24px;font-weight:900;line-height:1.15;word-break:break-word;letter-spacing:.2px;padding-top:2px}
.badge{min-height:40px;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:flex-start;justify-content:center;background:rgba(17,31,60,.78);border:1px solid var(--line);color:#d8e3f6;font-size:11.5px;box-shadow:var(--shadow);white-space:nowrap}
.mode-Normal{box-shadow:0 0 0 1px rgba(94,167,255,.18) inset, var(--shadow)}
.mode-Strict{box-shadow:0 0 0 1px rgba(255,190,102,.18) inset, var(--shadow)}
.mode-Punishment{box-shadow:0 0 0 1px rgba(255,107,136,.22) inset, var(--shadow);color:#ffc1cd}

.nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.nav a{
  min-height:42px;padding:10px 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(22,35,62,.82),rgba(17,28,50,.82));
  border:1px solid var(--line);color:#eef5ff;box-shadow:var(--shadow);font-size:14px
}

.card{
  background:linear-gradient(180deg,rgba(16,28,52,.95),rgba(13,23,42,.95));
  border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);
  padding:18px;margin-bottom:18px;backdrop-filter:blur(8px)
}
.hero{
  background:
    radial-gradient(circle at top right, rgba(255,107,136,.14), transparent 34%),
    radial-gradient(circle at left, rgba(94,167,255,.10), transparent 28%),
    linear-gradient(180deg,rgba(18,28,46,.97),rgba(13,22,39,.96));
  border:1px solid rgba(255,107,136,.24)
}
.hero h1{margin:0 0 10px;font-size:26px;line-height:1.18}
.hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
h2,h3{margin:12px 0 14px;line-height:1.25}
.small,.meta,.calendar-label,.calendar-count,.heat-date,.heat-meta,.section-tip{color:var(--muted)}
.section-tip{font-size:13px;line-height:1.7}
.notice-strong{
  padding:12px 14px;border-radius:16px;
  background:rgba(94,167,255,.10);
  border:1px solid rgba(94,167,255,.14);
  color:#d8eaff;font-size:13px;line-height:1.7
}

.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px}
.mini{
  background:linear-gradient(180deg,rgba(11,22,42,.96),rgba(10,20,38,.96));
  border:1px solid var(--line);border-radius:22px;padding:16px
}
.mini .label{font-size:12px;color:var(--muted);margin-bottom:8px}
.mini .value{font-size:34px;font-weight:900;line-height:1}
.mini.alert{border-color:rgba(255,107,136,.24);box-shadow:0 0 0 1px rgba(255,107,136,.10) inset, var(--shadow)}
.mini.good{border-color:rgba(92,218,153,.22);box-shadow:0 0 0 1px rgba(92,218,153,.10) inset, var(--shadow)}

.list{display:flex;flex-direction:column;gap:12px}
.row{display:flex;gap:10px;flex-wrap:wrap}
.hr{height:1px;background:var(--line);margin:12px 0}

.btn{
  min-height:48px;padding:12px 18px;border-radius:18px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(94,167,255,.22);
  background:linear-gradient(180deg,rgba(63,109,183,.95),rgba(46,84,150,.95));
  color:#fff;font-weight:900;box-shadow:var(--shadow)
}
.btn-block{width:100%}
.btn-ghost{background:linear-gradient(180deg,rgba(24,36,63,.92),rgba(16,27,47,.92));border-color:var(--line)}
.btn-danger{background:linear-gradient(180deg,rgba(118,38,57,.95),rgba(92,24,40,.95));border-color:rgba(255,107,136,.28)}
.btn-warning{background:linear-gradient(180deg,rgba(123,88,24,.95),rgba(98,69,18,.95));border-color:rgba(255,190,102,.26)}
.btn-ok{background:linear-gradient(180deg,rgba(24,102,65,.95),rgba(17,77,50,.95));border-color:rgba(92,218,153,.24)}

.warning-box,.danger-box,.ok-box{border-radius:20px;padding:16px;line-height:1.7}
.warning-box{border:1px solid rgba(255,190,102,.24);background:rgba(255,190,102,.14);color:#ffd89b}
.danger-box{border:1px solid rgba(255,107,136,.28);background:rgba(255,107,136,.16);color:#ffc6d2}
.ok-box{border:1px solid rgba(92,218,153,.22);background:rgba(92,218,153,.12);color:#cfffe9}

.task{
  border:1px solid var(--line);border-radius:22px;padding:16px;
  background:linear-gradient(180deg,rgba(12,22,40,.97),rgba(10,18,34,.97))
}
.task.failed{border-color:rgba(255,107,136,.25);box-shadow:0 0 0 1px rgba(255,107,136,.08) inset}
.task.done{border-color:rgba(92,218,153,.24);box-shadow:0 0 0 1px rgba(92,218,153,.08) inset}
.task-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.task-title{font-size:17px;font-weight:900;line-height:1.35;margin-bottom:8px}
.meta{font-size:14px;line-height:1.78}
.meta br+span,.meta .countdown{display:inline-block;margin-top:8px}
.pill{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap;border:1px solid var(--line)}
.pill.pending{background:rgba(41,62,102,.8);color:#e0edff}
.pill.done{background:rgba(17,85,58,.75);color:#d6ffea}
.pill.failed{background:rgba(99,29,45,.75);color:#ffd5df}

.countdown{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:8px;padding:8px 12px;border-radius:12px;
  font-size:13px;font-weight:900;letter-spacing:.2px;
  color:#ffe1ad;background:rgba(255,190,102,.16);
  border:1px solid rgba(255,190,102,.34);
  box-shadow:0 6px 18px rgba(0,0,0,.16)
}
.countdown.is-soon{
  color:#ffd89b;background:rgba(255,190,102,.22);border-color:rgba(255,190,102,.42)
}
.countdown.is-urgent{
  color:#ffd1db;background:rgba(255,107,136,.18);border-color:rgba(255,107,136,.36)
}
.countdown.is-safe{
  color:#d8ebff;background:rgba(94,167,255,.14);border-color:rgba(94,167,255,.30)
}

input,textarea,select{
  width:100%;background:#0a1530;color:var(--text);
  border:1px solid var(--line);border-radius:16px;padding:13px 14px;outline:none
}
textarea{min-height:120px;resize:vertical}
label{display:block;font-size:13px;color:var(--muted);margin:0 0 8px}
.field{margin-bottom:14px}
.auth-wrap{max-width:480px;margin:42px auto}
.center{text-align:center}

.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.calendar-head{padding:8px 4px;text-align:center;color:var(--muted);font-size:12px}
.calendar-cell{min-height:92px;border:1px solid var(--line);border-radius:18px;padding:10px;background:rgba(11,22,41,.92)}
.calendar-cell.done{border-color:rgba(92,218,153,.24);background:rgba(19,72,51,.28)}
.calendar-cell.pending{border-color:rgba(255,190,102,.24);background:rgba(97,71,21,.24)}
.calendar-cell.failed{border-color:rgba(255,107,136,.26);background:rgba(88,26,40,.26)}
.calendar-day{font-weight:900;font-size:18px;margin-bottom:6px}
.calendar-cell.empty{background:transparent;border-color:transparent}
.year-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.year-card h3{margin:0 0 10px}
.heatmap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.heat-cell{min-height:76px;border-radius:16px;padding:8px;border:1px solid var(--line);background:#0f151e}
.heat-cell.level-0{background:#11151a}.heat-cell.level-1{background:#16321f}.heat-cell.level-2{background:#1d4830}.heat-cell.level-3{background:#245f40}.heat-cell.level-4{background:#2d7a52}
.focus-lock-shell{padding-top:32px;padding-bottom:32px}

@media (max-width:560px){
  .app-shell{padding:calc(env(safe-area-inset-top, 0px) + 16px) 14px 34px}
  .logo{font-size:20px;max-width:58%}
  .badge{font-size:12px;padding:8px 12px;max-width:42%}
  .hero h1{font-size:22px}
  .grid,.year-grid{grid-template-columns:1fr}
  .mini .value{font-size:30px}
  .calendar-grid{gap:6px}
  .calendar-cell{min-height:78px;padding:8px}
  .calendar-day{font-size:16px}
  .heatmap-grid{grid-template-columns:repeat(4,1fr)}
}


.weekday-picker{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.weekday-picker label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(20,32,58,.88),rgba(14,24,43,.88));
  border:1px solid var(--line);
  margin:0;
  color:var(--text);
}
.weekday-picker input{
  width:auto;
  transform:scale(1.05);
}
@media (max-width:560px){
  .weekday-picker{grid-template-columns:repeat(2,1fr)}
}


.email-card-accent{
  border-color:rgba(94,167,255,.26);
  box-shadow:0 0 0 1px rgba(94,167,255,.10) inset, var(--shadow);
}


.super-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:560px){.super-grid{grid-template-columns:1fr}}


:root{
  --bg:#eef4ff;
  --bg-soft:#f7faff;
  --panel:#ffffff;
  --panel-soft:#f8fbff;
  --text:#162033;
  --muted:#64748b;
  --line:#dbe7f5;
  --primary:#2563eb;
  --primary-soft:#e8f0ff;
  --danger:#dc2626;
  --danger-soft:#fff1f2;
  --success:#16a34a;
  --success-soft:#ecfdf3;
  --warning:#d97706;
  --warning-soft:#fff7ed;
  --shadow:0 10px 30px rgba(37,99,235,.08);
}

html,body{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.08), transparent 28%),
    linear-gradient(180deg,var(--bg-soft),var(--bg));
  color:var(--text);
}

.app-shell{
  max-width:1100px;
  padding:calc(env(safe-area-inset-top, 0px) + 20px) 18px 44px;
}

.topbar{
  margin-bottom:18px;
  align-items:center;
}
.logo{
  font-size:30px;
  font-weight:900;
  color:var(--text);
}
.badge{
  background:var(--primary-soft);
  border:1px solid #bfd4ff;
  color:var(--primary);
  box-shadow:none;
  font-weight:800;
}

.nav{
  gap:12px;
  margin-bottom:12px;
}
.nav a{
  background:var(--panel);
  color:#22314d;
  border:1px solid var(--line);
  box-shadow:none;
  min-height:44px;
  padding:10px 18px;
  font-weight:700;
}
.nav a:hover{
  border-color:#bfd4ff;
  background:#f8fbff;
}
.nav-group-title{
  font-size:13px;
  color:var(--muted);
  margin:14px 0 8px;
  font-weight:800;
  letter-spacing:.04em;
}

.card{
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  border-radius:20px;
  padding:22px;
  margin-bottom:24px;
}
.hero{
  background:
    linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
  border:1px solid #cfe0ff;
}
.hero h1{
  color:#111c33;
  font-size:32px;
  margin-bottom:10px;
}
.hero p{
  color:#52627f;
}

.notice-strong{
  background:var(--primary-soft);
  border:1px solid #cfe0ff;
  color:#21438f;
  border-radius:16px;
  padding:12px 14px;
  line-height:1.75;
  margin-bottom:20px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:20px;
  margin-top:6px;
  margin-bottom:6px;
}

.mini{
  background:var(--panel-soft);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  min-height:130px;
}
.mini .label{
  color:var(--muted);
  font-size:13px;
  margin-bottom:12px;
}
.mini .value{
  color:#10203d;
  font-size:42px;
  font-weight:900;
}
.mini.alert{
  background:var(--danger-soft);
  border-color:#fecdd3;
}
.mini.alert .label,
.mini.alert .value{
  color:#991b1b;
}
.mini.good{
  background:var(--success-soft);
  border-color:#bbf7d0;
}
.mini.good .label,
.mini.good .value{
  color:#166534;
}

h1,h2,h3{
  color:#111c33;
}
h2,h3{
  margin:0 0 16px;
}
.small,.meta,.section-tip,.calendar-label,.calendar-count,.heat-date,.heat-meta{
  color:var(--muted);
}
.section-tip{
  line-height:1.75;
}

.task{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
}
.task.failed{
  background:var(--danger-soft);
  border-color:#fecdd3;
  box-shadow:none;
}
.task.done{
  background:var(--success-soft);
  border-color:#bbf7d0;
  box-shadow:none;
}
.task-title{
  color:#14213d;
  font-size:18px;
}
.meta{
  line-height:1.85;
  font-size:14px;
}

.pill{
  border:none;
  font-weight:800;
}
.pill.pending{
  background:#e8f0ff;
  color:#1d4ed8;
}
.pill.done{
  background:#dcfce7;
  color:#166534;
}
.pill.failed{
  background:#ffe4e6;
  color:#b91c1c;
}

.btn{
  background:linear-gradient(180deg,#3b82f6,#2563eb);
  border:none;
  border-radius:14px;
  box-shadow:none;
  min-height:46px;
  font-weight:800;
}
.btn-ghost{
  background:#eff6ff;
  color:#1d4ed8;
  border:1px solid #bfdbfe;
}
.btn-danger{
  background:linear-gradient(180deg,#ef4444,#dc2626);
}
.btn-warning{
  background:linear-gradient(180deg,#f59e0b,#d97706);
}
.btn-ok{
  background:linear-gradient(180deg,#22c55e,#16a34a);
}

.warning-box,.danger-box,.ok-box{
  border-radius:16px;
  padding:16px;
}
.warning-box{
  background:var(--warning-soft);
  border:1px solid #fed7aa;
  color:#9a3412;
}
.danger-box{
  background:var(--danger-soft);
  border:1px solid #fecdd3;
  color:#b91c1c;
}
.ok-box{
  background:var(--success-soft);
  border:1px solid #bbf7d0;
  color:#166534;
}

.progress-bar{
  background:#e6eef9;
  border:1px solid #d6e4f7;
  height:14px;
}
.progress-bar span{
  background:linear-gradient(90deg,#16a34a,#2563eb);
}
.score-badge{
  background:radial-gradient(circle at 30% 30%, rgba(37,99,235,.18), rgba(37,99,235,.04));
  border:1px solid #cfe0ff;
  color:#1d4ed8;
  box-shadow:none;
}

input,textarea,select{
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:14px;
}
input:focus,textarea:focus,select:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 3px rgba(59,130,246,.12);
}

.countdown{
  background:#eff6ff;
  color:#1d4ed8;
  border:1px solid #bfdbfe;
  box-shadow:none;
}
.countdown.is-soon{
  background:#fff7ed;
  color:#c2410c;
  border-color:#fdba74;
}
.countdown.is-urgent{
  background:#fff1f2;
  color:#b91c1c;
  border-color:#fda4af;
}
.countdown.is-safe{
  background:#ecfdf3;
  color:#166534;
  border-color:#86efac;
}

.calendar-cell{
  background:#fff;
  border:1px solid var(--line);
}
.calendar-cell.done{
  background:#ecfdf3;
  border-color:#bbf7d0;
}
.calendar-cell.pending{
  background:#fff7ed;
  border-color:#fed7aa;
}
.calendar-cell.failed{
  background:#fff1f2;
  border-color:#fecdd3;
}
.heat-cell{
  border:1px solid var(--line);
}
.heat-cell.level-0{background:#eff6ff}
.heat-cell.level-1{background:#dbeafe}
.heat-cell.level-2{background:#93c5fd}
.heat-cell.level-3{background:#60a5fa;color:#fff}
.heat-cell.level-4{background:#2563eb;color:#fff}

@media (max-width: 760px){
  .grid,.year-grid,.super-grid{
    grid-template-columns:1fr !important;
  }
  .logo{
    font-size:24px;
  }
  .hero h1{
    font-size:26px;
  }
}


/* UI v7.5 refinements */
.app-shell{
  max-width: 1120px;
  padding: calc(env(safe-area-inset-top, 0px) + 22px) 18px 56px;
}
.topbar{
  margin-bottom: 20px;
}
.logo{
  font-size: 32px;
  font-weight: 900;
  color: #0f172a;
}
.badge{
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
  box-shadow: none;
}

.nav-group-title{
  margin: 16px 0 10px;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
}
.nav{
  gap: 10px 12px;
  margin-bottom: 16px;
}
.nav a{
  background: #fff;
  color: #22314d;
  border: 1px solid #dbe7f5;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(37,99,235,.04);
}
.nav a:hover{
  background: #f8fbff;
  border-color: #bfd4ff;
}

.card{
  padding: 22px;
  margin-bottom: 28px;
}
.hero{
  border-radius: 22px;
}
.hero h1{
  font-size: 30px;
  margin-bottom: 12px;
}
.hero p{
  line-height: 1.8;
}
.grid{
  gap: 22px;
  margin-bottom: 20px;
}
.mini{
  min-height: 136px;
}
.mini .label{
  font-size: 13px;
  margin-bottom: 14px;
}
.mini .value{
  font-size: 44px;
}
h2,h3{
  margin: 0 0 18px;
}

.day-card{
  background: #ffffff;
  border: 1px solid #dbe7f5;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0 10px 28px rgba(15,23,42,.05);
}
.day-card h2{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 14px;
  color: #0f172a;
}
.task{
  border-radius: 18px;
  padding: 18px;
}
.task .meta{
  line-height: 1.9;
  color: #64748b;
}
.meta-row{
  margin-bottom: 6px;
}
.meta-label{
  display: inline-block;
  min-width: 86px;
  color: #334155;
  font-weight: 800;
}
.meta-content{
  color: #64748b;
}
.meta-link{
  display: block;
  color: #2563eb;
  text-decoration: none;
  word-break: break-all;
  overflow-wrap: anywhere;
  line-height: 1.8;
  margin-top: 4px;
}
.meta-link:hover{
  text-decoration: underline;
}
.task-title{
  margin-bottom: 10px;
}
.countdown{
  margin-top: 12px !important;
  font-weight: 900;
}
.lang-inline,
.page-bottom-language,
.redundant-language-switch{
  display:none !important;
}
form .nav:last-child{
  display:none !important;
}

.notice-strong{
  margin-bottom: 22px;
}
.warning-box,.danger-box,.ok-box{
  line-height: 1.8;
}

@media (max-width: 760px){
  .app-shell{
    padding: calc(env(safe-area-inset-top, 0px) + 18px) 14px 44px;
  }
  .logo{
    font-size: 26px;
  }
  .nav a{
    min-height: 42px;
    padding: 10px 14px;
  }
  .card{
    padding: 18px;
    margin-bottom: 22px;
  }
  .day-card{
    padding: 16px;
  }
  .meta-label{
    min-width: 72px;
  }
}


/* UI v8 */
body{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 26%),
    linear-gradient(180deg,#f7fbff,#edf4ff 55%, #eef3fb);
  color:#14213d;
}
.app-shell{max-width:1180px}
.utility-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  color:#64748b;
  font-size:13px;
}
.utility-right{display:flex;gap:8px;flex-wrap:wrap}
.utility-chip{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:6px 12px;border-radius:999px;
  background:#fff;border:1px solid #dbe7f5;color:#1d4ed8;font-weight:800;
}
.topbar{align-items:center;margin-bottom:18px}
.logo{font-size:34px}
.badge{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}
.card{background:#fff;border:1px solid #dbe7f5;box-shadow:0 12px 30px rgba(15,23,42,.05);border-radius:22px;padding:24px;margin-bottom:28px}
.hero{background:linear-gradient(135deg,#ffffff 0%,#f3f8ff 100%);border:1px solid #cfe0ff}
.hero h1{font-size:30px;margin-bottom:10px;color:#0f172a}
.hero p{color:#52627f}
.nav-group-title{font-size:12px;color:#64748b;margin:12px 0 8px;font-weight:900;letter-spacing:.06em}
.nav{gap:10px 12px}
.nav a{background:#fff;border:1px solid #dbe7f5;color:#233552;border-radius:14px;box-shadow:none}
.nav a:hover{background:#f8fbff;border-color:#bfdbfe}
.btn{border-radius:14px;box-shadow:none}
.grid{gap:22px}
.mini{min-height:138px}
.day-card{background:#fff;border:1px solid #dbe7f5;border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.04);margin-bottom:24px}
.day-card h2{font-size:18px;font-weight:900;color:#0f172a;margin-bottom:14px}
.task-title{font-size:18px;margin-bottom:10px}
.meta{line-height:1.85}
.meta-row{margin-bottom:6px}
.meta-label{display:inline-block;min-width:92px;font-weight:800;color:#334155}
.meta-content{color:#64748b}
.meta-link{display:block;color:#2563eb;text-decoration:none;word-break:break-all;overflow-wrap:anywhere;line-height:1.75;margin-top:4px}
.meta-link:hover{text-decoration:underline}
.countdown{margin-top:12px!important}
.calendar-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px}
.year-months{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.month-chip{display:block;background:#fff;border:1px solid #dbe7f5;border-radius:14px;padding:12px 10px;color:#233552;text-decoration:none}
.month-chip strong{display:block;color:#0f172a;font-size:14px;margin-bottom:4px}
.month-chip .sub{color:#64748b;font-size:12px}
.month-chip.active{background:#eff6ff;border-color:#93c5fd}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.calendar-head{padding:8px 4px;text-align:center;color:#64748b;font-size:12px;font-weight:800}
.calendar-cell{min-height:112px;border:1px solid #dbe7f5;border-radius:18px;padding:10px;background:#fff}
.calendar-cell .calendar-day{font-size:18px;font-weight:900;color:#0f172a;margin-bottom:8px}
.calendar-cell .calendar-weekday{font-size:12px;color:#64748b;margin-bottom:10px}
.calendar-cell a.day-detail-link{display:block;text-decoration:none;color:inherit}
.calendar-cell.done{background:#ecfdf3;border-color:#bbf7d0}
.calendar-cell.pending{background:#fff7ed;border-color:#fed7aa}
.calendar-cell.failed{background:#fff1f2;border-color:#fecdd3}
.calendar-mini-stat{font-size:12px;line-height:1.6;color:#64748b}
.calendar-highlight{background:#eff6ff;border-color:#93c5fd}
.detail-list{display:flex;flex-direction:column;gap:12px}
.section-split{height:14px}
@media (max-width:900px){
  .calendar-layout{grid-template-columns:1fr}
  .year-months{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .app-shell{padding:calc(env(safe-area-inset-top, 0px) + 18px) 14px 42px}
  .logo{font-size:26px}
  .hero h1{font-size:24px}
  .grid{grid-template-columns:1fr!important}
  .calendar-grid{gap:8px}
  .calendar-cell{min-height:96px;padding:8px}
  .year-months{grid-template-columns:repeat(2,1fr)}
}


/* UI v8.3 timezone detection */
.utility-left strong{color:#1d4ed8}
.utility-chip-btn{
  cursor:pointer;
  font:inherit;
}
.timezone-status-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.timezone-status-main{
  color:#334155;
  line-height:1.8;
}
.timezone-status-main strong{
  color:#0f172a;
}


/* UI v8.4 dual timezone task cards */
.dual-time-line{
  display:inline-block;
  margin-top:6px;
  color:#64748b;
  font-size:12px;
  line-height:1.7;
}
.meta-content{
  vertical-align:top;
}


/* UI V8.4.2 mobile optimization */
@media (max-width: 760px){
  .app-shell{
    max-width:100%;
    padding: calc(env(safe-area-inset-top, 0px) + 14px) 12px 36px;
  }
  .utility-bar{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .utility-right{
    width:100%;
  }
  .utility-chip,
  .utility-chip-btn{
    min-height:36px;
    padding:6px 10px;
    font-size:13px;
  }
  .topbar{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .logo{
    font-size:24px !important;
    line-height:1.25;
  }
  .badge{
    font-size:12px;
  }
  .nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .nav a{
    min-height:40px;
    padding:9px 12px;
    font-size:14px;
    border-radius:12px;
  }
  .card{
    padding:16px;
    margin-bottom:18px;
    border-radius:18px;
  }
  .hero h1{
    font-size:22px !important;
  }
  .hero p,
  .section-tip,
  .notice-strong{
    font-size:14px;
    line-height:1.75;
  }
  .grid{
    grid-template-columns:1fr !important;
    gap:14px;
  }
  .mini{
    min-height:auto;
    padding:16px;
  }
  .mini .value{
    font-size:34px !important;
    line-height:1.1;
  }
  .day-card{
    padding:14px;
    margin-bottom:16px;
    border-radius:16px;
  }
  .day-card h2{
    font-size:17px;
    line-height:1.4;
  }
  .task{
    padding:14px;
    border-radius:16px;
  }
  .task-top{
    display:block;
  }
  .task-title{
    font-size:16px;
    line-height:1.45;
    margin-bottom:8px;
    padding-right:0;
  }
  .pill{
    display:inline-flex;
    margin-top:8px;
    font-size:12px;
  }
  .meta{
    font-size:14px;
  }
  .meta-row{
    margin-bottom:8px;
    line-height:1.75;
  }
  .meta-label{
    min-width:72px;
    font-size:13px;
  }
  .meta-content{
    font-size:14px;
  }
  .meta-link{
    font-size:13px;
    margin-top:6px;
  }
  .dual-time-line{
    display:block;
    margin-top:6px;
    font-size:11px;
    line-height:1.8;
    white-space:normal;
    word-break:break-word;
  }
  .countdown{
    display:inline-flex;
    margin-top:10px !important;
    font-size:13px;
    padding:8px 10px;
    border-radius:12px;
  }
  .calendar-layout{
    grid-template-columns:1fr !important;
    gap:14px;
  }
  .year-months{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:8px;
  }
  .month-chip{
    padding:10px 8px;
  }
  .calendar-grid{
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;
  }
  .calendar-head{
    font-size:11px;
  }
  .calendar-cell{
    min-height:76px;
    padding:6px;
    border-radius:12px;
  }
  .calendar-cell .calendar-day{
    font-size:14px;
    margin-bottom:4px;
  }
  .calendar-cell .calendar-weekday,
  .calendar-mini-stat{
    font-size:10px;
    line-height:1.35;
  }
  .heat-grid{
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .heat-cell{
    min-height:42px;
    border-radius:8px;
    font-size:10px;
    padding:4px;
  }
  .row{
    flex-wrap:wrap;
    gap:8px;
  }
  .btn{
    min-height:42px;
    padding:10px 14px;
    font-size:14px;
  }
}


/* V8.4.3 Stable modest fixes */
.inline-link{
  display:inline;
  word-break:break-all;
}
.meta-link{
  overflow-wrap:anywhere;
}
.dual-time-line{
  display:block;
  margin-top:6px;
}
@media (max-width: 760px){
  .logo{
    writing-mode: initial !important;
    text-orientation: initial !important;
  }
  .nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .nav a{
    flex:0 0 auto;
  }
  .grid{
    grid-template-columns:1fr !important;
  }
  .card,
  .day-card,
  .task{
    overflow:hidden;
  }
}

/* v8.6 navigation refresh */
.nav-accordion{
  margin: 10px 0 18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.nav-section{
  background:rgba(255,255,255,.72);
  border:1px solid #d8e5f4;
  border-radius:22px;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
  overflow:hidden;
  backdrop-filter: blur(10px);
}
.nav-section-toggle{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 18px;
  color:#334155;
  font-size:14px;
  font-weight:900;
  letter-spacing:.02em;
}
.nav-section-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#edf4ff;
  color:#5174d3;
  transition:transform .18s ease;
}
.nav-section.is-open .nav-section-arrow{transform:rotate(180deg)}
.nav-section-body{
  display:none;
  padding:0 14px 14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.nav-section.is-open .nav-section-body{display:grid}
.nav-card{
  min-height:56px;
  padding:0 14px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dbe7f5;
  box-shadow:0 6px 16px rgba(15,23,42,.04);
  color:#22314d;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:14px;
  font-weight:850;
  line-height:1.2;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.nav-card:hover,.nav-card:active{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(15,23,42,.08);
  border-color:#bfd5ef;
}
.nav-card.is-active{
  background:linear-gradient(180deg,#eff5ff,#e7f0ff);
  border-color:#b9cff5;
  color:#2149a8;
}
.nav-card.is-danger{
  background:linear-gradient(180deg,#fff5f6,#ffeff1);
  border-color:#f3cfd6;
  color:#b4233c;
}
.nav-card-label{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
.nav-hero-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:6px 0 18px;
}
.nav-hero-actions .nav-card{min-height:62px}
@media (min-width: 768px){
  .nav-section-body,.nav-hero-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 480px){
  .nav-section-toggle{padding:14px 16px}
  .nav-section-body{padding:0 12px 12px; gap:8px}
  .nav-card{min-height:52px;font-size:14px;border-radius:16px}
}

/* v8.7 planner drag sort */
.planner-day-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.planner-day-head h2{margin:0 0 6px}
.planner-day-badge{
  min-width:62px;
  padding:8px 12px;
  border-radius:999px;
  background:#eef5ff;
  border:1px solid #cfe0ff;
  color:#21438f;
  font-size:13px;
  font-weight:800;
  text-align:center;
}
.sortable-day{
  position:relative;
}
.sortable-day.is-saving::after,
.sortable-day.is-save-ok::after,
.sortable-day.is-save-fail::after{
  content:'';
  position:absolute;
  inset:-6px;
  border-radius:22px;
  pointer-events:none;
}
.sortable-day.is-saving::after{box-shadow:0 0 0 2px rgba(37,99,235,.18) inset}
.sortable-day.is-save-ok::after{box-shadow:0 0 0 2px rgba(22,163,74,.20) inset}
.sortable-day.is-save-fail::after{box-shadow:0 0 0 2px rgba(220,38,38,.20) inset}
.sortable-task{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.sortable-task.is-dragging{
  opacity:.72;
  transform:scale(.99);
  box-shadow:0 18px 34px rgba(15,23,42,.12);
}
.task-drag{
  width:34px;
  min-width:34px;
  min-height:64px;
  border-radius:16px;
  background:#f8fbff;
  border:1px dashed #cfe0ff;
  color:#7a93c8;
  font-size:18px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  letter-spacing:-1px;
  cursor:grab;
  user-select:none;
  touch-action:none;
}
.task-drag:active{cursor:grabbing}
.task-body-grow{flex:1;min-width:0}
.task-inline-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.day-card.card{padding:18px}
@media (max-width:560px){
  .sortable-task{gap:10px}
  .task-drag{width:30px;min-width:30px;min-height:56px;border-radius:14px}
  .planner-day-badge{padding:7px 10px;font-size:12px}
}

/* v8.8 stable light UI */
.hero-soft{
  background:linear-gradient(180deg,#fafdff,#f3f8ff);
  border-color:#d9e6f7;
}
.card-soft{
  background:rgba(255,255,255,.94);
  border-color:#dbe7f5;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.btn-light{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
  box-shadow:none;
}
.btn-ghost-light{
  background:#fff;
  color:#22314d;
  border-color:#dbe7f5;
  box-shadow:none;
}
.btn-light:hover,.btn-ghost-light:hover{transform:translateY(-1px)}
.stats-grid,.stats-grid-compact{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.mini-soft{
  background:#fff;
  border:1px solid #dbe7f5;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
.mini-soft .label{color:#64748b}
.mini-soft .value{color:#162033;font-size:32px}
.value-small{font-size:22px !important}
.calendar-toolbar-card{margin-top:-4px}
.calendar-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.calendar-layout-v88{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-head h2{margin:0}
.year-panel-v88{position:sticky;top:10px}
.year-months-v88{display:flex;flex-direction:column;gap:10px}
.month-chip-v88{display:block;padding:12px 14px;border-radius:18px;border:1px solid #dbe7f5;background:#fbfdff;color:#22314d}
.month-chip-v88.is-active{background:#eef4ff;border-color:#bfd4ff}
.month-chip-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.month-chip-head strong,.month-chip-head h3{margin:0;font-size:16px;color:#162033}
.month-chip-head span{font-size:13px;color:#2563eb;font-weight:800}
.month-chip-bar{height:8px;border-radius:999px;background:#edf3fb;overflow:hidden;margin:8px 0 7px}
.month-chip-bar span{display:block;height:100%;background:linear-gradient(90deg,#7dd3fc,#60a5fa,#2563eb);border-radius:999px}
.month-chip-meta{font-size:12px;color:#64748b;line-height:1.5}
.calendar-grid-v88{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.calendar-head-v88{padding:4px 0 8px;text-align:center;font-size:12px;color:#64748b;font-weight:700}
.calendar-day-card,.calendar-day-card-empty{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:148px;
  padding:12px 10px;
  border:1px solid #dbe7f5;
  border-radius:22px;
  background:#fff;
  color:#162033;
  box-shadow:0 6px 16px rgba(15,23,42,.04);
  overflow:hidden;
}
.calendar-day-card-empty{background:transparent;border-color:transparent;box-shadow:none}
.calendar-day-card.is-empty{background:#fafcff}
.calendar-day-card.is-good{background:linear-gradient(180deg,#f7fffb,#ffffff);border-color:#ccefd9}
.calendar-day-card.is-busy{background:linear-gradient(180deg,#fffaf2,#ffffff);border-color:#f7d9ad}
.calendar-day-card.is-risk{background:linear-gradient(180deg,#fff7f8,#ffffff);border-color:#f7cfd6}
.calendar-day-card.is-today{box-shadow:0 0 0 2px rgba(37,99,235,.18),0 10px 24px rgba(37,99,235,.10)}
.calendar-day-card.is-focus::after{content:'';position:absolute;inset:auto 12px 10px auto;width:8px;height:8px;border-radius:999px;background:#2563eb}
.calendar-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.calendar-day-num{font-size:30px;line-height:1;font-weight:900;color:#162033}
.calendar-weekday-txt{font-size:12px;color:#64748b;margin-top:4px}
.calendar-rate-badge{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#eef4ff;border:1px solid #cfe0ff;font-size:12px;font-weight:800;color:#2150ba;max-width:100%}
.calendar-task-count{font-size:14px;font-weight:800;color:#334155}
.calendar-preview-line{font-size:13px;line-height:1.45;color:#64748b;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.calendar-dots-row{display:flex;gap:6px;margin-top:auto}
.dot-pill{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid transparent}
.dot-done{background:#ecfdf3;color:#18794e;border-color:#b7ebc8}
.dot-pending{background:#fff7ed;color:#b45309;border-color:#f4d3a7}
.dot-failed{background:#fff1f2;color:#be123c;border-color:#f5c2cc}
.calendar-star{position:absolute;right:12px;bottom:10px;color:#f59e0b;font-size:18px;line-height:1}
.year-grid-v88{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.year-card-v88{color:#22314d}
.heatmap-grid-v88{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.heat-card-v88{display:block;padding:12px;border-radius:18px;border:1px solid #dbe7f5;background:#fbfdff;color:#22314d}
.heat-card-v88.level-0{background:#fbfdff}
.heat-card-v88.level-1{background:#effaf3}
.heat-card-v88.level-2{background:#daf4e3}
.heat-card-v88.level-3{background:#c3ebd1}
.heat-card-v88.level-4{background:#a7dfbc}
.heat-rate{font-size:22px;font-weight:900;color:#162033;margin:6px 0 2px}
.email-layout-v88{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:start}
.email-grid-v88{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.switch-row-v88{margin-bottom:14px}
.switch-card-v88{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dbe7f5;border-radius:18px;background:#f8fbff;font-weight:800;color:#334155}
.switch-card-v88 input,.choice-card-v88 input{width:auto}
.check-grid-v88{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choice-card-v88{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid #dbe7f5;background:#fff;color:#334155;font-weight:800}
.choice-card-v88.is-selected{background:#eef4ff;border-color:#bfd4ff;color:#2150ba}
.compact-list{gap:8px}

@media (max-width: 900px){
  .calendar-layout-v88,.email-layout-v88{grid-template-columns:1fr}
  .year-panel-v88{position:static}
  .stats-grid,.stats-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .logo{font-size:22px;max-width:none}
  .stats-grid,.stats-grid-compact,.email-grid-v88,.check-grid-v88,.year-grid-v88{grid-template-columns:1fr 1fr}
  .calendar-toolbar{flex-direction:column;align-items:stretch}
  .calendar-toolbar .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .calendar-toolbar .row:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
  .year-months-v88{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .month-chip-v88{padding:10px 12px;border-radius:16px}

  /* 手机端月历专项优化：保持月历感，但改成可读优先 */
  .calendar-layout-v88 > section.card{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}
  .calendar-grid-v88{min-width:560px;gap:6px}
  .calendar-head-v88{font-size:10px;padding:2px 0 6px}
  .calendar-day-card,.calendar-day-card-empty{min-height:82px;padding:7px 6px;border-radius:16px}
  .calendar-card-top{gap:4px;align-items:flex-start}
  .calendar-day-num{font-size:20px}
  .calendar-weekday-txt,.calendar-preview-line{display:none}
  .calendar-rate-badge{padding:3px 5px;font-size:10px;line-height:1.1}
  .calendar-task-count{font-size:11px;line-height:1.25;margin-top:2px}
  .calendar-dots-row{gap:4px;margin-top:8px}
  .dot-pill{min-width:20px;height:20px;padding:0 4px;font-size:10px}
  .calendar-star{font-size:13px;right:8px;bottom:7px}
}
@media (max-width: 420px){
  .calendar-layout-v88 > section.card{margin-inline:-2px}
  .calendar-grid-v88{min-width:520px;gap:5px}
  .calendar-day-card,.calendar-day-card-empty{min-height:76px;padding:6px 5px}
  .calendar-day-num{font-size:18px}
  .calendar-task-count{font-size:10px}
}

.carryover-tag{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef4ff;color:#3568cc;border:1px solid #d6e5ff;vertical-align:middle}

.disabled-like{pointer-events:none;opacity:.75;cursor:default;}

.mini .value .value-unit{font-size:.55em;margin-left:2px}
.secondary-stats-card{padding-top:14px;padding-bottom:14px}
.secondary-stats-row{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.secondary-stats-row strong{color:var(--text)}
.strict-grid .mini.good{border-color:rgba(22,163,74,.22)}
.focus-summary-inline{display:inline-block;margin-top:6px;color:#2563eb;font-weight:700}
.task.abandoned{border-color:rgba(217,119,6,.28);box-shadow:0 0 0 1px rgba(217,119,6,.08) inset}
.pill.abandoned{background:rgba(217,119,6,.12);color:#b45309;border-color:rgba(217,119,6,.24)}
.pill.in_focus{background:rgba(37,99,235,.12);color:#1d4ed8;border-color:rgba(37,99,235,.24)}
.task-inline-actions,.task .row{display:flex;gap:10px;flex-wrap:wrap}
.task-inline-actions .btn,.task .row .btn{min-height:42px;padding:10px 14px;border-radius:14px}
.disabled-like{opacity:.7;pointer-events:none}
@media (max-width:560px){
  .secondary-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
}


/* v10.2.1 focus UI */
.focus-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;text-align:left}
.focus-target{font-size:24px;font-weight:900;color:var(--text);margin-top:4px}
.focus-chip{padding:8px 12px;border-radius:999px;background:var(--warning-soft);border:1px solid #fed7aa;color:var(--warning);font-weight:800;white-space:nowrap}
.focus-progress-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;margin:6px 0 8px}
.focus-ring{width:220px;height:220px;transform:rotate(-90deg)}
.focus-ring-bg,.focus-ring-value{fill:none;stroke-width:10}
.focus-ring-bg{stroke:#dbe7f5}
.focus-ring-value{stroke:#2563eb;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.focus-timer-stack{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}
.focus-output{font-size:62px;font-weight:900;line-height:1;color:var(--text)}
.focus-subline{margin-top:10px;font-weight:800;color:var(--primary)}
.focus-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 18px}
.focus-mini-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:18px;padding:14px 16px;text-align:left}
.focus-mini-card .mini-label{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:6px}
.focus-mini-card .mini-value{font-size:24px;font-weight:900;color:var(--text)}
.focus-button-row{gap:12px;flex-wrap:wrap}
.focus-bottom-note{margin-top:12px;color:var(--muted);font-size:13px;text-align:left}
@media (max-width:560px){
  .focus-headline{flex-direction:column;align-items:flex-start}
  .focus-ring{width:180px;height:180px}
  .focus-output{font-size:44px}
  .focus-mini-stats{grid-template-columns:1fr}
  .focus-button-row .btn{width:100%}
}

/* ===== V10.3.4 mobile polish ===== */
body.mobile-polish {
  -webkit-text-size-adjust: 100%;
}
.auth-mobile-polish {
  max-width: 560px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.auth-hero-card {
  padding: 20px 18px;
}
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(40,84,219,.08);
  color: #2347b3;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: 10px;
}
.auth-form-card {
  padding: 18px;
}
.auth-submit-btn {
  min-height: 48px;
  font-size: 16px;
}
.remember-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0 16px;
  font-size: 14px;
  color: #44506a;
}
.remember-row input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
.auth-links-row {
  line-height: 1.7;
}
.utility-bar {
  position: sticky;
  top: 0;
  z-index: 35;
  backdrop-filter: blur(14px);
}
@media (max-width: 768px) {
  .app-shell {
    padding: 12px 12px 28px;
  }
  .utility-bar {
    display: block;
    padding: 10px 12px;
    border-radius: 16px;
  }
  .utility-left {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.5;
  }
  .utility-right {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .utility-chip,
  .utility-chip-btn {
    width: 100%;
    justify-content: center;
    min-height: 40px;
    font-size: 13px;
  }
  .topbar {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  .logo {
    font-size: 22px;
  }
  .badge {
    align-self: flex-start;
  }
  .strict-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .secondary-stats-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .nav-section-toggle {
    min-height: 48px;
    font-size: 15px;
  }
  .nav-card {
    min-height: 46px;
    border-radius: 14px;
  }
  .task,
  .card {
    border-radius: 18px;
  }
  .task-top {
    gap: 10px;
  }
  .task-title {
    line-height: 1.45;
    word-break: break-word;
  }
  .meta {
    line-height: 1.7;
    font-size: 13px;
  }
  .row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .row .btn,
  .btn,
  .btn-block {
    min-height: 46px;
    width: 100%;
    justify-content: center;
    font-size: 15px;
    border-radius: 14px;
  }
  .field input,
  .field select,
  .field textarea {
    font-size: 16px;
    min-height: 48px;
    border-radius: 14px;
  }
  textarea {
    min-height: 110px;
  }
  .countdown {
    display: inline-flex;
    margin-top: 6px;
    line-height: 1.5;
  }
  .focus-ring-wrap,
  .focus-panel,
  .focus-actions {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .strict-grid {
    grid-template-columns: 1fr;
  }
  .utility-right {
    grid-template-columns: 1fr;
  }
  .logo {
    font-size: 20px;
  }
}


/* v10.5.5.1 split button color fix */
.btn-split{
  background:#f6f8fc;
  color:#4766d8;
  border:1px solid #d5def8;
  box-shadow:none;
}
.btn-split:hover{
  background:#edf2ff;
  color:#3454c5;
}

.task-actions a[href*="task_breakdown.php"],
a.btn[href*="task_breakdown.php"]{
  background:#f6f8fc;
  color:#4766d8;
  border:1px solid #d5def8;
  box-shadow:none;
}
.task-actions a[href*="task_breakdown.php"]:hover,
a.btn[href*="task_breakdown.php"]:hover{
  background:#edf2ff;
  color:#3454c5;
}

/* v10.5.7.4 beautify */
.btn-split{background:#f5f7ff;color:#4a6cf7;border:1px solid #dbe6ff;box-shadow:none}
.btn-split:hover{background:#edf3ff}
.task-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.subtask-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#5f6f92;background:#f4f7fb;border:1px solid #e2e9f5}
.subtask-wrap{margin-top:10px;padding-top:12px;border-top:1px dashed #dde6f6}
.subtask-summary{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#405171;cursor:pointer}
.subtask-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:999px;background:#edf3ff;color:#4a6cf7;border:1px solid #dbe7ff;font-size:12px;font-weight:800}
.subtask-list{display:grid;gap:12px;margin-top:12px}
.subtask-card{background:#fafcff;border:1px solid #e6eefb;border-left:4px solid #d6e4ff;border-radius:16px;padding:14px 16px}
.subtask-card.done{background:#f4f6f9;border:1px dashed #d6dbe6;opacity:.78}
.subtask-card.done .subtask-title{text-decoration:line-through;color:#7b879c}
.subtask-card.done .subtask-meta{color:#8c97ad}
.subtask-card.done .subtask-actions{display:none}
.subtask-title{font-size:16px;font-weight:800;color:#1b2a4a;margin-bottom:8px}
.subtask-meta{color:#5b6b88;line-height:1.8;font-size:14px}
.subtask-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media (max-width:768px){.subtask-card{padding:12px}.subtask-title{font-size:15px}}


/* v10.7.7.1 UI micro-tune */
.task-title-row{
  gap:12px;
}
.subtask-badge{
  margin-left:2px;
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(74,108,247,.04);
}
.subtask-wrap{
  margin-top:12px;
  padding:14px 14px 0;
  border-top:1px dashed #dde6f6;
  background:linear-gradient(180deg,#fafcff 0%,rgba(250,252,255,0) 100%);
  border-radius:14px;
}
.subtask-summary{
  width:100%;
  justify-content:flex-start;
  padding:10px 12px;
  border-radius:12px;
  background:#f7faff;
  border:1px solid #e8eefb;
}
.subtask-summary:hover{
  background:#f2f7ff;
}
.subtask-list{
  gap:10px;
  margin-top:14px;
}
.subtask-card{
  border-radius:14px;
  padding:12px 14px;
}
.subtask-title{
  line-height:1.5;
  margin-bottom:6px;
}
.subtask-meta{
  line-height:1.75;
}
.subtask-actions .btn{
  min-height:42px;
}
.task-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
@media (max-width:768px){
  .subtask-wrap{
    padding:12px 10px 0;
    margin-top:14px;
  }
  .subtask-summary{
    padding:9px 10px;
    font-size:14px;
  }
  .subtask-actions{
    gap:6px;
  }
  .subtask-actions .btn{
    min-height:40px;
  }
}


.inline-action-form{display:inline-block;margin:0}.inline-action-form .btn{cursor:pointer}.row .inline-action-form{margin-right:8px;margin-bottom:8px}.task .inline-action-form{vertical-align:middle}

/* ===== v11 visual refresh ===== */
:root{
  --v11-bg:#f4f7fc;
  --v11-surface:#ffffff;
  --v11-surface-soft:#f8fbff;
  --v11-text:#14213d;
  --v11-muted:#60708f;
  --v11-line:#dce6f3;
  --v11-line-strong:#c9d7ea;
  --v11-primary:#2563eb;
  --v11-primary-soft:#eef4ff;
  --v11-success:#16a34a;
  --v11-success-soft:#edfdf3;
  --v11-danger:#dc2626;
  --v11-danger-soft:#fff1f2;
  --v11-warning:#d97706;
  --v11-warning-soft:#fff7ed;
  --v11-shadow-sm:0 6px 18px rgba(15,23,42,.05);
  --v11-shadow-md:0 16px 38px rgba(15,23,42,.08);
  --v11-radius-xl:24px;
  --v11-radius-lg:18px;
  --v11-radius-md:14px;
}

html{scroll-behavior:smooth}
body.mobile-polish{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 26%),
    radial-gradient(circle at top left, rgba(59,130,246,.06), transparent 24%),
    linear-gradient(180deg,#f8fbff 0%, var(--v11-bg) 62%, #eef3fb 100%);
  color:var(--v11-text);
}

.app-shell{
  max-width:1180px;
  padding:calc(env(safe-area-inset-top, 0px) + 22px) 20px 58px;
}
.app-shell > *{position:relative;z-index:1}

.utility-bar{
  margin-bottom:16px;
  padding:10px 14px;
  border:1px solid var(--v11-line);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
  box-shadow:var(--v11-shadow-sm);
}
.utility-left{line-height:1.5}
.utility-chip,
.utility-chip-btn{
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:var(--v11-surface);
  border:1px solid var(--v11-line);
  color:#3153a4;
  font-weight:800;
  box-shadow:none;
}
.utility-chip:hover,
.utility-chip-btn:hover{background:#f7faff;border-color:#bfd4ff}

.topbar{
  align-items:flex-end;
  gap:18px;
  margin-bottom:18px;
}
.logo{
  font-size:34px;
  line-height:1.08;
  letter-spacing:-.02em;
  color:#0f172a;
}
.badge{
  min-height:42px;
  padding:10px 15px;
  background:linear-gradient(180deg,#eff6ff,#e9f1ff);
  border:1px solid #c9dcff;
  color:#1d4ed8;
  font-weight:800;
}

.nav-group-title{
  margin:14px 0 10px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--v11-muted);
  text-transform:uppercase;
}
.nav{
  gap:12px;
  margin-bottom:18px;
}
.nav a{
  min-height:44px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--v11-line);
  color:#233552;
  font-weight:800;
  box-shadow:var(--v11-shadow-sm);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.nav a:hover{
  transform:translateY(-1px);
  background:#f8fbff;
  border-color:#bfd4ff;
}

.card,
.day-card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--v11-line);
  border-radius:var(--v11-radius-xl);
  box-shadow:var(--v11-shadow-md);
  backdrop-filter:blur(10px);
}
.card{padding:24px;margin-bottom:26px}
.day-card{padding:22px;margin-bottom:24px}
.hero{
  background:linear-gradient(135deg,#ffffff 0%, #f5f9ff 58%, #eef5ff 100%);
  border-color:#d2e2ff;
}
.hero h1{font-size:32px;line-height:1.12;margin-bottom:12px}
.hero p{color:#556683;line-height:1.8}

.notice-strong,
.warning-box,
.danger-box,
.ok-box{
  border-radius:18px;
  padding:16px 18px;
  line-height:1.8;
}
.notice-strong{
  background:var(--v11-primary-soft);
  border:1px solid #cfe0ff;
  color:#21438f;
}
.warning-box{
  background:var(--v11-warning-soft);
  border:1px solid #fed7aa;
  color:#9a3412;
}
.danger-box{
  background:var(--v11-danger-soft);
  border:1px solid #fecdd3;
  color:#b91c1c;
}
.ok-box{
  background:var(--v11-success-soft);
  border:1px solid #bbf7d0;
  color:#166534;
}

.grid,
.super-grid,
.year-grid{gap:20px}
.mini{
  min-height:140px;
  padding:20px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--v11-line);
  box-shadow:var(--v11-shadow-sm);
}
.mini .label{font-size:13px;color:var(--v11-muted);margin-bottom:14px}
.mini .value{font-size:42px;color:#10203d;letter-spacing:-.03em}
.mini.alert{background:linear-gradient(180deg,#fff7f8,#fff1f2);border-color:#fecdd3}
.mini.good{background:linear-gradient(180deg,#f4fff8,#ecfdf3);border-color:#bbf7d0}

.task{
  border-radius:20px;
  padding:20px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  border:1px solid var(--v11-line);
  box-shadow:var(--v11-shadow-sm);
}
.task.failed{background:linear-gradient(180deg,#fff9fa,#fff1f2);border-color:#fecdd3}
.task.done{background:linear-gradient(180deg,#f8fffb,#ecfdf3);border-color:#bbf7d0}
.task-top{gap:16px;align-items:flex-start}
.task-title{font-size:19px;font-weight:900;line-height:1.4;color:#13233f}
.task-title-row{gap:12px;align-items:center}
.meta,
.subtask-meta,
.calendar-mini-stat,
.small,
.section-tip,
.calendar-label,
.calendar-count,
.heat-date,
.heat-meta{color:var(--v11-muted)}
.meta{font-size:14px;line-height:1.9}
.hr{margin:16px 0;background:var(--v11-line)}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.pill.pending{background:#edf4ff;color:#2451ce}
.pill.done{background:#ddfce7;color:#166534}
.pill.failed{background:#ffe4e6;color:#b91c1c}

.countdown{
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  box-shadow:none;
}

.btn,
.inline-action-form .btn,
a.btn,
button.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 16px;
  border-radius:14px;
  border:1px solid transparent;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
  transition:transform .16s ease, filter .16s ease, background .16s ease, border-color .16s ease;
}
.btn:hover,
.inline-action-form .btn:hover,
a.btn:hover,
button.btn:hover{transform:translateY(-1px);filter:saturate(1.02)}
.btn:active,
.inline-action-form .btn:active,
a.btn:active,
button.btn:active{transform:translateY(0) scale(.98)}
.btn-block{width:100%}
.btn{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}
.btn-ghost{background:#f3f7ff;color:#2451ce;border-color:#d3e2ff}
.btn-ok{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff}
.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff}
.btn-warning{background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff}
.btn-split{background:#f5f7ff;color:#4a6cf7;border:1px solid #dbe6ff}
.disabled-like{opacity:.72;pointer-events:none;cursor:default}
.inline-action-form{display:inline-flex;margin:0}

.task-inline-actions,
.task .row,
.subtask-actions,
.task-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.task-inline-actions .inline-action-form,
.task .row .inline-action-form,
.subtask-actions .inline-action-form{margin:0}
.task-inline-actions > *,
.task .row > *,
.subtask-actions > *{flex:0 0 auto}

.subtask-badge{
  padding:5px 10px;
  border-radius:999px;
  background:#f3f7ff;
  border:1px solid #dbe7ff;
  color:#4b5f8b;
  font-size:12px;
  font-weight:800;
}
.subtask-wrap{
  margin-top:16px;
  padding:14px 14px 0;
  border-top:1px dashed #dde6f6;
  background:linear-gradient(180deg,#fafcff 0%,rgba(250,252,255,0) 100%);
  border-radius:16px;
}
.subtask-summary{
  width:100%;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-radius:14px;
  background:#f7faff;
  border:1px solid #e6eefb;
  color:#405171;
  font-weight:800;
}
.subtask-count{
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:#edf3ff;
  border:1px solid #dbe7ff;
  color:#4a6cf7;
  font-size:12px;
  font-weight:900;
}
.subtask-list{display:grid;gap:12px;margin-top:14px}
.subtask-card{
  padding:14px 16px;
  border-radius:16px;
  background:#fbfdff;
  border:1px solid #e6eefb;
  border-left:4px solid #d6e4ff;
}
.subtask-title{font-size:16px;font-weight:900;line-height:1.5;color:#1b2a4a}

input,textarea,select{
  width:100%;
  background:#fff;
  color:var(--v11-text);
  border:1px solid var(--v11-line-strong);
  border-radius:14px;
  padding:13px 14px;
}
input:focus,textarea:focus,select:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.10);
}
label{font-size:13px;font-weight:700;color:var(--v11-muted);margin-bottom:8px}
.field{margin-bottom:16px}

.calendar-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px}
.calendar-grid{gap:10px}
.calendar-head{font-size:12px;font-weight:900;color:var(--v11-muted)}
.calendar-cell{
  min-height:112px;
  padding:10px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--v11-line);
  box-shadow:var(--v11-shadow-sm);
}
.calendar-cell .calendar-day{font-size:18px;font-weight:900;color:#0f172a;margin-bottom:8px}
.calendar-cell.done{background:#ecfdf3;border-color:#bbf7d0}
.calendar-cell.pending{background:#fff7ed;border-color:#fed7aa}
.calendar-cell.failed{background:#fff1f2;border-color:#fecdd3}
.calendar-highlight{background:#eff6ff;border-color:#93c5fd}
.month-chip{
  display:block;
  background:#fff;
  border:1px solid var(--v11-line);
  border-radius:14px;
  padding:12px 10px;
  color:#233552;
  box-shadow:var(--v11-shadow-sm);
}
.month-chip.active{background:#eff6ff;border-color:#93c5fd}

.heat-cell{
  border-radius:16px;
  border:1px solid var(--v11-line);
  box-shadow:var(--v11-shadow-sm);
}
.heat-cell.level-0{background:#eff6ff}
.heat-cell.level-1{background:#dbeafe}
.heat-cell.level-2{background:#93c5fd}
.heat-cell.level-3{background:#60a5fa;color:#fff}
.heat-cell.level-4{background:#2563eb;color:#fff}

.auth-wrap{max-width:520px;margin:48px auto}
.center{text-align:center}

@media (max-width:900px){
  .calendar-layout{grid-template-columns:1fr}
}

@media (max-width:760px){
  .app-shell{padding:calc(env(safe-area-inset-top, 0px) + 18px) 14px 42px}
  .utility-bar{
    border-radius:20px;
    padding:12px;
    align-items:flex-start;
    flex-direction:column;
  }
  .utility-right{width:100%}
  .utility-right > *{flex:1 1 auto}
  .topbar{align-items:flex-start;flex-direction:column}
  .logo{font-size:28px}
  .badge{max-width:100%}
  .card,.day-card{padding:18px;border-radius:20px}
  .hero h1{font-size:26px}
  .grid,.year-grid,.super-grid,.calendar-grid,.heatmap-grid{grid-template-columns:1fr}
  .mini{min-height:auto}
  .mini .value{font-size:34px}
  .task{padding:16px;border-radius:18px}
  .task-top{flex-direction:column}
  .pill{align-self:flex-start}
  .task-inline-actions,
  .task .row,
  .subtask-actions,
  .task-actions{gap:8px}
  .task-inline-actions > *,
  .task .row > *,
  .subtask-actions > *{flex:1 1 calc(50% - 8px)}
  .task-inline-actions .btn,
  .task .row .btn,
  .subtask-actions .btn,
  .task-inline-actions .inline-action-form,
  .task .row .inline-action-form,
  .subtask-actions .inline-action-form{width:100%}
  .btn,
  .inline-action-form .btn,
  a.btn,
  button.btn{width:100%;min-height:42px;padding:10px 12px}
  .subtask-wrap{padding:12px 10px 0}
  .subtask-card{padding:12px}
  .calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .calendar-cell{min-height:92px;padding:8px}
  .heatmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}


/* v11.1 home hierarchy polish */
.home-hero-card{padding:26px 28px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #dbe7f5;box-shadow:0 18px 44px rgba(37,99,235,.08)}
.home-hero-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.hero-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#2750bf;font-size:12px;font-weight:800;margin-bottom:12px}
.home-hero-title{margin:0 0 10px;font-size:30px;line-height:1.2;color:#10203a;font-weight:900}
.home-hero-desc{max-width:760px;color:#5c6c86;line-height:1.75;font-size:14px}
.home-hero-side{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.hero-chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.hero-chip-primary{background:#eef4ff;color:#2450c6;border-color:#dbe7ff}
.hero-chip-warn{background:#fff6ec;color:#b45309;border-color:#fde1bf}
.home-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hero-metric-card{border-radius:20px;padding:14px 14px 12px;border:1px solid #dbe7f5;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.hero-metric-card.is-primary{background:linear-gradient(180deg,#f6f9ff 0%,#ffffff 100%);border-color:#dbe7ff}
.hero-metric-card.is-good{background:linear-gradient(180deg,#f5fcf7 0%,#ffffff 100%);border-color:#d9f1df}
.hero-metric-card.is-warn{background:linear-gradient(180deg,#fff8f4 0%,#ffffff 100%);border-color:#fde2cb}
.hero-metric-label{font-size:13px;font-weight:800;color:#61728f;margin-bottom:8px}
.hero-metric-value{font-size:34px;line-height:1;font-weight:900;color:#10203a}
.hero-metric-unit{font-size:.52em;margin-left:4px}
.hero-metric-note{margin-top:8px;font-size:13px;line-height:1.55;color:#6d7c94}
.compact-info-card{background:#fbfdff}
.summary-card{background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:18px 2px 12px}
.section-heading h2{margin:0;font-size:26px;line-height:1.2;color:#0f172a;font-weight:900}
.section-kicker{font-size:12px;font-weight:800;letter-spacing:.04em;color:#4a6cf7;margin-bottom:6px}
.section-side-note{font-size:13px;color:#70819b;font-weight:700;white-space:nowrap}
.section-heading.danger .section-kicker{color:#d14a35}
.section-heading.soft .section-kicker{color:#4f6b95}
.primary-section-card{border-color:#dbe7ff;box-shadow:0 14px 32px rgba(37,99,235,.07)}
.danger-section-card{border-color:#f5d4d8;background:linear-gradient(180deg,#fffafb 0%,#ffffff 100%);box-shadow:0 14px 32px rgba(220,38,38,.06)}
.future-section-card{background:linear-gradient(180deg,#fcfdff 0%,#ffffff 100%)}
.priority-task-card{border-color:#dbe7ff;background:linear-gradient(180deg,#fcfdff 0%,#ffffff 100%);box-shadow:0 12px 28px rgba(37,99,235,.05)}
.priority-task-card .task-title{font-size:17px}
.future-task-card{background:#fbfdff;border-color:#e6eef8}
.future-day-sep{display:flex;align-items:center;gap:10px;font-weight:800;color:#49617f;padding:4px 2px 2px}
.future-day-sep::after{content:'';flex:1;height:1px;background:#e4ebf7}
@media (max-width: 768px){
  .home-hero-card{padding:20px 18px}
  .home-hero-top{flex-direction:column;align-items:flex-start;margin-bottom:14px}
  .home-hero-title{font-size:24px}
  .home-hero-metrics{grid-template-columns:1fr;gap:10px}
  .section-heading{flex-direction:column;align-items:flex-start;gap:6px;margin-top:14px}
  .section-heading h2{font-size:22px}
  .section-side-note{white-space:normal}
}


/* v11.2 home dedupe polish */
.home-status-ribbon{padding:14px 18px;background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);border-color:#e3ebf8}
.home-status-ribbon .secondary-stats-row{row-gap:8px}
.home-status-ribbon strong{color:#10203a}
.primary-section-card > .list,.danger-section-card > .list,.future-section-card > .list{margin-top:0}
.section-heading + .card{margin-top:0}
.future-section-card .ok-box,.danger-section-card .ok-box,.primary-section-card .warning-box{margin-top:0}
@media (max-width: 768px){
  .home-status-ribbon{padding:12px 14px}
}


/* v11.3 slim home */
.home-hero-card{padding:20px 22px;margin-bottom:18px}
.home-hero-top{margin-bottom:12px;gap:12px}
.hero-kicker{font-size:11px;margin-bottom:4px}
.home-hero-title{font-size:24px;margin:0 0 6px}
.home-hero-desc{font-size:13px;line-height:1.55;max-width:640px}
.home-hero-side{gap:8px}
.hero-chip{padding:7px 12px;font-size:12px}
.home-hero-metrics{gap:10px}
.hero-metric-card{padding:14px 14px 12px;border-radius:16px}
.hero-metric-label{margin-bottom:6px}
.hero-metric-value{font-size:28px}
.hero-metric-note{margin-top:6px;font-size:12px;line-height:1.45}
.home-section-heading{margin:12px 2px 8px}
.home-section-heading h2{font-size:22px}
.home-section-heading .section-side-note{font-size:12px}
.primary-section-card,.danger-section-card,.future-section-card{margin-bottom:18px}
.future-day-sep{padding-top:0}
.notice-strong{margin-bottom:14px}
@media (max-width:768px){
  .home-hero-card{padding:16px 16px 14px}
  .home-hero-title{font-size:21px}
  .home-hero-desc{font-size:12px}
  .home-section-heading{margin-top:10px}
  .home-section-heading h2{font-size:19px}
}


/* v11.3.1 home compact refine */
.home-topbar{margin-bottom:10px;align-items:center}
.home-topbar .logo{font-size:26px;line-height:1.08;padding-top:0}
.home-topbar .badge{padding:8px 12px;font-size:12px}
.home-nav-compact .nav-accordion{margin:6px 0 12px;gap:8px}
.home-nav-compact .nav-section{border-radius:18px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.home-nav-compact .nav-section-toggle{padding:11px 14px;font-size:13px}
.home-nav-compact .nav-section-arrow{width:20px;height:20px;font-size:12px}
.home-nav-compact .nav-section-body{padding:0 10px 10px;gap:8px}
.home-nav-compact .nav-card{min-height:44px;padding:0 10px;border-radius:14px;font-size:14px;box-shadow:0 4px 10px rgba(15,23,42,.03)}
.home-nav-compact .nav-card-label{-webkit-line-clamp:1}
.home-hero-card{padding:18px 20px 16px;margin-bottom:14px}
.home-hero-top{margin-bottom:10px;gap:10px}
.hero-kicker{padding:4px 8px;font-size:11px;margin-bottom:4px}
.home-hero-title{font-size:22px;margin:0 0 5px}
.home-hero-desc{font-size:12px;line-height:1.5;max-width:600px}
.home-hero-side{gap:6px}
.hero-chip{padding:6px 10px;font-size:12px}
.home-hero-metrics{gap:8px}
.hero-metric-card{padding:12px 12px 10px;border-radius:14px}
.hero-metric-label{font-size:12px;margin-bottom:5px}
.hero-metric-value{font-size:26px}
.hero-metric-note{margin-top:5px;font-size:12px;line-height:1.4}
.home-section-heading{margin:10px 2px 6px}
.home-section-heading h2{font-size:20px}
.home-section-heading .section-side-note{font-size:11px}
.primary-section-card,.danger-section-card,.future-section-card{margin-bottom:14px}
@media (min-width: 900px){
  .home-nav-compact .nav-section-body{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width: 768px){
  .home-topbar{margin-bottom:8px;align-items:flex-start}
  .home-topbar .logo{font-size:22px}
  .home-topbar .badge{padding:7px 10px}
  .home-nav-compact .nav-accordion{margin-bottom:10px;gap:7px}
  .home-nav-compact .nav-section-toggle{padding:10px 12px;font-size:12px}
  .home-nav-compact .nav-section-body{padding:0 8px 8px;gap:7px}
  .home-nav-compact .nav-card{min-height:40px;font-size:13px;border-radius:12px}
  .home-hero-card{padding:14px 14px 12px}
  .home-hero-title{font-size:19px}
  .home-hero-desc{font-size:12px}
  .home-section-heading{margin-top:8px}
  .home-section-heading h2{font-size:18px}
}


/* v11.4 product polish */
.utility-bar{
  margin-bottom:6px;
  padding:3px 8px;
  min-height:unset;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(191,212,255,.66);
  box-shadow:0 8px 18px rgba(15,23,42,.035);
  backdrop-filter:blur(10px);
}
.utility-left{
  font-size:11px;
  line-height:1.1;
  color:#64748b;
}
.utility-left strong{font-weight:700}
.utility-right{gap:5px}
.utility-chip,
.utility-chip-btn{
  min-height:26px;
  padding:3px 9px;
  font-size:11px;
  font-weight:700;
  border-radius:999px;
}
.home-topbar{
  margin-bottom:4px;
  align-items:center;
}
.home-topbar .logo{
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.home-topbar .badge{
  padding:3px 8px;
  font-size:10px;
  min-height:24px;
  border-radius:999px;
  opacity:.88;
}
.home-nav-compact{margin-bottom:6px}
.page-nav-tabs{
  margin:6px 0 12px;
  padding:5px;
  border-radius:14px;
}
.page-nav-tabs .home-nav-tab-row{
  margin-bottom:5px;
}
.page-nav-tabs .home-nav-tab{
  height:28px;
  padding:0 10px;
  font-size:11px;
}
.page-nav-tabs .home-nav-links{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.page-nav-tabs .home-nav-link{
  min-height:32px;
  padding:0 9px;
  border-radius:11px;
  font-size:11px;
}
.page-nav-tabs .home-nav-link .nav-card-label{
  font-weight:700;
}
@media (max-width: 900px){
  .page-nav-tabs .home-nav-links{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 768px){
  .page-nav-tabs{margin:5px 0 10px;padding:5px;border-radius:12px}
  .page-nav-tabs .home-nav-tab{height:27px;font-size:10px;padding:0 9px}
  .page-nav-tabs .home-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .page-nav-tabs .home-nav-link{min-height:31px;font-size:11px;border-radius:10px}
}
.home-nav-tabs{
  background:rgba(255,255,255,.84);
  border:1px solid rgba(191,212,255,.72);
  border-radius:16px;
  padding:6px;
  box-shadow:0 10px 24px rgba(15,23,42,.035);
  backdrop-filter:blur(10px);
}
.home-nav-tab-row{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:6px;
}
.home-nav-tab{
  appearance:none;
  border:1px solid rgba(191,212,255,.78);
  background:#f8fbff;
  color:#4f6483;
  border-radius:999px;
  height:30px;
  padding:0 11px;
  font-size:11px;
  font-weight:800;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  transition:.18s ease;
}
.home-nav-tab:hover{background:#f1f6ff;border-color:#c7d8ff}
.home-nav-tab.is-active{
  background:#e9f1ff;
  border-color:#bfd4ff;
  color:#2453bf;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.home-nav-panel{display:none}
.home-nav-panel.is-active{display:block}
.home-nav-links{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.home-nav-link{
  min-height:38px;
  padding:0 10px;
  border-radius:13px;
  font-size:13px;
  box-shadow:0 4px 10px rgba(15,23,42,.03);
  transition:.18s ease;
}
.home-nav-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.06)}
.home-nav-link .nav-card-label{-webkit-line-clamp:1}
.home-hero-card{
  padding:14px 16px 12px;
  margin-bottom:10px;
  box-shadow:0 14px 32px rgba(15,23,42,.05);
}
.home-hero-top{margin-bottom:8px}
.home-hero-title{font-size:18px;margin-bottom:3px;letter-spacing:-.02em}
.home-hero-desc{font-size:12px;line-height:1.4;color:#6b7280}
.home-hero-side{gap:6px}
.hero-chip{padding:5px 9px;font-size:11px}
.home-hero-metrics{gap:8px}
.hero-metric-card{padding:10px 12px 9px}
.hero-metric-value{font-size:24px;letter-spacing:-.03em}
.hero-metric-note{font-size:12px;line-height:1.35}
.primary-section-card,.danger-section-card,.future-section-card{margin-bottom:10px}
.card{margin-bottom:14px}
.empty-state-compact{
  padding:18px 16px;
  text-align:center;
  color:#64748b;
  background:linear-gradient(180deg,#fbfdff 0%, #f8fbff 100%);
  border:1px dashed rgba(191,212,255,.9);
  border-radius:16px;
}
@media (max-width: 900px){
  .home-nav-links{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 768px){
  .utility-bar{padding:4px 8px;border-radius:16px}
  .utility-left{margin-bottom:6px;font-size:11px}
  .utility-right{gap:5px}
  .utility-chip,.utility-chip-btn{min-height:30px;font-size:12px;padding:4px 9px}
  .home-topbar .logo{font-size:21px}
  .home-nav-tabs{padding:8px}
  .home-nav-tab-row{gap:6px}
  .home-nav-tab{height:30px;font-size:11px;padding:0 10px}
  .home-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .home-nav-link{min-height:38px;font-size:12px;border-radius:12px}
  .home-hero-card{padding:13px 14px 11px}
  .home-hero-title{font-size:17px}
}


/* v12 product upgrade: motion + analytics + priority */
:root{
  --motion-fast:.18s;
  --motion-base:.28s;
  --motion-slow:.44s;
}
html{scroll-behavior:smooth}
body{opacity:0;transform:translateY(8px);transition:opacity var(--motion-slow) ease,transform var(--motion-slow) ease}
body.app-ready{opacity:1;transform:none}
.card,.task,.nav a,.btn,.utility-chip,.mini,.calendar-cell,.month-chip{
  transition:transform var(--motion-base) ease, box-shadow var(--motion-base) ease, border-color var(--motion-base) ease, background-color var(--motion-base) ease, opacity var(--motion-fast) ease;
}
.card:hover,.task:hover,.mini:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(37,99,235,.10)}
.nav a:hover,.btn:hover,.utility-chip:hover{transform:translateY(-1px)}
.btn:active,.nav a:active,.utility-chip:active{transform:translateY(0) scale(.985)}
.hero,.analytics-hero-card{position:relative;overflow:hidden}
.hero::after,.analytics-hero-card::after{
  content:'';position:absolute;inset:-40% auto auto 55%;width:280px;height:280px;border-radius:999px;
  background:radial-gradient(circle, rgba(37,99,235,.12), rgba(37,99,235,0) 70%);pointer-events:none;
}

.priority-task-card,.sortable-task{position:relative;overflow:hidden}
.task-energy-bar{
  position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:999px;
  background:linear-gradient(180deg,#cbd5e1,#e2e8f0);opacity:.95;
}
.priority-hot .task-energy-bar{background:linear-gradient(180deg,#2563eb,#7c3aed)}
.priority-hot{border-color:#c7d7ff;box-shadow:0 0 0 1px rgba(37,99,235,.08),0 14px 36px rgba(37,99,235,.08)}
.priority-hot .task-title{color:#102554}
.priority-normal .task-energy-bar{background:linear-gradient(180deg,#dbe7f5,#edf3fb)}
.priority-chip{
  display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;
  background:linear-gradient(180deg,#eef4ff,#e0ebff);border:1px solid #c7d7ff;color:#1d4ed8;font-size:12px;font-weight:900;
}
.priority-chip::before{content:'✦';font-size:11px;opacity:.9}
.carryover-tag,.subtask-badge{border-radius:999px}

.analytics-hero-card{padding:22px 22px 18px;background:linear-gradient(135deg,#ffffff 0%,#f5f9ff 65%,#eef4ff 100%)}
.analytics-hero{display:grid;gap:18px}
.analytics-hero-copy .eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;border:1px solid #d9e6ff;color:#1d4ed8;font-size:12px;font-weight:900;margin-bottom:12px}
.analytics-hero-copy h2{margin-bottom:8px;font-size:28px}
.analytics-hero-copy p{margin:0;color:#5b6b84;line-height:1.75}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi-card{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:16px 16px 14px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.kpi-card.kpi-primary{background:linear-gradient(180deg,#eff6ff,#ffffff);border-color:#bfdbfe}
.kpi-card.kpi-danger{background:linear-gradient(180deg,#fff3f5,#ffffff);border-color:#fecdd3}
.kpi-label{font-size:13px;color:#64748b;font-weight:800;margin-bottom:10px}
.kpi-value{font-size:34px;font-weight:900;color:#0f172a;letter-spacing:-.03em;line-height:1}
.kpi-value span{font-size:14px;color:#64748b;margin-left:4px;font-weight:800}
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.chart-card{padding:18px 18px 12px}
.chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.chart-head h2{margin:0;font-size:18px}
.chart-note{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--line);white-space:nowrap}
.chart-note.success-note{background:#ecfdf3;border-color:#bbf7d0;color:#166534}
.chart-note.danger-note{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}
.chart-note.warning-note{background:#fff7ed;border-color:#fed7aa;color:#b45309}
.chart-note.primary-note{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}

.utility-bar{backdrop-filter:blur(10px);position:sticky;top:10px;z-index:20;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(219,231,245,.95);box-shadow:0 10px 24px rgba(15,23,42,.04)}
.utility-chip{transition:transform var(--motion-base) ease,background-color var(--motion-base) ease,border-color var(--motion-base) ease}
.utility-chip-btn{cursor:pointer}
.focus-lock-shell{overflow:hidden;position:relative}
.focus-lock-shell::after{content:'';position:absolute;inset:auto -60px -60px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(34,197,94,.12),rgba(34,197,94,0) 70%);pointer-events:none}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  body,.card,.task,.nav a,.btn,.utility-chip,.mini,.calendar-cell,.month-chip{transition:none !important}
}
@media (max-width:920px){
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chart-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .analytics-hero-copy h2{font-size:24px}
  .kpi-grid{grid-template-columns:1fr 1fr;gap:10px}
  .kpi-card{padding:14px}
  .kpi-value{font-size:28px}
  .chart-head{align-items:flex-start;flex-direction:column}
  .utility-bar{top:8px;padding:8px 10px}
}


/* v12.0.2 compressed nav height */
@media (max-width: 768px){
  .utility-bar{padding:3px 7px;border-radius:14px}
  .utility-left{font-size:10px}
  .utility-right{gap:4px}
  .utility-chip,.utility-chip-btn{min-height:24px;font-size:10px;padding:2px 8px}
  .home-topbar .logo{font-size:18px}
  .home-topbar .badge{min-height:22px;padding:2px 7px;font-size:9px}
  .home-nav-tabs{padding:5px;border-radius:13px}
  .home-nav-tab-row{gap:4px;margin-bottom:5px}
  .home-nav-tab{height:27px;font-size:10px;padding:0 9px}
  .home-nav-links{gap:5px}
  .home-nav-link{min-height:32px;font-size:11px;border-radius:10px}
}


/* v12.0.3 analytics/chart fix + calendar polish */
.chart-grid{align-items:start}
.chart-card{padding:16px 16px 14px;overflow:hidden}
.chart-canvas-wrap{position:relative;height:260px;min-height:260px;max-height:260px;width:100%}
.chart-canvas-wrap canvas{width:100% !important;height:100% !important;display:block}

.calendar-toolbar-card{padding:14px 16px}
.calendar-toolbar .btn,.calendar-toolbar .btn-light,.calendar-toolbar .btn-ghost-light{min-height:40px;border-radius:14px;padding:8px 14px;font-size:13px;font-weight:800}
.hero.hero-soft{padding:18px 20px 16px;margin-bottom:12px}
.hero.hero-soft h1{font-size:28px;margin-bottom:6px}
.hero.hero-soft p{font-size:14px;line-height:1.6;max-width:760px}
.stats-grid-compact{gap:10px;margin-bottom:12px}
.calendar-layout-v88{grid-template-columns:280px minmax(0,1fr);gap:14px}
.year-panel-v88{padding:16px;top:12px}
.year-months-v88{gap:8px}
.month-chip-v88{padding:10px 12px;border-radius:16px;box-shadow:0 4px 12px rgba(15,23,42,.03)}
.month-chip-head strong,.month-chip-head h3{font-size:15px}
.month-chip-meta{font-size:11px}
.month-chip-bar{height:7px;margin:7px 0 6px}
.calendar-grid-v88{gap:8px}
.calendar-head-v88{padding:2px 0 6px;font-size:11px;letter-spacing:.02em}
.calendar-day-card,.calendar-day-card-empty{min-height:132px;padding:10px 9px;border-radius:18px;gap:6px}
.calendar-day-num{font-size:26px}
.calendar-weekday-txt{font-size:11px;margin-top:3px}
.calendar-rate-badge{padding:4px 7px;font-size:11px}
.calendar-task-count{font-size:13px}
.calendar-preview-line{font-size:12px;min-height:32px}
.dot-pill{min-width:26px;height:26px;font-size:12px}
.calendar-star{right:10px;bottom:8px;font-size:16px}

@media (max-width: 920px){
  .chart-canvas-wrap{height:240px;min-height:240px;max-height:240px}
  .calendar-layout-v88{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .chart-canvas-wrap{height:210px;min-height:210px;max-height:210px}
  .chart-card{padding:14px 14px 12px}
  .hero.hero-soft{padding:14px 14px 12px}
  .hero.hero-soft h1{font-size:22px}
  .hero.hero-soft p{font-size:13px}
  .stats-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .calendar-toolbar-card{padding:12px}
  .calendar-toolbar .btn,.calendar-toolbar .btn-light,.calendar-toolbar .btn-ghost-light{min-height:36px;border-radius:12px;padding:7px 10px;font-size:12px}
  .year-panel-v88{padding:14px}
  .calendar-grid-v88{gap:5px}
  .calendar-day-card,.calendar-day-card-empty{min-height:112px;padding:8px 6px;border-radius:15px;gap:5px}
  .calendar-day-num{font-size:21px}
  .calendar-rate-badge{padding:3px 5px;font-size:10px}
  .calendar-task-count{font-size:11px}
  .calendar-preview-line{font-size:10px;min-height:24px;-webkit-line-clamp:1}
  .dot-pill{min-width:22px;height:22px;font-size:10px}
}


/* v12.0.4 unified visuals + top cluster balance */
.home-nav-tabs,.page-nav-tabs,.home-hero-card,.analytics-hero-card,.hero.hero-soft,.calendar-toolbar-card,.top-summary-row-v1204{
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
.page-nav-tabs,
.home-nav-tabs{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(251,253,255,.94));
  border-color:#dbe7f5;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.page-nav-tabs{
  padding:10px;
  border-radius:20px;
  margin:8px auto 14px;
}
.page-nav-tabs .home-nav-tab-row{
  gap:7px;
  margin-bottom:8px;
}
.page-nav-tabs .home-nav-tab{
  height:34px;
  padding:0 14px;
  font-size:12px;
  font-weight:800;
  border-radius:999px;
}
.page-nav-tabs .home-nav-links{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.page-nav-tabs .home-nav-link{
  min-height:42px;
  padding:0 14px;
  border-radius:16px;
  font-size:13px;
}
.home-nav-tab.is-active{box-shadow:none;background:#edf4ff}
.home-nav-link,.page-nav-tabs .home-nav-link{background:#fff;border:1px solid #dbe7f5}
.home-nav-link:hover,.page-nav-tabs .home-nav-link:hover{box-shadow:0 8px 18px rgba(37,99,235,.07)}
.home-hero-card,.unified-hero-v1204,.hero.hero-soft{padding:18px 20px 16px;border-radius:22px}
.home-hero-card,.unified-hero-v1204{box-shadow:0 12px 28px rgba(15,23,42,.05)}
.top-summary-row-v1204{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 auto 14px}
.summary-mini-v1204{padding:14px 16px;border-radius:18px}
.year-grid-v1204{gap:12px}
.heat-card-shell-v1204{padding:18px}
.chart-grid-v1204{gap:16px}
.chart-card{border-radius:20px}
.hero.hero-soft p,.analytics-hero-copy p{max-width:760px}
.calendar-toolbar-card{padding:14px 16px}
.year-panel-v88,.card-soft{box-shadow:0 8px 24px rgba(15,23,42,.04)}
.year-panel-v88,.heat-card-shell-v1204{border-radius:22px}
.year-months-v88{gap:10px}
.month-chip-v88{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.heat-card-v88{box-shadow:0 4px 12px rgba(15,23,42,.03)}
.utility-bar{
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 14px;
  border-radius:20px;
}
.utility-left{font-size:13px}
.utility-chip,
.utility-chip-btn{
  min-height:30px;
  padding:5px 12px;
  font-size:12px;
  font-weight:800;
}
@media (max-width: 920px){
  .top-summary-row-v1204{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .page-nav-tabs .home-nav-links{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 680px){
  .home-nav-tabs,.page-nav-tabs,.home-hero-card,.analytics-hero-card,.hero.hero-soft,.calendar-toolbar-card,.top-summary-row-v1204,.utility-bar{max-width:none}
  .top-summary-row-v1204{grid-template-columns:1fr 1fr;gap:8px}
  .summary-mini-v1204{padding:12px 12px}
  .page-nav-tabs{padding:8px;border-radius:18px}
  .page-nav-tabs .home-nav-tab-row{gap:6px;margin-bottom:7px}
  .page-nav-tabs .home-nav-tab{height:32px;font-size:11px;padding:0 12px}
  .page-nav-tabs .home-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .page-nav-tabs .home-nav-link{min-height:38px;font-size:12px;border-radius:14px;padding:0 12px}
  .utility-bar{padding:8px 10px;border-radius:18px}
}
@media (max-width: 420px){
  .top-summary-row-v1204{grid-template-columns:1fr}
}

/* v12.0.5.1 top width alignment + nav sizing harmonize */
.utility-bar,
.home-nav-tabs,
.page-nav-tabs,
.home-hero-card,
.analytics-hero-card,
.hero.hero-soft,
.calendar-toolbar-card,
.top-summary-row-v1204,
.unified-hero-v1204{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

.home-nav-compact,
.hero-stack-v1205,
.top-cluster-v1205{
  width:100%;
}

/* make page nav feel like homepage, not tiny */
.page-nav-tabs{
  margin:8px 0 14px;
  padding:10px;
  border-radius:20px;
}
.page-nav-tabs .home-nav-tab-row{
  gap:8px;
  margin-bottom:10px;
}
.page-nav-tabs .home-nav-tab{
  height:34px;
  padding:0 14px;
  font-size:12px;
  font-weight:800;
  border-radius:999px;
}
.page-nav-tabs .home-nav-links{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.page-nav-tabs .home-nav-link{
  min-height:42px;
  padding:0 14px;
  border-radius:16px;
  font-size:13px;
}
.page-nav-tabs .home-nav-link .nav-card-label{
  font-weight:800;
}

/* homepage top cluster should not look narrower than task section */
.home-hero-card{
  margin-bottom:14px;
}

@media (max-width: 920px){
  .page-nav-tabs .home-nav-links{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width: 680px){
  .page-nav-tabs{
    padding:8px;
    border-radius:18px;
  }
  .page-nav-tabs .home-nav-tab-row{
    gap:6px;
    margin-bottom:8px;
  }
  .page-nav-tabs .home-nav-tab{
    height:32px;
    padding:0 12px;
    font-size:11px;
  }
  .page-nav-tabs .home-nav-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .page-nav-tabs .home-nav-link{
    min-height:38px;
    padding:0 12px;
    border-radius:14px;
    font-size:12px;
  }
}

/* v12.0.5.3 mobile adaptation polish */
@media (max-width: 768px){
  .app-shell{
    padding-left:12px;
    padding-right:12px;
  }

  .utility-bar{
    padding:10px 12px;
    border-radius:18px;
    gap:8px;
    margin-bottom:12px;
  }
  .utility-left{
    font-size:12px;
    line-height:1.35;
    margin-bottom:0;
  }
  .utility-right{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .utility-right > *{
    min-width:0;
  }
  .utility-chip,
  .utility-chip-btn{
    min-height:34px;
    padding:6px 8px;
    font-size:12px;
    line-height:1;
    width:100%;
  }

  .topbar{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
  }
  .logo{
    font-size:24px;
    line-height:1.1;
  }
  .badge{
    min-height:30px;
    padding:5px 10px;
    font-size:11px;
    border-radius:999px;
    white-space:nowrap;
  }

  .home-nav-tabs,
  .page-nav-tabs{
    padding:10px;
    border-radius:18px;
    margin:0 0 12px;
  }
  .home-nav-tab-row,
  .page-nav-tabs .home-nav-tab-row{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -ms-overflow-style:none;
    scrollbar-width:none;
    gap:8px;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .home-nav-tab-row::-webkit-scrollbar,
  .page-nav-tabs .home-nav-tab-row::-webkit-scrollbar{
    display:none;
  }
  .home-nav-tab,
  .page-nav-tabs .home-nav-tab{
    flex:0 0 auto;
    height:32px;
    padding:0 12px;
    font-size:11px;
  }
  .home-nav-links,
  .page-nav-tabs .home-nav-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .home-nav-link,
  .page-nav-tabs .home-nav-link{
    min-height:42px;
    padding:0 10px;
    border-radius:14px;
    font-size:12px;
  }
  .home-nav-link .nav-card-label,
  .page-nav-tabs .home-nav-link .nav-card-label{
    line-height:1.2;
  }

  .home-hero-card,
  .analytics-hero-card,
  .hero.hero-soft,
  .calendar-toolbar-card{
    padding:14px;
    border-radius:20px;
  }
  .home-hero-top{
    gap:10px;
  }
  .home-hero-side{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .hero-chip{
    min-height:28px;
    padding:4px 9px;
    font-size:11px;
  }
}

@media (max-width: 420px){
  .app-shell{
    padding-left:10px;
    padding-right:10px;
  }
  .utility-bar{
    padding:9px 10px;
  }
  .utility-right{
    gap:6px;
  }
  .utility-chip,
  .utility-chip-btn{
    min-height:32px;
    font-size:11px;
    padding:5px 6px;
  }
  .logo{
    font-size:22px;
  }
  .badge{
    min-height:28px;
    padding:4px 9px;
    font-size:10px;
  }
  .home-nav-tabs,
  .page-nav-tabs{
    padding:9px;
  }
  .home-nav-links,
  .page-nav-tabs .home-nav-links{
    gap:7px;
  }
  .home-nav-link,
  .page-nav-tabs .home-nav-link{
    min-height:40px;
    font-size:11px;
    border-radius:13px;
  }
}


.mobile-calendar-detail-card{display:none;max-width:1040px;margin:12px auto 0;padding:16px 16px 14px}
.mobile-calendar-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.mobile-calendar-detail-head h3{margin:4px 0 0;font-size:20px}
.detail-kicker{font-size:12px;font-weight:800;color:#64748b}
.mobile-calendar-detail-link{white-space:nowrap}
.mobile-calendar-detail-list{display:flex;flex-direction:column;gap:10px}
.mobile-calendar-task{padding:12px 12px 10px;border:1px solid #dbe7f5;border-radius:16px;background:#fbfdff}
.mobile-calendar-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mobile-calendar-task-top strong{font-size:15px;line-height:1.45;color:#162033}
.mobile-calendar-task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:#64748b;font-size:12px}
.mobile-status-pill,.mobile-priority-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.mobile-status-pill.is-done{background:#ecfdf3;color:#18794e;border-color:#b7ebc8}
.mobile-status-pill.is-pending{background:#eef4ff;color:#2150ba;border-color:#cfe0ff}
.mobile-status-pill.is-failed{background:#fff1f2;color:#be123c;border-color:#f5c2cc}
.mobile-status-pill.is-abandoned{background:#fff7ed;color:#b45309;border-color:#f4d3a7}
.mobile-priority-pill{margin-top:8px;background:#fff7ed;color:#b45309;border-color:#f4d3a7}
.mobile-calendar-empty{padding:12px;border-radius:14px;background:#f8fbff;border:1px dashed #dbe7f5;color:#64748b;text-align:center}
.calendar-day-card.is-mobile-selected{box-shadow:0 0 0 2px rgba(37,99,235,.18),0 12px 24px rgba(37,99,235,.12)}
@media (max-width: 640px){
  .mobile-calendar-detail-card{display:block}
  .calendar-layout-v88 > aside.year-panel-v88{display:none}
  .calendar-layout-v88 > section.card{overflow:visible;padding-bottom:0}
  .calendar-grid-v88{min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}
  .calendar-day-card,.calendar-day-card-empty{min-height:78px;padding:6px 5px;border-radius:14px}
  .calendar-day-card-empty{display:block}
  .calendar-day-num{font-size:17px}
  .calendar-task-count{font-size:10px;line-height:1.15}
  .calendar-rate-badge{padding:2px 4px;font-size:9px}
  .dot-pill{min-width:18px;height:18px;font-size:9px}
}
@media (max-width: 420px){
  .mobile-calendar-detail-head{flex-direction:column;align-items:stretch}
  .mobile-calendar-detail-link{width:100%;justify-content:center}
  .calendar-day-card,.calendar-day-card-empty{min-height:72px;padding:5px 4px}
  .calendar-day-num{font-size:16px}
}


/* v12.0.6 task hierarchy + focus immersion */
.task-meta-structured{display:grid;gap:10px;margin-top:2px}
.meta-row{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}
.meta-row-emphasis .meta-content{font-weight:700;color:#31456f}
.meta-label{font-size:12px;font-weight:800;letter-spacing:.02em;color:#6c7ea3;text-transform:none}
.meta-content{color:#55657f;line-height:1.72;font-size:14px}
.meta-standard{display:block}
.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.meta-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.meta-chip-box{background:#f7faff;border:1px solid #e3ebf7;border-radius:14px;padding:10px 12px;display:grid;gap:6px;min-height:64px}
.meta-chip-value{font-size:14px;font-weight:800;color:#22314d;line-height:1.35}
.focus-summary-inline{font-weight:800;color:#2f5fe3}
.dual-time-line{display:inline-block;font-size:12px;color:#7a8ba7;line-height:1.55}
.countdown{margin-top:2px}
.priority-task-card .task-top>div:first-child,.sortable-task .task-top>div:first-child{min-width:0;flex:1}
.focus-hero-compact{padding:18px 22px}
.focus-hero-compact h1{margin-bottom:8px}
.focus-hero-compact p{font-size:15px;line-height:1.6;max-width:740px}
.focus-task-card-shell h2{margin-bottom:12px}
.focus-task-card{background:#fbfdff;border:1px solid #dce7f7;box-shadow:none}
.focus-task-card .task-title{margin-bottom:10px}
.focus-empty-state{border:1px dashed #e4c28b;background:#fff8ef;color:#b35c25;border-radius:18px;padding:16px 18px;font-weight:700}
.focus-task-ops-meta .meta-chip-box{min-height:60px}
.focus-progress-wrap{margin:8px auto 10px}
.focus-ring{width:210px;height:210px}
.focus-output{font-size:62px;letter-spacing:-.04em;font-weight:900}
.focus-subline{font-size:15px;font-weight:800;color:#4a68d8}
.focus-mini-stats{gap:10px;margin:4px 0 14px}
.focus-mini-card{border-radius:16px;padding:12px 14px;background:#f8fbff}
.focus-mini-card .mini-label{margin-bottom:4px}
.focus-mini-card .mini-value{font-size:18px}
.focus-rule-inline{max-width:720px;margin:0 auto;color:#60708f;line-height:1.6}
.focus-button-row{gap:12px;margin-top:4px}
.focus-button-row .btn{min-width:120px}
.focus-gap-sm{height:10px}.focus-gap-xs{height:8px}
#finishAndCompleteBtn{max-width:420px;margin:0 auto}
.focus-bottom-note{max-width:420px;margin:8px auto 0;text-align:center;color:#71819d}
@media (max-width:768px){
  .meta-row{grid-template-columns:1fr;gap:4px}
  .meta-grid-two{grid-template-columns:1fr}
  .meta-chip-box{min-height:auto;padding:10px 12px}
  .focus-task-card .task-top{flex-direction:column;align-items:flex-start}
  .focus-ring{width:184px;height:184px}
  .focus-output{font-size:52px}
}

/* v12.0.6.1 mobile task reading polish */
@media (max-width:760px){
  .section-heading.home-section-heading,
  .section-heading{
    align-items:flex-start;
    gap:4px;
    width:100%;
  }
  .section-heading h2,
  .section-side-note{
    width:100%;
    text-align:left;
  }
  .section-side-note{font-size:12px}

  .task.priority-task-card,
  .sortable-task,
  .future-task-card,
  .task.failed,
  .task.done{
    padding:14px;
    border-radius:18px;
    box-shadow:0 8px 18px rgba(15,23,42,.05);
  }

  .task-top{gap:10px}
  .task-title{font-size:18px;line-height:1.42;margin-bottom:6px}
  .task-title-row{gap:8px;align-items:flex-start}
  .priority-chip,
  .subtask-badge,
  .carryover-tag{
    font-size:11px;
    line-height:1.1;
    padding:5px 9px;
  }

  .task-meta-structured{gap:8px;margin-top:2px}
  .meta,
  .meta-content{font-size:13px;line-height:1.65}
  .meta-row{gap:3px;padding:0}
  .meta-row-emphasis{
    padding:10px 12px;
    border-radius:14px;
    background:#f8fbff;
    border:1px solid #e6eefb;
  }
  .meta-label{font-size:11px;letter-spacing:.01em}
  .meta-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .meta-chip-box{padding:10px 11px;border-radius:14px;gap:4px}
  .meta-chip-value{font-size:15px;line-height:1.3}
  .dual-time-line{font-size:11px;line-height:1.45}
  .meta-standard{font-size:13px;line-height:1.68}
  .clamp-2{-webkit-line-clamp:3}

  .task .countdown{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;font-size:12px;margin-top:4px}
  .task .pill{min-height:30px;padding:6px 10px;font-size:11px}

  .subtask-wrap{margin-top:12px;padding:10px 10px 0}
  .subtask-summary{padding:9px 11px;border-radius:12px;font-size:13px}
  .subtask-count{min-width:22px;height:22px;font-size:11px}
  .subtask-card{padding:12px 12px 10px;border-radius:14px}
  .subtask-title{font-size:15px;line-height:1.45}
  .subtask-meta{font-size:12px;line-height:1.65}

  .task .hr{margin:12px 0}
  .task .row,
  .task-inline-actions,
  .subtask-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .task .row > *,
  .task-inline-actions > *,
  .subtask-actions > *{min-width:0}
  .task .row .btn,
  .task .row .inline-action-form,
  .task-inline-actions .btn,
  .task-inline-actions .inline-action-form,
  .subtask-actions .btn,
  .subtask-actions .inline-action-form{width:100%}
  .btn,
  .inline-action-form .btn,
  a.btn,
  button.btn{min-height:40px;padding:10px 10px;border-radius:13px;font-size:13px}
}

@media (max-width:520px){
  .task-title{font-size:17px}
  .meta-grid-two{grid-template-columns:1fr}
  .task .row,
  .task-inline-actions,
  .subtask-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task .row .btn,
  .inline-action-form .btn,
  a.btn,
  button.btn{font-size:12px}
  .task .pill{margin-top:2px}
}


/* v12.0.7 task display polish */
.task.priority-task-card,.sortable-task,.future-task-card,.focus-task-card{
  border-color:#dbe5f4;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.task.priority-task-card,.sortable-task,.future-task-card{
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.task-title-row{row-gap:8px}
.task-deadline-panel{
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7ff 100%);
  border:1px solid #e3ebf8;
}
.task-deadline-panel .meta-label{display:block;margin-bottom:4px}
.task-deadline-panel .meta-content{font-weight:800;color:#253858;line-height:1.6}
.task-stats-grid .meta-chip-box{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-color:#dfe8f6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.task-standard-row{
  padding:10px 12px;
  border-radius:14px;
  background:#fcfdff;
  border:1px dashed #e5ebf5;
}
.task-standard-row .meta-content{color:#51627d}
.task .countdown,.focus-task-card .countdown{
  display:flex;
  align-items:center;
  width:100%;
  min-height:42px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid #f0c48d;
  background:linear-gradient(180deg,#fffaf2 0%,#fff5e8 100%);
  font-weight:900;
  letter-spacing:.01em;
  box-sizing:border-box;
}
.task-action-bar{
  padding-top:2px;
  gap:10px;
}
.task-action-bar .btn,.task-action-bar .inline-action-form .btn{
  min-height:42px;
  border-radius:14px;
  font-weight:800;
}
.focus-task-card-shell{padding:18px 20px}
.focus-task-card{border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#fafdff 100%)}
.focus-task-meta-polish{gap:12px}
.focus-task-card .pill.pending{align-self:flex-start}
@media (max-width:760px){
  .task-deadline-panel{padding:11px 12px;border-radius:15px}
  .task-standard-row{padding:10px 11px;border-radius:13px}
  .task .countdown,.focus-task-card .countdown{min-height:38px;padding:8px 12px;border-radius:14px}
  .task-action-bar{gap:8px}
}
@media (max-width:520px){
  .task-title-row{flex-wrap:wrap}
  .task .pill,.focus-task-card .pill{align-self:flex-start}
}

@media (max-width:520px){
  .home-section-heading{margin:6px 2px 6px}
  .home-section-heading h2{font-size:17px;line-height:1.25}
  .section-side-note{font-size:11px;line-height:1.35}
  .danger-section-card,.future-section-card,.primary-section-card{padding:14px 12px}
}

/* v12.0.8 advanced task card beautification */
.section-heading.home-section-heading,
.section-heading{
  position:relative;
  padding:2px 2px 0;
}
.section-heading h2{
  letter-spacing:-.02em;
}
.section-side-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid #e0e8f5;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  color:#6c7d97;
  font-weight:800;
  box-shadow:0 6px 18px rgba(15,23,42,.04);
}
.primary-section-card,.danger-section-card,.future-section-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border-width:1px;
}
.primary-section-card::before,.danger-section-card::before,.future-section-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.15));
  pointer-events:none;
}
.primary-section-card{
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
  box-shadow:0 18px 40px rgba(37,99,235,.08);
}
.danger-section-card{
  background:linear-gradient(180deg,#fffafb 0%,#ffffff 100%);
  box-shadow:0 18px 40px rgba(220,38,38,.07);
}
.future-section-card{
  background:linear-gradient(180deg,#fcfdff 0%,#ffffff 100%);
  box-shadow:0 18px 40px rgba(71,85,105,.07);
}
.task.priority-task-card,.sortable-task,.future-task-card,.focus-task-card{
  border-radius:22px;
}
.task.priority-task-card,.sortable-task,.future-task-card{
  box-shadow:0 16px 34px rgba(15,23,42,.06),0 1px 0 rgba(255,255,255,.75) inset;
}
.task.priority-task-card::after,.sortable-task::after,.future-task-card::after{
  content:'';
  position:absolute;
  right:-42px;
  top:-42px;
  width:118px;
  height:118px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(59,130,246,.10) 0%,rgba(59,130,246,0) 72%);
  pointer-events:none;
}
.task-energy-bar{
  width:42px;
  border-radius:999px;
  background:linear-gradient(180deg,#7db5ff 0%,#4f82ff 100%);
  box-shadow:0 0 0 4px rgba(94,146,255,.10);
}
.priority-hot .task-energy-bar{
  background:linear-gradient(180deg,#ffb56c 0%,#ff7a45 100%);
  box-shadow:0 0 0 4px rgba(255,122,69,.12);
}
.task-title{
  color:#132238;
  letter-spacing:-.01em;
}
.priority-chip,.subtask-badge,.carryover-tag{
  box-shadow:0 6px 14px rgba(15,23,42,.05);
}
.task-deadline-panel{
  background:linear-gradient(180deg,#f9fbff 0%,#f2f7ff 100%);
  border-color:#dfe9f8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(59,130,246,.04);
}
.task-stats-grid .meta-chip-box{
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 8px 16px rgba(15,23,42,.03),inset 0 1px 0 rgba(255,255,255,.85);
}
.task-standard-row{
  background:linear-gradient(180deg,#fcfdff 0%,#f9fbff 100%);
  border-style:solid;
  border-color:#e8eef8;
}
.task .countdown,.focus-task-card .countdown{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 16px rgba(245,158,11,.08);
}
.task-action-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.task-action-bar .btn,.task-action-bar .inline-action-form .btn{
  box-shadow:0 10px 18px rgba(15,23,42,.05);
}
.danger-section-card .task.failed{
  border-radius:20px;
  background:linear-gradient(180deg,#fffdfd 0%,#ffffff 100%);
  border:1px solid #f3d9dc;
  box-shadow:0 12px 26px rgba(220,38,38,.05);
}
.future-task-card{
  border-radius:20px;
  background:linear-gradient(180deg,#fdfeff 0%,#f9fbff 100%);
}
.future-day-sep{
  gap:8px;
  margin:4px 2px 2px;
  color:#3f5878;
}
.future-day-sep::before{
  content:'';
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(180deg,#9ab8f8 0%,#5b87e8 100%);
  box-shadow:0 0 0 4px rgba(91,135,232,.10);
}
.ok-box{
  border-radius:18px;
  border:1px solid #cfeeda;
  background:linear-gradient(180deg,#f7fffa 0%,#effaf3 100%);
  color:#2c5e46;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.focus-task-card-shell{
  border-radius:26px;
  background:linear-gradient(180deg,#fdfefe 0%,#f7fbff 100%);
  border:1px solid #dce7f7;
  box-shadow:0 18px 36px rgba(37,99,235,.05);
}
.focus-task-card{
  background:transparent;
  border-color:#e0e8f6;
}
@media (max-width:760px){
  .section-heading.home-section-heading,
  .section-heading{padding:0}
  .section-side-note{min-height:24px;padding:0 8px;font-size:11px;box-shadow:none}
  .primary-section-card,.danger-section-card,.future-section-card{border-radius:20px}
  .task.priority-task-card,.sortable-task,.future-task-card,.task.failed,.focus-task-card{border-radius:18px}
  .task-action-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .task-action-bar .btn,.task-action-bar .inline-action-form .btn{box-shadow:none}
  .task.priority-task-card::after,.sortable-task::after,.future-task-card::after{right:-52px;top:-52px;width:96px;height:96px}
}
@media (max-width:520px){
  .primary-section-card,.danger-section-card,.future-section-card{padding:13px 11px}
  .home-section-heading{margin:6px 0 6px}
  .home-section-heading h2{font-size:18px}
  .future-day-sep{font-size:13px}
  .ok-box{padding:14px 12px;border-radius:16px}
}

/* v12.0.8.1 full fix */
.task.priority-task-card,
.sortable-task,
.future-task-card,
.focus-task-card{
  position:relative;
  overflow:hidden;
}

/* left accent bar: keep inside card, slim, non-intrusive */
.task-energy-bar{
  position:absolute;
  left:12px;
  top:16px;
  bottom:16px;
  width:4px !important;
  border-radius:999px;
  opacity:.95;
  background:linear-gradient(180deg,#9cc2ff 0%,#6794ff 100%);
  box-shadow:none !important;
  pointer-events:none;
  z-index:1;
}
.priority-hot .task-energy-bar{
  background:linear-gradient(180deg,#ffbf85 0%,#ff8a57 100%);
  box-shadow:none !important;
}

/* prevent content being covered by accent bar */
.priority-task-card,
.sortable-task{
  padding-left:30px;
}

/* remove heavy top-right glow and replace with lighter spot */
.task.priority-task-card::after,
.sortable-task::after,
.future-task-card::after{
  right:10px !important;
  top:10px !important;
  width:84px !important;
  height:84px !important;
  background:radial-gradient(circle,rgba(91,135,232,.12) 0%,rgba(91,135,232,0) 72%) !important;
  filter:blur(10px);
  opacity:.8;
}

/* countdown: lighter and more in line with page */
.task .countdown,
.focus-task-card .countdown{
  min-height:40px;
  padding:9px 14px;
  border-radius:14px;
  border:1px solid rgba(255,170,80,.28) !important;
  background:linear-gradient(90deg,rgba(255,170,80,.10),rgba(255,170,80,.04)) !important;
  color:#c46b22 !important;
  box-shadow:none !important;
}
.task .countdown.is-safe,
.focus-task-card .countdown.is-safe{
  border-color:rgba(34,197,94,.22) !important;
  background:linear-gradient(90deg,rgba(34,197,94,.08),rgba(34,197,94,.03)) !important;
  color:#2f8f4f !important;
}
.task .countdown.is-soon,
.focus-task-card .countdown.is-soon{
  border-color:rgba(245,158,11,.26) !important;
  background:linear-gradient(90deg,rgba(245,158,11,.09),rgba(245,158,11,.04)) !important;
  color:#bc6a14 !important;
}
.task .countdown.is-urgent,
.focus-task-card .countdown.is-urgent{
  border-color:rgba(239,68,68,.24) !important;
  background:linear-gradient(90deg,rgba(239,68,68,.08),rgba(239,68,68,.03)) !important;
  color:#c54c4c !important;
}

/* action buttons: stable alignment */
.task-action-bar{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:10px;
}
.task-action-bar > *,
.task-action-bar .inline-action-form{
  min-width:0;
  width:100%;
}
.task-action-bar .btn,
.task-action-bar .inline-action-form .btn{
  width:100%;
  min-height:42px;
  white-space:nowrap;
}

/* section cards: reduce heaviness */
.primary-section-card,
.danger-section-card,
.future-section-card{
  box-shadow:0 10px 26px rgba(15,23,42,.05) !important;
}
.future-section-card{
  background:linear-gradient(180deg,#fdfefe 0%,#ffffff 100%) !important;
}

/* lighten future day header and decorative dot */
.future-day-sep{
  gap:8px;
  color:#465d7d;
}
.future-day-sep::before{
  width:9px;
  height:9px;
  box-shadow:0 0 0 3px rgba(91,135,232,.08) !important;
}
.future-day-sep::after{
  opacity:.8;
}

/* future task cards should look cleaner */
.future-task-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04),0 1px 0 rgba(255,255,255,.8) inset !important;
}

/* mobile and narrow widths */
@media (max-width:980px){
  .task-action-bar{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  .priority-task-card,
  .sortable-task{
    padding-left:26px;
  }
  .task-energy-bar{
    left:10px;
    top:14px;
    bottom:14px;
    width:3px !important;
  }
  .task.priority-task-card::after,
  .sortable-task::after,
  .future-task-card::after{
    right:8px !important;
    top:8px !important;
    width:64px !important;
    height:64px !important;
    filter:blur(8px);
    opacity:.55;
  }
}
@media (max-width:520px){
  .task-action-bar{
    grid-template-columns:1fr !important;
    gap:8px;
  }
  .task .countdown,
  .focus-task-card .countdown{
    min-height:38px;
    padding:8px 12px;
    font-size:12px;
    border-radius:13px;
  }
  .primary-section-card,
  .danger-section-card,
  .future-section-card{
    padding:12px 10px !important;
  }
  .section-side-note{
    min-height:22px;
    padding:0 7px;
    font-size:10px !important;
    box-shadow:none;
  }
}


/* v12.0.8.2 title decoration upgrade */
/* remove left accent bar and move emphasis to title area */
.task-energy-bar{display:none !important;}
.priority-task-card,
.sortable-task{padding-left:20px !important;}
@media (max-width:760px){
  .priority-task-card,
  .sortable-task{padding-left:16px !important;}
}

/* title area: cleaner hierarchy with subtle underline */
.task-title-row,
.focus-task-card .task-title{
  position:relative;
}
.task-title-row{
  align-items:flex-start;
  row-gap:8px;
}
.task-title-row > span:first-child,
.focus-task-card .task-title > span:first-child,
.focus-task-card .task-title{
  position:relative;
  display:inline-block;
  padding-bottom:10px;
}
.task-title-row > span:first-child::after,
.focus-task-card .task-title > span:first-child::after,
.focus-task-card .task-title::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:42px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(79,140,255,.78) 0%, rgba(114,190,255,.52) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset;
}
.priority-hot .task-title-row > span:first-child::after,
.priority-hot.focus-task-card .task-title::after,
.priority-hot .focus-task-card .task-title::after{
  background:linear-gradient(90deg,rgba(255,146,77,.82) 0%, rgba(255,193,120,.56) 100%);
}
.task-title-row .priority-chip{margin-top:-2px;}

/* support task titles without title-row */
.priority-task-card .task-title:not(.task-title-row),
.sortable-task .task-title:not(.task-title-row),
.future-task-card .task-title,
.focus-task-card .task-title{
  position:relative;
  padding-bottom:10px;
  margin-bottom:10px;
}
.priority-task-card .task-title:not(.task-title-row)::after,
.sortable-task .task-title:not(.task-title-row)::after,
.future-task-card .task-title::after,
.focus-task-card .task-title::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:38px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(79,140,255,.72) 0%, rgba(114,190,255,.48) 100%);
}
.future-task-card .task-title::after{opacity:.88;}

/* keep title area balanced on phones */
@media (max-width:520px){
  .task-title-row > span:first-child,
  .focus-task-card .task-title,
  .priority-task-card .task-title:not(.task-title-row),
  .sortable-task .task-title:not(.task-title-row),
  .future-task-card .task-title{
    padding-bottom:8px;
    margin-bottom:8px;
  }
  .task-title-row > span:first-child::after,
  .focus-task-card .task-title::after,
  .priority-task-card .task-title:not(.task-title-row)::after,
  .sortable-task .task-title:not(.task-title-row)::after,
  .future-task-card .task-title::after{
    width:34px;
    height:3px;
  }
}

/* v12.0.8.3 detail alignment unify */
.task-title-row{
  display:flex;
  align-items:center !important;
  column-gap:12px;
  row-gap:8px;
  flex-wrap:wrap;
}
.task-title-row > span:first-child{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  line-height:1.35;
  flex:0 1 auto;
}
.task-title-row .priority-chip,
.task-title-row .subtask-badge,
.task-title-row .carryover-tag{
  margin-top:0 !important;
  align-self:center;
  position:relative;
  top:0;
}

@media (max-width: 768px){
  .task-title-row{
    column-gap:10px;
    row-gap:7px;
  }
  .task-title-row > span:first-child{
    min-height:30px;
  }
}

/* make title decoration lighter and more consistent */
.task-title-row > span:first-child::after,
.focus-task-card .task-title > span:first-child::after,
.focus-task-card .task-title::after,
.priority-task-card .task-title:not(.task-title-row)::after,
.sortable-task .task-title:not(.task-title-row)::after,
.future-task-card .task-title::after{
  height:2px;
  opacity:.88;
}

/* v12.0.8.4 final title + action bar unify */
.task-title-row{
  align-items:flex-start !important;
  column-gap:12px;
  row-gap:8px;
}
.task-title-row > span:first-child{
  display:inline-block;
  min-height:auto;
  line-height:1.38;
  padding-bottom:11px;
}
.task-title-row .priority-chip,
.task-title-row .subtask-badge,
.task-title-row .carryover-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin-top:3px !important;
  align-self:flex-start;
  position:relative;
  top:0;
}

.task-actions{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.task-actions > *,
.task-actions .inline-action-form{
  min-width:0;
  width:100%;
}
.task-actions .btn,
.task-actions .inline-action-form .btn,
.task-actions a.btn{
  width:100%;
  min-height:44px;
  border-radius:16px;
  font-weight:800;
}

@media (max-width: 900px){
  .task-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
}

@media (max-width: 768px){
  .task-title-row{
    column-gap:10px;
    row-gap:7px;
  }
  .task-title-row > span:first-child{
    padding-bottom:10px;
  }
  .task-title-row .priority-chip,
  .task-title-row .subtask-badge,
  .task-title-row .carryover-tag{
    min-height:28px;
    margin-top:2px !important;
  }
  .task-actions{
    grid-template-columns:1fr;
    gap:10px;
  }
}

/* v12.0.8.5 card spacing + hierarchy final */
/* remove leftover vertical accent so card language stays clean */
.task-energy-bar{display:none !important;}
.priority-task-card,
.sortable-task{padding-left:20px !important;}
@media (max-width:760px){
  .priority-task-card,
  .sortable-task{padding-left:16px !important;}
}

/* title row: align label to the optical center, keep underline independent */
.task-title-row{
  align-items:center !important;
  column-gap:10px;
  row-gap:6px;
  margin-bottom:14px;
}
.task-title-row > span:first-child{
  position:relative;
  display:inline-block;
  padding-bottom:0 !important;
  margin-bottom:0;
  line-height:1.36;
}
.task-title-row > span:first-child::after,
.focus-task-card .task-title > span:first-child::after,
.focus-task-card .task-title::after,
.priority-task-card .task-title:not(.task-title-row)::after,
.sortable-task .task-title:not(.task-title-row)::after,
.future-task-card .task-title::after{
  bottom:-8px !important;
  height:2px !important;
  width:30px !important;
  opacity:.82;
}
.task-title-row .priority-chip,
.task-title-row .subtask-badge,
.task-title-row .carryover-tag{
  margin-top:0 !important;
  align-self:center !important;
  min-height:28px;
}

/* task card breathing room */
.task.priority-task-card,
.sortable-task,
.future-task-card{
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.task-top{margin-bottom:4px;}
.task-meta-structured{
  gap:14px;
}
.task-deadline-panel,
.meta-chip-box,
.task-standard-row{
  border-radius:16px !important;
}
.task-deadline-panel{padding:16px 18px !important;}
.meta-chip-box{padding:16px 16px !important;}
.task-standard-row{padding:14px 16px !important;}
.task .countdown,
.focus-task-card .countdown{
  margin-top:6px !important;
  margin-bottom:4px;
}
.hr{margin:16px 0 18px !important;}

/* buttons: more balanced heights and spacing */
.task-action-bar{
  gap:12px !important;
  margin-top:0;
}
.task-action-bar .btn,
.task-action-bar .inline-action-form .btn{
  min-height:46px !important;
  border-radius:15px !important;
  font-weight:800;
}

/* future area slightly cleaner */
.future-section-card{padding-top:16px !important;}
.future-task-card{box-shadow:0 8px 22px rgba(15,23,42,.035),0 1px 0 rgba(255,255,255,.9) inset !important;}
.future-task-card::after{opacity:.5 !important;}

@media (max-width:768px){
  .task.priority-task-card,
  .sortable-task,
  .future-task-card{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }
  .task-title-row{
    margin-bottom:12px;
    column-gap:8px;
    row-gap:6px;
  }
  .task-title-row > span:first-child::after,
  .focus-task-card .task-title > span:first-child::after,
  .focus-task-card .task-title::after,
  .priority-task-card .task-title:not(.task-title-row)::after,
  .sortable-task .task-title:not(.task-title-row)::after,
  .future-task-card .task-title::after{
    bottom:-7px !important;
    width:26px !important;
  }
  .task-deadline-panel{padding:14px 14px !important;}
  .meta-chip-box{padding:14px 14px !important;}
  .task-standard-row{padding:13px 14px !important;}
  .task-action-bar{gap:10px !important;}
  .task-action-bar .btn,
  .task-action-bar .inline-action-form .btn{min-height:44px !important;}
}

.nav-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:8px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;line-height:1}

/* v12.0.8.11 reminder clarity */
.reminder-overview-card{margin-bottom:12px}
.reminder-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.reminder-mini-card{border:1px solid #e5edf8;border-radius:18px;background:#fff;padding:14px 14px 12px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.reminder-mini-card.tone-neutral{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}
.reminder-mini-card.tone-info{background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%)}
.reminder-mini-card.tone-warn{background:linear-gradient(180deg,#fffdf7 0%,#fff7e8 100%)}
.reminder-mini-card.tone-good{background:linear-gradient(180deg,#ffffff 0%,#effdf4 100%)}
.reminder-mini-label{font-size:12px;color:#64748b;margin-bottom:6px}
.reminder-mini-value{font-size:30px;font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#0f172a}
.reminder-mini-note{font-size:12px;color:#6b7280;margin-top:6px;line-height:1.45}
.reminder-layout-v1211{align-items:start}
.reminder-side-panel{position:sticky;top:12px}
.reminder-feed-list{display:flex;flex-direction:column;gap:12px}
.reminder-feed-card{position:relative;border:1px solid #e6edf8;border-radius:18px;background:#fff;padding:14px 14px 13px;box-shadow:0 12px 26px rgba(15,23,42,.05);overflow:hidden}
.reminder-feed-card::before,.home-reminder-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd5e1}
.reminder-feed-card.tone-info::before,.home-reminder-item.tone-info::before{background:#60a5fa}
.reminder-feed-card.tone-warn::before,.home-reminder-item.tone-warn::before{background:#f59e0b}
.reminder-feed-card.tone-danger::before,.home-reminder-item.tone-danger::before{background:#ef4444}
.reminder-feed-card.tone-good::before,.home-reminder-item.tone-good::before{background:#22c55e}
.reminder-feed-card.is-unread{border-color:#cfe0ff;box-shadow:0 14px 30px rgba(37,99,235,.08)}
.reminder-feed-top,.home-reminder-item-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px}
.reminder-chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.reminder-type-chip,.reminder-status-chip,.home-reminder-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;line-height:1;border:1px solid transparent}
.reminder-type-chip.tone-neutral{background:#f8fafc;color:#334155;border-color:#e2e8f0}
.reminder-type-chip.tone-info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.reminder-type-chip.tone-warn{background:#fff7ed;color:#b45309;border-color:#fed7aa}
.reminder-type-chip.tone-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.reminder-type-chip.tone-good{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
.reminder-status-chip{background:#f8fafc;color:#475569;border-color:#e2e8f0}
.reminder-status-chip.state-unread{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.reminder-status-chip.state-read{background:#f8fafc;color:#64748b;border-color:#e5e7eb}
.reminder-feed-time,.home-reminder-time{font-size:11px;color:#94a3b8;white-space:nowrap}
.reminder-feed-title,.home-reminder-item-title{font-size:16px;font-weight:800;line-height:1.3;color:#111827;margin-bottom:6px;letter-spacing:-.02em}
.reminder-feed-body,.home-reminder-item-body{font-size:13px;line-height:1.55;color:#334155}
.reminder-feed-hint,.home-reminder-item-hint{margin-top:8px;font-size:12px;color:#475569}
.reminder-quiet-note{margin-top:8px;padding:8px 10px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;font-size:12px;color:#9a3412}
.reminder-inline-actions,.home-reminder-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.home-reminder-panel{margin-bottom:14px;padding:18px 20px 16px}
.home-reminder-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.home-reminder-title{margin:2px 0 4px;font-size:20px;line-height:1.25;letter-spacing:-.03em;color:#0f172a}
.home-reminder-desc{font-size:13px;line-height:1.6;color:#64748b;max-width:760px}
.home-reminder-side{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.home-reminder-pill.is-primary{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.home-reminder-pill.is-warn{background:#fff7ed;color:#b45309;border:1px solid #fed7aa}
.home-reminder-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-reminder-item{position:relative;border:1px solid #e5edf8;border-radius:18px;background:#fff;padding:14px 14px 13px;box-shadow:0 10px 24px rgba(15,23,42,.04);overflow:hidden}
.home-reminder-empty{border:1px dashed #dbe7f5;border-radius:18px;background:#f8fbff;padding:14px 16px;color:#475569}

@media (max-width: 1100px){
  .reminder-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-reminder-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 768px){
  .reminder-overview-grid{grid-template-columns:1fr;gap:10px}
  .home-reminder-header{flex-direction:column;align-items:flex-start}
  .home-reminder-side{justify-content:flex-start}
  .home-reminder-list{grid-template-columns:1fr;gap:10px}
  .home-reminder-panel{padding:14px}
  .home-reminder-title{font-size:18px}
  .reminder-feed-card,.home-reminder-item{padding:13px 12px 12px;border-radius:16px}
  .reminder-feed-top,.home-reminder-item-top{flex-direction:column;align-items:flex-start}
  .reminder-feed-time,.home-reminder-time{white-space:normal}
  .reminder-inline-actions .btn,.home-reminder-actions .btn{flex:1 1 auto;justify-content:center}
}

/* ==============================
   v12.2 light glass design system draft
   based on v12.0.8.11 stable build
   ============================== */
:root{
  --v122-bg:#eef4ff;
  --v122-bg-soft:#f6f9ff;
  --v122-bg-deep:#e8efff;
  --v122-text:#112033;
  --v122-text-soft:#5b6d88;
  --v122-line:#d7e3f3;
  --v122-line-strong:#c9d8ee;
  --v122-blue:#3b82f6;
  --v122-blue-deep:#2563eb;
  --v122-blue-soft:#eaf2ff;
  --v122-warn:#d97706;
  --v122-warn-soft:#fff5e8;
  --v122-danger:#dc4c3f;
  --v122-danger-soft:#fff3f2;
  --v122-good:#16a34a;
  --v122-good-soft:#eefcf2;
  --v122-glass:rgba(255,255,255,.58);
  --v122-glass-strong:rgba(255,255,255,.74);
  --v122-glass-panel:linear-gradient(180deg,rgba(255,255,255,.78),rgba(250,252,255,.62));
  --v122-glass-line:rgba(255,255,255,.72);
  --v122-shadow:0 22px 48px rgba(27,53,100,.08);
  --v122-shadow-soft:0 12px 26px rgba(27,53,100,.05);
  --v122-shadow-hover:0 22px 44px rgba(37,99,235,.12);
  --v122-inset:inset 0 1px 0 rgba(255,255,255,.78);
  --v122-radius-xl:30px;
  --v122-radius-lg:24px;
  --v122-radius-md:18px;
  --v122-radius-sm:14px;
  --v122-motion:cubic-bezier(.22,1,.36,1);
}

html{background:var(--v122-bg-soft)}
body.theme-v122{
  color:var(--v122-text);
  background:
    radial-gradient(900px 420px at -8% -10%, rgba(96,165,250,.20), transparent 56%),
    radial-gradient(760px 360px at 105% 0%, rgba(59,130,246,.12), transparent 54%),
    radial-gradient(620px 320px at 50% 118%, rgba(245,158,11,.09), transparent 56%),
    linear-gradient(180deg, var(--v122-bg-soft) 0%, var(--v122-bg) 52%, #edf3ff 100%) !important;
  background-attachment:fixed;
  color-scheme:light;
  position:relative;
}
body.theme-v122::before,
body.theme-v122::after{
  content:"";
  position:fixed;
  inset:auto;
  pointer-events:none;
  z-index:0;
  filter:blur(12px);
  opacity:.9;
}
body.theme-v122::before{
  width:320px;height:320px;left:-110px;top:120px;border-radius:999px;
  background:radial-gradient(circle, rgba(125,211,252,.18), rgba(125,211,252,0) 72%);
  animation:v122FloatA 16s ease-in-out infinite;
}
body.theme-v122::after{
  width:280px;height:280px;right:-100px;top:240px;border-radius:999px;
  background:radial-gradient(circle, rgba(167,139,250,.16), rgba(167,139,250,0) 72%);
  animation:v122FloatB 18s ease-in-out infinite;
}

@keyframes v122FloatA{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(22px,-18px,0) scale(1.06)}
}
@keyframes v122FloatB{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-20px,18px,0) scale(1.08)}
}
@keyframes v122Sheen{
  0%{transform:translateX(-120%) skewX(-22deg)}
  100%{transform:translateX(220%) skewX(-22deg)}
}
@keyframes v122Rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}

body.theme-v122 .app-shell{
  max-width:1080px;
  padding:calc(env(safe-area-inset-top, 0px) + 18px) 18px 54px;
  position:relative;
  z-index:1;
}
body.theme-v122 .app-shell > *{animation:v122Rise .46s var(--v122-motion) both}
body.theme-v122 .app-shell > *:nth-child(2){animation-delay:.03s}
body.theme-v122 .app-shell > *:nth-child(3){animation-delay:.06s}
body.theme-v122 .app-shell > *:nth-child(4){animation-delay:.09s}

body.theme-v122,
body.theme-v122 .card,
body.theme-v122 .task,
body.theme-v122 .nav-card,
body.theme-v122 .btn,
body.theme-v122 input,
body.theme-v122 textarea,
body.theme-v122 select,
body.theme-v122 .home-reminder-item,
body.theme-v122 .utility-chip,
body.theme-v122 .home-nav-tab{
  transition:
    transform .28s var(--v122-motion),
    box-shadow .28s var(--v122-motion),
    border-color .28s var(--v122-motion),
    background-color .28s var(--v122-motion),
    opacity .28s var(--v122-motion);
}

body.theme-v122 a{color:#204f99}
body.theme-v122 .small,
body.theme-v122 .meta,
body.theme-v122 .calendar-label,
body.theme-v122 .calendar-count,
body.theme-v122 .heat-date,
body.theme-v122 .heat-meta,
body.theme-v122 .section-tip,
body.theme-v122 .home-hero-desc,
body.theme-v122 .home-reminder-desc,
body.theme-v122 .hero-metric-note,
body.theme-v122 .meta-label,
body.theme-v122 label,
body.theme-v122 .utility-left{color:var(--v122-text-soft) !important}
body.theme-v122 .logo,
body.theme-v122 .home-hero-title,
body.theme-v122 h1,
body.theme-v122 h2,
body.theme-v122 h3,
body.theme-v122 .task-title,
body.theme-v122 .home-reminder-title,
body.theme-v122 .hero-metric-value,
body.theme-v122 .reminder-feed-title,
body.theme-v122 .home-reminder-item-title{color:#0f1e33}

body.theme-v122 .utility-bar,
body.theme-v122 .home-nav-tabs,
body.theme-v122 .page-nav-tabs,
body.theme-v122 .home-hero-card,
body.theme-v122 .analytics-hero-card,
body.theme-v122 .hero.hero-soft,
body.theme-v122 .calendar-toolbar-card,
body.theme-v122 .top-summary-row-v1204,
body.theme-v122 .card,
body.theme-v122 .auth-form-card,
body.theme-v122 .auth-hero-card{
  background:var(--v122-glass-panel) !important;
  border:1px solid var(--v122-glass-line) !important;
  box-shadow:var(--v122-shadow), var(--v122-inset) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  backdrop-filter:blur(22px) saturate(1.35);
}
body.theme-v122 .card,
body.theme-v122 .home-hero-card,
body.theme-v122 .auth-form-card,
body.theme-v122 .auth-hero-card,
body.theme-v122 .primary-section-card,
body.theme-v122 .danger-section-card,
body.theme-v122 .future-section-card{
  border-radius:var(--v122-radius-xl) !important;
}
body.theme-v122 .card:hover,
body.theme-v122 .home-reminder-item:hover,
body.theme-v122 .nav-card:hover,
body.theme-v122 .task:hover{
  box-shadow:var(--v122-shadow-hover), var(--v122-inset) !important;
}

body.theme-v122 .utility-bar{
  position:sticky;
  top:10px;
  z-index:30;
  padding:12px 14px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,250,255,.68)) !important;
  border-color:rgba(255,255,255,.82) !important;
}
body.theme-v122 .utility-right{gap:8px}
body.theme-v122 .utility-chip,
body.theme-v122 .utility-chip-btn{
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(207,223,244,.82);
  color:#24456f;
  box-shadow:0 6px 14px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.6);
}
body.theme-v122 .utility-chip:hover,
body.theme-v122 .utility-chip-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.72)}

body.theme-v122 .topbar,
body.theme-v122 .home-topbar{
  align-items:center;
  margin:4px 0 14px;
}
body.theme-v122 .logo{
  font-size:32px;
  letter-spacing:-.04em;
  line-height:1.02;
}
body.theme-v122 .badge{
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  color:#315178;
  border:1px solid rgba(209,223,242,.88);
  box-shadow:0 10px 20px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.68);
}
body.theme-v122 .mode-Normal,
body.theme-v122 .mode-Strict,
body.theme-v122 .mode-Punishment{box-shadow:0 10px 20px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.68)}

body.theme-v122 .hero-kicker,
body.theme-v122 .hero-chip,
body.theme-v122 .home-reminder-pill,
body.theme-v122 .section-side-note,
body.theme-v122 .priority-chip,
body.theme-v122 .subtask-badge,
body.theme-v122 .carryover-tag,
body.theme-v122 .pill{
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
body.theme-v122 .hero-kicker,
body.theme-v122 .hero-chip-primary,
body.theme-v122 .home-reminder-pill.is-primary{
  background:rgba(234,242,255,.92) !important;
  color:#2350b8 !important;
  border:1px solid rgba(191,219,254,.92) !important;
}
body.theme-v122 .hero-chip-warn,
body.theme-v122 .home-reminder-pill.is-warn,
body.theme-v122 .pill.pending{
  background:rgba(255,245,232,.94) !important;
  color:#b35b00 !important;
  border:1px solid rgba(251,191,36,.32) !important;
}
body.theme-v122 .pill.done{
  background:rgba(238,252,242,.94) !important;
  color:#11723a !important;
  border:1px solid rgba(134,239,172,.55) !important;
}
body.theme-v122 .pill.failed{
  background:rgba(255,243,242,.94) !important;
  color:#be3f31 !important;
  border:1px solid rgba(252,165,165,.55) !important;
}
body.theme-v122 .section-side-note{
  font-weight:800;
  color:#6a7b96 !important;
  background:rgba(255,255,255,.48);
  padding:6px 12px;
  border:1px solid rgba(220,231,244,.85);
}

body.theme-v122 .home-nav-tabs,
body.theme-v122 .page-nav-tabs{
  padding:12px;
  border-radius:26px;
  margin:0 0 16px;
  background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(248,251,255,.66)) !important;
}
body.theme-v122 .home-nav-tab-row,
body.theme-v122 .page-nav-tabs .home-nav-tab-row{gap:8px}
body.theme-v122 .home-nav-tab,
body.theme-v122 .page-nav-tabs .home-nav-tab{
  height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  border:1px solid rgba(220,231,244,.92);
  color:#637694;
  font-weight:800;
}
body.theme-v122 .home-nav-tab:hover,
body.theme-v122 .page-nav-tabs .home-nav-tab:hover{background:rgba(255,255,255,.7);color:#274670}
body.theme-v122 .home-nav-tab.is-active,
body.theme-v122 .page-nav-tabs .home-nav-tab.is-active{
  background:linear-gradient(180deg,#ffffff,#eef4ff) !important;
  border-color:rgba(191,219,254,.95) !important;
  color:#1f4f9c !important;
  box-shadow:0 10px 18px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.78);
}
body.theme-v122 .nav-card,
body.theme-v122 .home-nav-link,
body.theme-v122 .page-nav-tabs .home-nav-link{
  min-height:46px;
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(245,249,255,.66)) !important;
  border:1px solid rgba(220,231,244,.92) !important;
  box-shadow:0 10px 20px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.7);
  color:#1d3557;
}
body.theme-v122 .nav-card.is-danger,
body.theme-v122 .home-nav-link.is-danger{background:linear-gradient(180deg, rgba(255,247,246,.84), rgba(255,240,239,.72)) !important;color:#b74235}
body.theme-v122 .nav-card:hover,
body.theme-v122 .home-nav-link:hover{transform:translateY(-2px)}
body.theme-v122 .nav-count-badge{background:#ef4444;color:#fff;box-shadow:0 8px 16px rgba(239,68,68,.24)}

body.theme-v122 .home-hero-card,
body.theme-v122 .auth-hero-card,
body.theme-v122 .hero.hero-soft,
body.theme-v122 .hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(191,219,254,.34), rgba(191,219,254,0) 38%),
    radial-gradient(circle at 0% 100%, rgba(216,180,254,.18), rgba(216,180,254,0) 32%),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,250,255,.68)) !important;
}
body.theme-v122 .home-hero-card::before,
body.theme-v122 .auth-hero-card::before,
body.theme-v122 .hero.hero-soft::before,
body.theme-v122 .hero::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-40%;width:26%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.34), rgba(255,255,255,0));
  transform:skewX(-22deg);
  pointer-events:none;
  animation:v122Sheen 10s linear infinite;
}
body.theme-v122 .home-hero-title,
body.theme-v122 .auth-hero-card h1,
body.theme-v122 .hero h1{font-size:31px;letter-spacing:-.05em;line-height:1.06;margin-bottom:8px}
body.theme-v122 .hero p,
body.theme-v122 .home-hero-desc,
body.theme-v122 .auth-hero-card p{font-size:14px;line-height:1.65}
body.theme-v122 .hero-metric-card{
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(247,251,255,.70)) !important;
  border:1px solid rgba(220,231,244,.94) !important;
  box-shadow:0 12px 26px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.74);
}
body.theme-v122 .hero-metric-card.is-good{background:linear-gradient(180deg, rgba(238,252,242,.88), rgba(255,255,255,.72)) !important;border-color:rgba(134,239,172,.45) !important}
body.theme-v122 .hero-metric-card.is-warn{background:linear-gradient(180deg, rgba(255,246,236,.92), rgba(255,255,255,.72)) !important;border-color:rgba(251,191,36,.28) !important}
body.theme-v122 .hero-metric-value{letter-spacing:-.05em}

body.theme-v122 .home-reminder-panel{
  padding:20px 22px 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(191,219,254,.30), rgba(191,219,254,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(248,251,255,.70)) !important;
}
body.theme-v122 .home-reminder-list{gap:14px}
body.theme-v122 .home-reminder-item,
body.theme-v122 .reminder-feed-card{
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(248,251,255,.76)) !important;
  border:1px solid rgba(222,232,245,.92) !important;
  box-shadow:0 14px 28px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.78);
  border-radius:20px;
}
body.theme-v122 .home-reminder-item:hover,
body.theme-v122 .reminder-feed-card:hover{transform:translateY(-2px)}
body.theme-v122 .home-reminder-empty{
  border:1px dashed rgba(201,216,238,.9) !important;
  background:rgba(255,255,255,.56) !important;
}
body.theme-v122 .home-reminder-time,
body.theme-v122 .reminder-feed-time{color:#8a98ad !important}
body.theme-v122 .reminder-feed-body,
body.theme-v122 .home-reminder-item-body{color:#32465f}
body.theme-v122 .reminder-feed-hint,
body.theme-v122 .home-reminder-item-hint{color:#556b89}

body.theme-v122 .warning-box,
body.theme-v122 .danger-box,
body.theme-v122 .ok-box,
body.theme-v122 .notice-strong{
  border-radius:22px;
  box-shadow:0 10px 22px rgba(27,53,100,.04), inset 0 1px 0 rgba(255,255,255,.55);
}
body.theme-v122 .notice-strong{
  background:linear-gradient(180deg, rgba(234,242,255,.90), rgba(248,251,255,.82)) !important;
  border:1px solid rgba(191,219,254,.85) !important;
  color:#2750bf;
}
body.theme-v122 .warning-box{
  background:linear-gradient(180deg, rgba(255,245,232,.92), rgba(255,255,255,.78)) !important;
  border:1px solid rgba(251,191,36,.34) !important;
  color:#ad5d06 !important;
}
body.theme-v122 .danger-box{
  background:linear-gradient(180deg, rgba(255,243,242,.95), rgba(255,255,255,.80)) !important;
  border:1px solid rgba(252,165,165,.45) !important;
  color:#bf4436 !important;
}
body.theme-v122 .ok-box{
  background:linear-gradient(180deg, rgba(238,252,242,.95), rgba(255,255,255,.82)) !important;
  border:1px solid rgba(134,239,172,.5) !important;
  color:#15803d !important;
}

body.theme-v122 .primary-section-card,
body.theme-v122 .danger-section-card,
body.theme-v122 .future-section-card{
  position:relative;
  overflow:hidden;
  padding:18px 18px 16px;
}
body.theme-v122 .primary-section-card::before,
body.theme-v122 .danger-section-card::before,
body.theme-v122 .future-section-card::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg, rgba(59,130,246,.86), rgba(125,211,252,.66));
}
body.theme-v122 .danger-section-card::before{background:linear-gradient(180deg, rgba(239,68,68,.86), rgba(251,146,60,.72))}
body.theme-v122 .future-section-card::before{background:linear-gradient(180deg, rgba(148,163,184,.9), rgba(191,219,254,.62))}

body.theme-v122 .task,
body.theme-v122 .subtask-card,
body.theme-v122 .compact-task{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(249,252,255,.80)) !important;
  border:1px solid rgba(217,228,244,.92) !important;
  box-shadow:0 14px 28px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.78);
  border-radius:22px;
}
body.theme-v122 .task::after,
body.theme-v122 .subtask-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,0));
  pointer-events:none;
}
body.theme-v122 .task.failed{background:linear-gradient(180deg, rgba(255,247,246,.94), rgba(255,255,255,.82)) !important;border-color:rgba(252,165,165,.45) !important}
body.theme-v122 .task.done,
body.theme-v122 .subtask-card.done{background:linear-gradient(180deg, rgba(239,252,244,.94), rgba(255,255,255,.82)) !important;border-color:rgba(134,239,172,.45) !important}
body.theme-v122 .task-title{font-size:18px;line-height:1.34;letter-spacing:-.02em}
body.theme-v122 .meta,
body.theme-v122 .subtask-meta{font-size:14px;line-height:1.7;color:#556b89 !important}
body.theme-v122 .dual-time-line{color:#74839b}
body.theme-v122 .meta-chip-box{
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(220,231,244,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
body.theme-v122 .meta-chip-value{color:#17365f}
body.theme-v122 .task-deadline-panel .meta-content{color:#274066 !important}
body.theme-v122 .countdown{
  background:rgba(255,245,232,.88) !important;
  border:1px solid rgba(251,191,36,.32) !important;
  color:#ad5d06 !important;
  box-shadow:0 10px 18px rgba(245,158,11,.10);
}
body.theme-v122 .countdown.is-urgent{background:rgba(255,243,242,.9) !important;border-color:rgba(252,165,165,.42) !important;color:#be3f31 !important}
body.theme-v122 .countdown.is-safe{background:rgba(234,242,255,.88) !important;border-color:rgba(191,219,254,.55) !important;color:#2350b8 !important}
body.theme-v122 .task-action-bar .btn,
body.theme-v122 .task-action-bar .inline-action-form .btn,
body.theme-v122 .subtask-actions .btn{
  min-height:46px;
}
body.theme-v122 .priority-chip,
body.theme-v122 .subtask-badge,
body.theme-v122 .carryover-tag{padding:6px 10px;font-size:11px;font-weight:800}
body.theme-v122 .priority-chip{background:rgba(238,246,255,.92);border:1px solid rgba(191,219,254,.88);color:#2250bb}
body.theme-v122 .subtask-badge{background:rgba(248,250,255,.94);border:1px solid rgba(214,228,255,.92);color:#5b6d8a}
body.theme-v122 .priority-task-card .task-energy-bar,
body.theme-v122 .task-energy-bar{
  display:block !important;
  position:absolute;
  left:0;top:0;bottom:0;width:5px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(148,163,184,.85), rgba(203,213,225,.35));
}
body.theme-v122 .priority-hot .task-energy-bar{background:linear-gradient(180deg, rgba(37,99,235,.95), rgba(124,58,237,.72))}
body.theme-v122 .task:hover{transform:translateY(-2px)}

body.theme-v122 input,
body.theme-v122 textarea,
body.theme-v122 select{
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,250,255,.78)) !important;
  color:#10203a !important;
  border:1px solid rgba(215,227,243,.96) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 20px rgba(27,53,100,.03);
}
body.theme-v122 input::placeholder,
body.theme-v122 textarea::placeholder{color:#8ca0bb}
body.theme-v122 input:focus,
body.theme-v122 textarea:focus,
body.theme-v122 select:focus{
  border-color:rgba(96,165,250,.9) !important;
  box-shadow:0 0 0 4px rgba(59,130,246,.12), inset 0 1px 0 rgba(255,255,255,.92), 0 14px 26px rgba(27,53,100,.05);
}
body.theme-v122 label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

body.theme-v122 .btn{
  min-height:48px;
  padding:12px 18px;
  border-radius:18px;
  border:1px solid rgba(59,130,246,.18) !important;
  background:linear-gradient(180deg, rgba(59,130,246,.96), rgba(37,99,235,.96)) !important;
  box-shadow:0 14px 24px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.26) !important;
  color:#fff !important;
}
body.theme-v122 .btn:hover{transform:translateY(-1px);box-shadow:0 18px 28px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.3) !important}
body.theme-v122 .btn:active{transform:translateY(1px)}
body.theme-v122 .btn-ghost,
body.theme-v122 .btn-ghost-light,
body.theme-v122 .btn-light{
  background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(247,250,255,.64)) !important;
  color:#26456f !important;
  border:1px solid rgba(216,228,244,.96) !important;
  box-shadow:0 10px 20px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
body.theme-v122 .btn-danger{
  background:linear-gradient(180deg, rgba(239,68,68,.94), rgba(220,76,63,.94)) !important;
  border-color:rgba(248,113,113,.34) !important;
  box-shadow:0 14px 24px rgba(239,68,68,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
body.theme-v122 .btn-warning{
  background:linear-gradient(180deg, rgba(245,158,11,.94), rgba(217,119,6,.94)) !important;
  border-color:rgba(251,191,36,.34) !important;
  box-shadow:0 14px 24px rgba(245,158,11,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
body.theme-v122 .btn-ok{
  background:linear-gradient(180deg, rgba(34,197,94,.94), rgba(22,163,74,.94)) !important;
  border-color:rgba(74,222,128,.34) !important;
  box-shadow:0 14px 24px rgba(34,197,94,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body.theme-v122 .auth-wrap{
  max-width:980px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:18px;
  align-items:stretch;
}
body.theme-v122 .auth-hero-card,
body.theme-v122 .auth-form-card{margin-bottom:0}
body.theme-v122 .auth-hero-card{padding:26px 26px 22px;display:flex;flex-direction:column;justify-content:space-between}
body.theme-v122 .auth-form-card{padding:24px 24px 20px}
body.theme-v122 .auth-links-row{font-size:13px;color:#61738f}
body.theme-v122 .hero-eyebrow{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.56);
  color:#355582;
  border:1px solid rgba(214,228,244,.92);
  font-size:12px;
  font-weight:800;
  width:max-content;
  margin-bottom:12px;
}

body.theme-v122 .planner-day-head,
body.theme-v122 .calendar-toolbar-card,
body.theme-v122 .chart-card,
body.theme-v122 .year-panel-v88,
body.theme-v122 .month-chip-v88,
body.theme-v122 .calendar-day-card,
body.theme-v122 .calendar-day-card-empty,
body.theme-v122 .calendar-cell,
body.theme-v122 .heat-cell,
body.theme-v122 .mini{
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,251,255,.70)) !important;
  border:1px solid rgba(220,231,244,.92) !important;
  box-shadow:0 12px 24px rgba(27,53,100,.05), inset 0 1px 0 rgba(255,255,255,.75) !important;
  color:var(--v122-text);
}
body.theme-v122 .mini .value,
body.theme-v122 .calendar-day,
body.theme-v122 .calendar-day-num{color:#10203a}
body.theme-v122 .calendar-cell.done{background:linear-gradient(180deg, rgba(238,252,242,.95), rgba(255,255,255,.82)) !important}
body.theme-v122 .calendar-cell.pending{background:linear-gradient(180deg, rgba(255,245,232,.95), rgba(255,255,255,.82)) !important}
body.theme-v122 .calendar-cell.failed{background:linear-gradient(180deg, rgba(255,243,242,.95), rgba(255,255,255,.82)) !important}

@media (max-width: 920px){
  body.theme-v122 .auth-wrap{grid-template-columns:1fr}
}
@media (max-width: 768px){
  body.theme-v122 .app-shell{padding:calc(env(safe-area-inset-top, 0px) + 16px) 14px 42px}
  body.theme-v122 .utility-bar{padding:10px 11px;border-radius:20px}
  body.theme-v122 .logo{font-size:26px}
  body.theme-v122 .badge{font-size:11px;padding:7px 11px}
  body.theme-v122 .home-nav-tabs,
  body.theme-v122 .page-nav-tabs{padding:10px;border-radius:22px}
  body.theme-v122 .home-nav-link,
  body.theme-v122 .page-nav-tabs .home-nav-link{min-height:42px;border-radius:15px}
  body.theme-v122 .home-hero-card,
  body.theme-v122 .auth-hero-card,
  body.theme-v122 .auth-form-card,
  body.theme-v122 .primary-section-card,
  body.theme-v122 .danger-section-card,
  body.theme-v122 .future-section-card,
  body.theme-v122 .home-reminder-panel{padding:16px 16px 14px}
  body.theme-v122 .home-hero-title,
  body.theme-v122 .auth-hero-card h1,
  body.theme-v122 .hero h1{font-size:25px}
  body.theme-v122 .task,
  body.theme-v122 .subtask-card{padding:14px 14px 13px}
}
@media (max-width: 560px){
  body.theme-v122 .utility-right{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.theme-v122 .logo{font-size:22px;max-width:100%}
  body.theme-v122 .topbar,
  body.theme-v122 .home-topbar{align-items:flex-start}
  body.theme-v122 .home-hero-title,
  body.theme-v122 .auth-hero-card h1,
  body.theme-v122 .hero h1{font-size:21px}
  body.theme-v122 .hero-metric-card{border-radius:18px}
  body.theme-v122 .home-reminder-title{font-size:18px}
  body.theme-v122 .task-title{font-size:16px}
  body.theme-v122 .section-side-note{padding:5px 10px}
}
@media (prefers-reduced-motion: reduce){
  body.theme-v122::before,
  body.theme-v122::after,
  body.theme-v122 .app-shell > *,
  body.theme-v122 .home-hero-card::before,
  body.theme-v122 .auth-hero-card::before,
  body.theme-v122 .hero.hero-soft::before,
  body.theme-v122 .hero::before{animation:none !important}
}

/* ==============================
   v12.2.1 refined visual pass
   tuned from first draft based on review
   ============================== */
:root{
  --v122-bg:#edf3ff;
  --v122-bg-soft:#f7f9fe;
  --v122-bg-deep:#e4ecfb;
  --v122-text:#102036;
  --v122-text-soft:#60728d;
  --v122-line:#d6dfef;
  --v122-line-strong:#c6d3e8;
  --v122-glass:rgba(255,255,255,.64);
  --v122-glass-strong:rgba(255,255,255,.82);
  --v122-glass-panel:linear-gradient(180deg,rgba(255,255,255,.84),rgba(246,250,255,.72));
  --v122-shadow:0 20px 46px rgba(28,51,92,.09);
  --v122-shadow-hover:0 22px 46px rgba(37,99,235,.14);
  --v122-shadow-soft:0 12px 30px rgba(18,38,76,.06);
  --v122-radius-xl:32px;
  --v122-radius-lg:24px;
  --v122-radius-md:18px;
}

body.theme-v122{
  background:
    radial-gradient(900px 420px at -10% -8%, rgba(102,153,255,.18), transparent 58%),
    radial-gradient(760px 340px at 110% 0%, rgba(119,170,255,.16), transparent 52%),
    radial-gradient(540px 280px at 45% 118%, rgba(251,191,36,.08), transparent 58%),
    linear-gradient(180deg,#f6f8fc 0%, #eef3fb 52%, #e9f0fc 100%) !important;
}
body.theme-v122::before{filter:blur(20px);opacity:.8}
body.theme-v122::after{filter:blur(18px);opacity:.75}
body.theme-v122 .app-shell{max-width:1120px;padding:calc(env(safe-area-inset-top, 0px) + 18px) 18px 56px}

body.theme-v122 .utility-bar,
body.theme-v122 .home-nav-tabs,
body.theme-v122 .page-nav-tabs,
body.theme-v122 .home-hero-card,
body.theme-v122 .analytics-hero-card,
body.theme-v122 .hero.hero-soft,
body.theme-v122 .calendar-toolbar-card,
body.theme-v122 .top-summary-row-v1204,
body.theme-v122 .card,
body.theme-v122 .auth-form-card,
body.theme-v122 .auth-hero-card{
  border-color:rgba(255,255,255,.78) !important;
}

body.theme-v122 .utility-bar{
  padding:12px 15px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(243,247,255,.76)) !important;
  box-shadow:0 14px 30px rgba(18,38,76,.06), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.theme-v122 .utility-left{font-weight:600}
body.theme-v122 .utility-chip,
body.theme-v122 .utility-chip-btn{
  min-height:34px;
  padding:6px 13px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,248,255,.78));
  border-color:rgba(208,220,239,.9);
  color:#1f416c;
}

body.theme-v122 .topbar,
body.theme-v122 .home-topbar{margin:10px 0 16px}
body.theme-v122 .logo{
  font-size:30px;
  font-weight:900;
  letter-spacing:-.05em;
  text-wrap:balance;
}
body.theme-v122 .badge{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(240,246,255,.82));
  color:#38557e;
}

body.theme-v122 .home-nav-tabs,
body.theme-v122 .page-nav-tabs{
  padding:14px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(245,249,255,.72)) !important;
}
body.theme-v122 .home-nav-tab,
body.theme-v122 .page-nav-tabs .home-nav-tab{height:38px}
body.theme-v122 .nav-card,
body.theme-v122 .home-nav-link,
body.theme-v122 .page-nav-tabs .home-nav-link{
  min-height:52px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,249,255,.78)) !important;
  box-shadow:0 10px 18px rgba(23,43,79,.04), inset 0 1px 0 rgba(255,255,255,.84);
}
body.theme-v122 .nav-card:hover,
body.theme-v122 .home-nav-link:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 22px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

body.theme-v122.page-index .home-hero-card{
  padding:28px 28px 24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(191,219,254,.34), rgba(191,219,254,0) 34%),
    radial-gradient(circle at 0% 100%, rgba(196,181,253,.18), rgba(196,181,253,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(244,248,255,.78)) !important;
  box-shadow:0 22px 48px rgba(18,38,76,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body.theme-v122 .home-hero-card::before{opacity:.72;animation-duration:12s}
body.theme-v122 .home-hero-title{font-size:38px;line-height:1.04;max-width:14ch}
body.theme-v122 .home-hero-desc{font-size:15px;line-height:1.75;max-width:68ch}
body.theme-v122 .home-hero-top{align-items:flex-start;gap:16px}
body.theme-v122 .home-hero-side{gap:8px;justify-content:flex-start}
body.theme-v122 .hero-chip{font-size:12px;padding:8px 12px}
body.theme-v122 .hero-metric-card{
  padding:18px 18px 16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,255,.80)) !important;
}
body.theme-v122 .hero-metric-value{font-size:38px;line-height:1;letter-spacing:-.06em}
body.theme-v122 .hero-metric-label{font-weight:800;color:#48617f}

body.theme-v122 .home-reminder-panel{
  padding:22px 24px 20px;
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(191,219,254,.24), rgba(191,219,254,0) 28%),
    linear-gradient(180deg, rgba(255,255,255,.84), rgba(246,250,255,.76)) !important;
}
body.theme-v122 .home-reminder-title{font-size:28px;line-height:1.12;letter-spacing:-.04em}
body.theme-v122 .home-reminder-desc{font-size:14px;line-height:1.72;max-width:66ch}
body.theme-v122 .home-reminder-item,
body.theme-v122 .reminder-feed-card{padding:16px 16px 14px}

body.theme-v122 .section-heading,
body.theme-v122 .home-section-heading{
  margin-top:20px;
  margin-bottom:12px;
  align-items:center;
}
body.theme-v122 .section-heading h2,
body.theme-v122 .home-section-heading h2{
  font-size:24px;
  letter-spacing:-.04em;
}

body.theme-v122 .primary-section-card,
body.theme-v122 .danger-section-card,
body.theme-v122 .future-section-card{
  padding:20px 20px 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(243,248,255,.72)) !important;
}

body.theme-v122 .task,
body.theme-v122 .subtask-card,
body.theme-v122 .compact-task{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,255,.90)) !important;
  border-color:rgba(214,224,240,.92) !important;
  box-shadow:0 16px 30px rgba(18,38,76,.05), inset 0 1px 0 rgba(255,255,255,.9);
}
body.theme-v122 .task:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.92) !important}
body.theme-v122 .priority-task-card,
body.theme-v122 .sortable-task,
body.theme-v122 .future-task-card,
body.theme-v122 .focus-task-card{padding:22px 22px 18px}
body.theme-v122 .priority-task-card .task-title,
body.theme-v122 .sortable-task .task-title{font-size:22px;line-height:1.25;letter-spacing:-.03em}
body.theme-v122 .task-title-row{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
body.theme-v122 .task-top{gap:18px}
body.theme-v122 .task-deadline-panel{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(239,245,255,.98), rgba(248,250,255,.92)) !important;
  border:1px solid rgba(205,219,240,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
body.theme-v122 .task-deadline-panel .meta-label,
body.theme-v122 .meta-chip-box .meta-label,
body.theme-v122 .task-standard-row .meta-label{
  text-transform:none;
  letter-spacing:0;
  font-size:12px;
  font-weight:800;
}
body.theme-v122 .task-deadline-panel .meta-content{font-size:15px;line-height:1.55;color:#1c3456 !important}
body.theme-v122 .dual-time-line{font-size:12px;color:#7a8ca6}
body.theme-v122 .task-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.theme-v122 .meta-chip-box{
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,248,255,.86)) !important;
}
body.theme-v122 .meta-chip-value{font-size:16px;font-weight:800;line-height:1.35}
body.theme-v122 .task-standard-row{
  padding:0;
  background:none !important;
  border:none !important;
}
body.theme-v122 .meta-standard{font-size:14px;line-height:1.72;color:#4d607c}
body.theme-v122 .countdown-home{
  margin-top:2px;
  padding:10px 14px;
  font-weight:900;
  letter-spacing:-.01em;
}

body.theme-v122 .task-action-bar{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
body.theme-v122 .task-action-bar .btn,
body.theme-v122 .task-action-bar .inline-action-form .btn,
body.theme-v122 .subtask-actions .btn{
  min-height:46px;
  border-radius:16px;
  font-weight:800;
}
body.theme-v122 .btn-home-focus{
  background:linear-gradient(180deg,#4f83ff,#3268f2) !important;
  color:#fff !important;
  border:1px solid rgba(59,130,246,.42) !important;
  box-shadow:0 16px 26px rgba(59,130,246,.22), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
body.theme-v122 .btn-home-complete,
body.theme-v122 .btn-home-secondary,
body.theme-v122 .btn-home-danger{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,248,255,.84)) !important;
  box-shadow:0 10px 18px rgba(18,38,76,.05), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.theme-v122 .btn-home-complete{
  color:#177245 !important;
  border:1px solid rgba(134,239,172,.66) !important;
}
body.theme-v122 .btn-home-secondary{
  color:#234e9d !important;
  border:1px solid rgba(191,219,254,.82) !important;
}
body.theme-v122 .btn-home-danger{
  color:#bf4436 !important;
  border:1px solid rgba(252,165,165,.72) !important;
}
body.theme-v122 .subtask-actions{gap:10px}
body.theme-v122 .subtask-actions .btn{flex:1}

body.theme-v122 .auth-wrap{gap:20px;max-width:1020px}
body.theme-v122 .auth-hero-card{padding:30px 30px 24px}
body.theme-v122 .auth-form-card{padding:26px 26px 22px;background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(245,249,255,.80)) !important}
body.theme-v122 .auth-hero-card h1{font-size:36px;line-height:1.05;letter-spacing:-.05em}
body.theme-v122 .auth-hero-card p{font-size:15px;line-height:1.75;max-width:44ch}
body.theme-v122 .auth-links-row{font-size:13px;color:#60728d}

body.theme-v122.page-index .danger-box,
body.theme-v122.page-index .ok-box,
body.theme-v122.page-index .warning-box{margin-bottom:14px}

@media (max-width: 860px){
  body.theme-v122 .logo{font-size:26px}
  body.theme-v122 .home-hero-title{font-size:32px;max-width:none}
  body.theme-v122 .home-reminder-title{font-size:24px}
  body.theme-v122 .task-action-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-v122 .auth-wrap{grid-template-columns:1fr}
}
@media (max-width: 640px){
  body.theme-v122 .app-shell{padding:calc(env(safe-area-inset-top, 0px) + 14px) 12px 44px}
  body.theme-v122 .utility-bar{border-radius:20px;padding:10px 11px}
  body.theme-v122 .home-nav-tabs,
  body.theme-v122 .page-nav-tabs,
  body.theme-v122 .home-hero-card,
  body.theme-v122 .home-reminder-panel,
  body.theme-v122 .primary-section-card,
  body.theme-v122 .danger-section-card,
  body.theme-v122 .future-section-card,
  body.theme-v122 .auth-form-card,
  body.theme-v122 .auth-hero-card{border-radius:22px}
  body.theme-v122 .home-hero-card{padding:18px 16px 16px}
  body.theme-v122 .home-hero-title{font-size:28px}
  body.theme-v122 .home-reminder-title{font-size:22px}
  body.theme-v122 .priority-task-card,
  body.theme-v122 .sortable-task,
  body.theme-v122 .future-task-card,
  body.theme-v122 .focus-task-card{padding:18px 16px 15px}
  body.theme-v122 .priority-task-card .task-title,
  body.theme-v122 .sortable-task .task-title{font-size:19px}
  body.theme-v122 .task-stats-grid{grid-template-columns:1fr}
  body.theme-v122 .task-action-bar{grid-template-columns:1fr 1fr}
  body.theme-v122 .task-action-bar > :first-child{grid-column:1 / -1}
}
@media (prefers-reduced-motion: reduce){
  body.theme-v122 .home-hero-card::before,
  body.theme-v122::before,
  body.theme-v122::after{animation:none !important}
}


/* v12.2.2 home deepening pass */
body.theme-v122 .app-shell{max-width:1180px;padding:calc(env(safe-area-inset-top, 0px) + 20px) 24px 60px}
body.theme-v122.page-index .home-hero-card,
body.theme-v122.page-index .home-reminder-panel,
body.theme-v122.page-index .primary-section-card{max-width:1120px;margin-left:auto;margin-right:auto}
body.theme-v122.page-index .section-heading{max-width:1120px;margin-left:auto;margin-right:auto}
body.theme-v122.page-index .home-hero-card{
  padding:34px 34px 28px;
  border-radius:34px;
  background:
    radial-gradient(circle at 100% 0%, rgba(96,165,250,.26), rgba(96,165,250,0) 32%),
    radial-gradient(circle at 0% 100%, rgba(168,85,247,.14), rgba(168,85,247,0) 30%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,250,255,.82)) !important;
  box-shadow:0 28px 64px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body.theme-v122.page-index .home-hero-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:20px;align-items:start}
body.theme-v122 .home-hero-title{font-size:44px;line-height:1.02;max-width:15ch;letter-spacing:-.05em}
body.theme-v122 .home-hero-desc{font-size:16px;line-height:1.82;max-width:70ch;color:#51637d}
body.theme-v122 .home-hero-side{justify-content:flex-end;align-content:flex-start}
body.theme-v122 .home-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
body.theme-v122 .hero-metric-card{
  min-height:128px;
  padding:20px 20px 18px;
  border-radius:22px;
  backdrop-filter:blur(14px);
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,250,255,.82)) !important;
  box-shadow:0 16px 34px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.95);
}
body.theme-v122 .hero-metric-value{font-size:42px}
body.theme-v122 .hero-metric-note{font-size:13px;line-height:1.55;color:#61748f}
body.theme-v122 .home-command-panel{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:18px 20px;border-radius:24px;
  background:linear-gradient(180deg, rgba(15,23,42,.84), rgba(30,41,59,.80));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 34px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
body.theme-v122 .home-command-copy{min-width:0;flex:1}
body.theme-v122 .home-command-kicker{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(96,165,250,.14);border:1px solid rgba(147,197,253,.22);color:#bfdbfe;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:10px}
body.theme-v122 .home-command-task{font-size:24px;line-height:1.18;font-weight:900;letter-spacing:-.03em;color:#f8fbff;margin-bottom:10px}
body.theme-v122 .home-command-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:rgba(226,232,240,.88);font-size:13px;line-height:1.55}
body.theme-v122 .home-command-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
body.theme-v122 .btn-command-primary{min-width:190px}
body.theme-v122 .btn-command-secondary{border-color:rgba(191,219,254,.28) !important;color:#e8f0ff !important;background:rgba(255,255,255,.08) !important;box-shadow:none !important}
body.theme-v122 .home-reminder-panel{
  padding:24px 24px 20px;
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(191,219,254,.18), rgba(191,219,254,0) 30%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,250,255,.80)) !important;
}
body.theme-v122 .home-reminder-title{font-size:30px;line-height:1.08}
body.theme-v122 .section-heading h2, body.theme-v122 .home-section-heading h2{font-size:28px;letter-spacing:-.045em}
body.theme-v122 .primary-section-card{padding:22px 22px 20px;border-radius:28px}
body.theme-v122 .priority-task-card{
  padding:20px 20px 18px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.92)) !important;
  box-shadow:0 18px 34px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body.theme-v122 .priority-task-card .task-top{align-items:flex-start;gap:14px}
body.theme-v122 .priority-task-card .task-title{font-size:24px;line-height:1.16;letter-spacing:-.04em}
body.theme-v122 .task-deadline-panel{padding:14px 16px 13px;border-radius:18px}
body.theme-v122 .task-deadline-panel .meta-content{font-size:16px;font-weight:800;line-height:1.45}
body.theme-v122 .dual-time-line{display:inline-block;margin-top:2px}
body.theme-v122 .task-stats-grid{gap:10px;margin-top:2px}
body.theme-v122 .meta-chip-box{padding:11px 13px 10px}
body.theme-v122 .meta-chip-value{font-size:15px}
body.theme-v122 .task-detail-disclosure{
  margin-top:2px;border:1px dashed rgba(148,163,184,.45);border-radius:16px;padding:10px 12px;background:rgba(248,250,255,.78);
}
body.theme-v122 .task-detail-disclosure summary{cursor:pointer;list-style:none;font-size:12px;font-weight:800;color:#536983}
body.theme-v122 .task-detail-disclosure summary::-webkit-details-marker{display:none}
body.theme-v122 .task-detail-content{margin-top:10px;font-size:13px;line-height:1.72;color:#50637d}
body.theme-v122 .countdown-home{margin-top:0;padding:11px 14px;border-radius:16px;font-size:13px;background:linear-gradient(180deg, rgba(255,247,237,.94), rgba(255,251,235,.86)) !important}
body.theme-v122 .task-action-bar{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.82fr));gap:9px;margin-top:2px}
body.theme-v122 .task-action-bar .btn, body.theme-v122 .task-action-bar .inline-action-form .btn{min-height:44px;border-radius:15px;font-size:14px}
body.theme-v122 .btn-home-focus{box-shadow:0 18px 28px rgba(59,130,246,.24), inset 0 1px 0 rgba(255,255,255,.24) !important}
body.theme-v122 .btn-home-complete, body.theme-v122 .btn-home-secondary{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,248,255,.88)) !important}
body.theme-v122 .btn-home-danger{background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,247,247,.88)) !important;color:#c25348 !important}
body.theme-v122 .subtask-wrap{margin-top:14px}
body.theme-v122 .subtask-summary{padding:10px 12px;border-radius:16px}
@media (max-width: 980px){
  body.theme-v122.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122 .home-hero-side{justify-content:flex-start}
  body.theme-v122 .home-command-panel{flex-direction:column;align-items:flex-start}
  body.theme-v122 .home-command-actions{justify-content:flex-start;width:100%}
  body.theme-v122 .btn-command-primary{min-width:0;flex:1}
}
@media (max-width: 768px){
  body.theme-v122 .app-shell{padding:calc(env(safe-area-inset-top, 0px) + 16px) 14px 44px}
  body.theme-v122.page-index .home-hero-card{padding:22px 18px 18px}
  body.theme-v122 .home-hero-title{font-size:32px;max-width:none}
  body.theme-v122 .home-reminder-title{font-size:24px}
  body.theme-v122 .hero-metric-card{min-height:0}
  body.theme-v122 .priority-task-card .task-title{font-size:21px}
}
@media (max-width: 640px){
  body.theme-v122 .home-command-panel{padding:16px 14px;border-radius:20px}
  body.theme-v122 .home-command-task{font-size:20px}
  body.theme-v122 .home-command-meta{font-size:12px;gap:8px 12px}
  body.theme-v122 .task-action-bar{grid-template-columns:1fr 1fr}
  body.theme-v122 .task-action-bar > :first-child{grid-column:1 / -1}
}

/* v12.2.3 design expansion + home spacing refinement */
body.theme-v122 .app-shell{max-width:1240px;padding:calc(env(safe-area-inset-top, 0px) + 20px) 26px 60px}
body.theme-v122.page-index .home-hero-card,
body.theme-v122.page-index .home-reminder-panel,
body.theme-v122.page-index .primary-section-card,
body.theme-v122.page-index .section-heading{max-width:1160px}
body.theme-v122.page-index .home-hero-card{padding:30px 30px 24px;border-radius:32px}
body.theme-v122.page-index .home-hero-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:start}
body.theme-v122 .home-hero-main{min-width:0;max-width:640px}
body.theme-v122 .home-hero-title{font-size:40px;line-height:1.03;max-width:11.8ch;letter-spacing:-.055em;margin-bottom:12px}
body.theme-v122 .home-hero-desc{font-size:15px;line-height:1.76;max-width:62ch;color:#5a6d87}
body.theme-v122 .home-hero-aside{display:grid;gap:14px;align-content:start}
body.theme-v122 .home-hero-side{justify-content:flex-end;gap:8px}
body.theme-v122 .home-hero-metrics{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.theme-v122 .hero-metric-card{min-height:116px;padding:18px 18px 16px;border-radius:20px}
body.theme-v122 .hero-metric-value{font-size:40px}
body.theme-v122 .home-command-panel{
  margin:0;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(24,36,58,.90), rgba(37,51,76,.84));
  border:1px solid rgba(157,174,200,.16);
  box-shadow:0 16px 30px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
body.theme-v122 .home-command-task{font-size:22px;line-height:1.2;margin-bottom:8px}
body.theme-v122 .home-command-meta{gap:8px 14px;font-size:12.5px;line-height:1.5}
body.theme-v122 .home-command-actions{justify-content:flex-start;gap:9px}
body.theme-v122 .btn-command-primary{min-width:170px}
body.theme-v122 .btn-command-secondary{min-width:140px}
body.theme-v122 .home-reminder-panel{padding:22px 22px 18px;border-radius:26px}
body.theme-v122 .home-reminder-header{gap:12px}
body.theme-v122 .home-reminder-title{font-size:28px;line-height:1.1}
body.theme-v122 .home-reminder-list{gap:12px}
body.theme-v122 .section-heading h2, body.theme-v122 .home-section-heading h2{font-size:26px}
body.theme-v122 .primary-section-card{padding:20px 20px 18px;border-radius:26px}
body.theme-v122 .priority-task-card{padding:18px 18px 16px;border-radius:22px}
body.theme-v122 .priority-task-card .task-title{font-size:22px;line-height:1.18}
body.theme-v122 .task-top{gap:12px}
body.theme-v122 .task-deadline-panel{padding:13px 14px 12px;border-radius:16px}
body.theme-v122 .task-deadline-panel .meta-content{font-size:15px;line-height:1.42}
body.theme-v122 .task-stats-grid{gap:9px}
body.theme-v122 .meta-chip-box{padding:10px 12px 9px}
body.theme-v122 .task-detail-disclosure{padding:9px 11px;border-radius:14px}
body.theme-v122 .countdown-home{padding:10px 13px;border-radius:14px}
body.theme-v122 .task-action-bar{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.78fr));gap:8px}
body.theme-v122 .task-action-bar .btn,
body.theme-v122 .task-action-bar .inline-action-form .btn{min-height:42px;border-radius:14px;font-size:13px}
body.theme-v122 .btn-home-complete,
body.theme-v122 .btn-home-secondary{color:#355a9c !important}
body.theme-v122 .btn-home-complete{border-color:rgba(134,239,172,.58) !important;color:#1c7a48 !important}
body.theme-v122 .btn-home-danger{border-color:rgba(252,165,165,.60) !important;color:#c76156 !important}

/* planner */
body.theme-v122.page-planner .topbar,
body.theme-v122.page-create_task .topbar,
body.theme-v122.page-notifications .topbar,
body.theme-v122.page-focus_lock .topbar{margin:10px 0 14px;align-items:center}
body.theme-v122.page-planner .hero,
body.theme-v122.page-create_task .hero,
body.theme-v122.page-notifications .hero,
body.theme-v122.page-focus_lock .hero,
body.theme-v122.page-focus_lock .focus-hero-compact{
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(244,248,255,.78)) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  border-radius:28px;
  box-shadow:var(--v122-shadow-soft), inset 0 1px 0 rgba(255,255,255,.92);
}
body.theme-v122.page-planner .day-card,
body.theme-v122.page-create_task .card,
body.theme-v122.page-notifications .card,
body.theme-v122.page-focus_lock .card{
  background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(245,249,255,.76)) !important;
  border-color:rgba(255,255,255,.8) !important;
  box-shadow:0 14px 30px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.88);
}
body.theme-v122.page-planner .notice-strong,
body.theme-v122.page-create_task .notice-strong,
body.theme-v122.page-notifications .notice-strong{
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,250,255,.62));
  border:1px solid rgba(255,255,255,.66);
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}
body.theme-v122.page-planner .planner-day-head{padding:4px 2px 10px;margin-bottom:6px;border-bottom:1px solid rgba(214,224,240,.68)}
body.theme-v122.page-planner .planner-day-badge{background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(244,248,255,.82));border:1px solid rgba(203,216,236,.84);box-shadow:0 8px 18px rgba(15,23,42,.04)}
body.theme-v122.page-planner .sortable-task{padding:20px 20px 16px;border-radius:22px}
body.theme-v122.page-planner .task-drag{border-radius:14px;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,255,.84));box-shadow:0 8px 16px rgba(15,23,42,.04)}
body.theme-v122.page-planner .day-card{padding:18px 18px 14px;border-radius:28px}

/* create task */
body.theme-v122.page-create_task .card form{display:grid;gap:14px}
body.theme-v122.page-create_task .field{margin-bottom:0}
body.theme-v122.page-create_task .field label{font-weight:800;color:#365170;margin-bottom:8px;display:block}
body.theme-v122.page-create_task input[type="text"],
body.theme-v122.page-create_task input[type="number"],
body.theme-v122.page-create_task input[type="date"],
body.theme-v122.page-create_task input[type="datetime-local"],
body.theme-v122.page-create_task textarea{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,255,.84));
  border:1px solid rgba(205,219,240,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  border-radius:18px;
}
body.theme-v122.page-create_task textarea{min-height:120px}
body.theme-v122.page-create_task .btn.btn-block{min-height:50px;border-radius:18px}

/* notifications */
body.theme-v122.page-notifications .reminder-overview-grid{gap:14px}
body.theme-v122.page-notifications .reminder-mini-card,
body.theme-v122.page-notifications .reminder-feed-card{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,255,.84));
  border:1px solid rgba(209,220,239,.92);
  box-shadow:0 12px 24px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.9);
  border-radius:20px;
}
body.theme-v122.page-notifications .reminder-feed-card{padding:16px 16px 14px}

/* focus */
body.theme-v122.page-focus_lock .nav{display:flex;gap:8px;margin-bottom:14px}
body.theme-v122.page-focus_lock .nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:14px;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,249,255,.80));border:1px solid rgba(203,216,236,.84);box-shadow:0 8px 16px rgba(15,23,42,.04);color:#28456e;font-weight:700}
body.theme-v122.page-focus_lock .focus-task-card-shell,
body.theme-v122.page-focus_lock .focus-lock-shell{border-radius:28px}
body.theme-v122.page-focus_lock .focus-lock-shell{
  background:
    radial-gradient(circle at 100% 0%, rgba(191,219,254,.18), rgba(191,219,254,0) 30%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,248,255,.82)) !important;
}
body.theme-v122.page-focus_lock .focus-mini-card{background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,255,.84));border:1px solid rgba(209,220,239,.92);box-shadow:0 10px 20px rgba(15,23,42,.04);border-radius:18px}
body.theme-v122.page-focus_lock .focus-button-row .btn{min-height:46px;border-radius:16px}

@media (max-width: 1040px){
  body.theme-v122.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122 .home-hero-title{max-width:none;font-size:36px}
  body.theme-v122 .home-hero-side{justify-content:flex-start}
}
@media (max-width: 768px){
  body.theme-v122 .app-shell{padding:calc(env(safe-area-inset-top, 0px) + 16px) 14px 44px}
  body.theme-v122.page-index .home-hero-card{padding:22px 18px 18px}
  body.theme-v122 .home-hero-title{font-size:30px}
  body.theme-v122 .home-command-panel{padding:15px 14px;border-radius:20px}
  body.theme-v122 .home-command-task{font-size:20px}
  body.theme-v122 .home-reminder-title{font-size:24px}
  body.theme-v122 .hero-metric-card{min-height:0}
}
@media (max-width: 640px){
  body.theme-v122 .home-hero-metrics{grid-template-columns:1fr;gap:10px}
  body.theme-v122 .task-action-bar{grid-template-columns:1fr 1fr}
  body.theme-v122 .task-action-bar > :first-child{grid-column:1 / -1}
  body.theme-v122.page-planner .day-card,
  body.theme-v122.page-focus_lock .focus-task-card-shell,
  body.theme-v122.page-focus_lock .focus-lock-shell{border-radius:22px}
}

/* ===== v12.2.5 Hero rebalance + Focus immersion rebuild ===== */
body.theme-v122.page-index .home-hero-card{
  padding:32px 34px 24px;
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.92), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 86% 16%, rgba(147,197,253,.18), rgba(147,197,253,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(247,250,255,.84) 100%);
}
body.theme-v122.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr);
  gap:28px;
  align-items:start;
}
body.theme-v122 .home-hero-main{max-width:720px}
body.theme-v122 .hero-kicker{
  margin-bottom:12px;
  padding:6px 11px;
  font-size:11px;
  letter-spacing:.01em;
}
body.theme-v122 .home-hero-title{
  font-size:46px;
  line-height:1.01;
  max-width:9.8ch;
  letter-spacing:-.058em;
  margin-bottom:14px;
  text-wrap:balance;
}
body.theme-v122 .home-hero-desc{
  font-size:14px;
  line-height:1.72;
  max-width:52ch;
  color:#60728d;
}
body.theme-v122 .home-hero-aside{gap:12px;min-width:0}
body.theme-v122 .home-hero-side{
  justify-content:flex-end;
  gap:8px;
}
body.theme-v122 .hero-chip{
  backdrop-filter: blur(10px);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}
body.theme-v122 .home-command-panel{
  position:relative;
  padding:18px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(167,184,214,.32);
  background:
    radial-gradient(circle at 78% 24%, rgba(96,165,250,.18), rgba(96,165,250,0) 36%),
    linear-gradient(180deg, rgba(49,64,94,.94) 0%, rgba(63,76,106,.94) 100%);
  box-shadow:0 18px 34px rgba(31,41,55,.16);
  overflow:hidden;
}
body.theme-v122 .home-command-panel::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 48%);
  pointer-events:none;
}
body.theme-v122 .home-command-copy,
body.theme-v122 .home-command-actions{position:relative;z-index:1}
body.theme-v122 .home-command-kicker{
  margin-bottom:10px;
  background:rgba(122,168,255,.13);
  border-color:rgba(148,183,255,.24);
  color:#d7e6ff;
}
body.theme-v122 .home-command-task{
  font-size:18px;
  line-height:1.16;
  margin-bottom:8px;
  max-width:13ch;
  color:#fbfdff;
}
body.theme-v122 .home-command-subtext{
  color:rgba(226,232,240,.82);
  font-size:12px;
  line-height:1.5;
  margin-bottom:12px;
  max-width:32ch;
}
body.theme-v122 .home-command-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.theme-v122 .home-command-stat{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
}
body.theme-v122 .command-stat-label{font-size:11px;color:rgba(226,232,240,.62);font-weight:700}
body.theme-v122 .command-stat-value{font-size:12px;line-height:1.45;color:#f8fbff;word-break:break-word}
body.theme-v122 .home-command-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  justify-content:flex-start;
}
body.theme-v122 .btn-command-primary{
  min-width:148px;
  min-height:48px;
  padding:0 20px;
  border-radius:18px;
  box-shadow:0 14px 26px rgba(37,99,235,.24);
}
body.theme-v122 .btn-command-secondary{
  min-height:48px;
  padding:0 18px;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(215,223,238,.9);
  color:#30415d;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
body.theme-v122 .home-hero-metrics{margin-top:16px}
body.theme-v122 .hero-metric-card{padding:18px 18px 16px;border-radius:22px}
body.theme-v122 .hero-metric-value{font-size:54px;line-height:.98}
body.theme-v122 .hero-metric-note{max-width:18ch}

body.theme-v122.page-index .priority-task-card{
  padding:18px 18px 16px;
  border-radius:24px;
}
body.theme-v122.page-index .priority-task-card .task-top{
  gap:16px;
}
body.theme-v122.page-index .priority-task-card .task-title{
  font-size:28px;
  line-height:1.08;
  margin-bottom:10px;
  letter-spacing:-.042em;
}
body.theme-v122.page-index .priority-task-card .task-deadline-panel{
  padding:14px 16px;
  border-radius:18px;
}
body.theme-v122.page-index .task-stats-grid{
  gap:10px;
}
body.theme-v122.page-index .meta-chip-box{min-height:78px}
body.theme-v122.page-index .task-detail-disclosure{
  margin-top:8px;
}
body.theme-v122.page-index .task .countdown{
  margin-top:10px;
  min-height:42px;
  border-radius:16px;
  font-weight:800;
}
body.theme-v122.page-index .task .row.actions,
body.theme-v122.page-index .task .row.task-actions,
body.theme-v122.page-index .task .task-actions,
body.theme-v122.page-index .task .task-action-row{
  gap:10px;
}
body.theme-v122.page-index .priority-task-card .btn-home-focus,
body.theme-v122.page-index .priority-task-card .btn-home-complete,
body.theme-v122.page-index .priority-task-card .btn-home-secondary,
body.theme-v122.page-index .priority-task-card .btn-home-danger,
body.theme-v122.page-index .priority-task-card .btn{
  min-height:46px;
  border-radius:16px;
}
body.theme-v122.page-index .priority-task-card .btn-ok,
body.theme-v122.page-index .priority-task-card .btn-home-focus{
  box-shadow:0 12px 22px rgba(37,99,235,.18);
}
body.theme-v122.page-index .priority-task-card .btn-danger{opacity:.9}

body.theme-v122.page-focus_lock .topbar.focus-page-topbar{margin-bottom:12px}
body.theme-v122.page-focus_lock .focus-page-nav{margin-bottom:12px}
body.theme-v122.page-focus_lock .focus-page-hero{
  padding:20px 22px 18px;
  border-radius:26px;
  background:
    radial-gradient(circle at 14% 12%, rgba(255,255,255,.90), rgba(255,255,255,0) 36%),
    linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(244,248,255,.82) 100%);
}
body.theme-v122.page-focus_lock .focus-page-hero h1{margin-bottom:8px}
body.theme-v122.page-focus_lock .focus-page-hero p{max-width:64ch}
body.theme-v122.page-focus_lock .focus-task-card-shell,
body.theme-v122.page-focus_lock .focus-lock-shell{
  padding:22px 24px 20px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,255,.86));
  border:1px solid rgba(215,225,241,.86);
  box-shadow:0 16px 34px rgba(15,23,42,.06);
}
body.theme-v122.page-focus_lock .focus-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
body.theme-v122.page-focus_lock .focus-section-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(147,197,253,.28);
  color:#2f5fe3;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
body.theme-v122.page-focus_lock .focus-section-head h2{
  margin:8px 0 0;
  font-size:28px;
  letter-spacing:-.035em;
}
body.theme-v122.page-focus_lock .focus-section-side{
  max-width:24ch;
  text-align:right;
  color:#677991;
  font-size:12px;
  line-height:1.5;
}
body.theme-v122.page-focus_lock .focus-task-card{
  padding:20px 20px 16px;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
}
body.theme-v122.page-focus_lock .focus-task-card .task-top{align-items:flex-start;gap:16px}
body.theme-v122.page-focus_lock .focus-task-card .task-title{
  font-size:30px;
  line-height:1.08;
  margin-bottom:12px;
}
body.theme-v122.page-focus_lock .focus-task-grid-polish{display:grid;gap:12px}
body.theme-v122.page-focus_lock .focus-task-grid-polish .task-deadline-panel{
  padding:15px 16px;
  border-radius:18px;
}
body.theme-v122.page-focus_lock .focus-task-grid-polish .task-stats-grid,
body.theme-v122.page-focus_lock .focus-task-grid-polish .focus-task-ops-meta{
  gap:10px;
}
body.theme-v122.page-focus_lock .focus-task-grid-polish .meta-chip-box{min-height:80px}
body.theme-v122.page-focus_lock .focus-task-grid-polish .task-standard-row{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(246,248,252,.88);
  border:1px solid rgba(223,230,241,.9);
}
body.theme-v122.page-focus_lock .focus-task-card .countdown{
  min-height:44px;
  border-radius:16px;
  font-weight:800;
}
body.theme-v122.page-focus_lock .focus-console-shell{
  background:
    radial-gradient(circle at 50% 78%, rgba(34,197,94,.10), rgba(34,197,94,0) 34%),
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.86), rgba(255,255,255,0) 38%),
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(243,248,255,.86) 100%);
}
body.theme-v122.page-focus_lock .focus-console-headline{
  margin-bottom:20px;
}
body.theme-v122.page-focus_lock .focus-target{font-size:32px;letter-spacing:-.03em}
body.theme-v122.page-focus_lock .focus-chip{
  padding:8px 13px;
  border-radius:999px;
}
body.theme-v122.page-focus_lock .focus-progress-wrap{
  min-height:252px;
  margin:10px 0 14px;
}
body.theme-v122.page-focus_lock .focus-ring{width:236px;height:236px}
body.theme-v122.page-focus_lock .focus-ring-bg{stroke:#d6e3f6;stroke-width:9}
body.theme-v122.page-focus_lock .focus-ring-value{stroke:#4f7cff;stroke-width:9;filter:drop-shadow(0 8px 18px rgba(79,124,255,.22))}
body.theme-v122.page-focus_lock .focus-output{font-size:66px;letter-spacing:-.06em}
body.theme-v122.page-focus_lock .focus-subline{font-size:15px;letter-spacing:-.01em}
body.theme-v122.page-focus_lock .focus-mini-stats{gap:12px;margin:8px 0 16px}
body.theme-v122.page-focus_lock .focus-mini-card{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,255,.88));
}
body.theme-v122.page-focus_lock .focus-mini-card .mini-label{font-size:12px}
body.theme-v122.page-focus_lock .focus-mini-card .mini-value{font-size:20px}
body.theme-v122.page-focus_lock .focus-rule-inline{
  max-width:560px;
  font-size:13px;
}
body.theme-v122.page-focus_lock .focus-action-shell{
  margin-top:8px;
  padding-top:6px;
}
body.theme-v122.page-focus_lock .focus-button-row{
  gap:12px;
}
body.theme-v122.page-focus_lock .focus-button-row .btn{
  min-width:138px;
  min-height:48px;
  border-radius:17px;
}
body.theme-v122.page-focus_lock .focus-button-row #focusStartBtn{box-shadow:0 14px 24px rgba(34,197,94,.16)}
body.theme-v122.page-focus_lock .focus-button-row #focusInterruptBtn{background:rgba(255,237,233,.95);color:#c24c3d;border:1px solid rgba(245,181,170,.95)}
body.theme-v122.page-focus_lock .focus-finish-strip{
  max-width:520px;
  margin:14px auto 0;
}
body.theme-v122.page-focus_lock .focus-finish-task-btn{
  min-height:50px;
  border-radius:18px;
  box-shadow:0 14px 24px rgba(34,197,94,.12);
}
body.theme-v122.page-focus_lock .focus-bottom-note{
  max-width:480px;
  margin:10px auto 0;
  color:#71829e;
}

@media (max-width: 1180px){
  body.theme-v122.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122 .home-hero-side{justify-content:flex-start}
  body.theme-v122 .home-command-panel{padding:16px 16px 15px}
  body.theme-v122 .home-command-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 820px){
  body.theme-v122.page-index .home-hero-card{padding:22px 18px 18px}
  body.theme-v122 .home-hero-title{font-size:34px;max-width:11ch}
  body.theme-v122 .home-hero-desc{font-size:13px;max-width:none}
  body.theme-v122 .home-command-task{font-size:22px;max-width:none}
  body.theme-v122 .home-command-meta{grid-template-columns:1fr}
  body.theme-v122.page-focus_lock .focus-section-head{flex-direction:column;align-items:flex-start}
  body.theme-v122.page-focus_lock .focus-section-side{text-align:left;max-width:none}
  body.theme-v122.page-focus_lock .focus-task-card .task-title{font-size:24px}
  body.theme-v122.page-focus_lock .focus-ring{width:204px;height:204px}
  body.theme-v122.page-focus_lock .focus-output{font-size:56px}
}
@media (max-width: 640px){
  body.theme-v122.page-index .home-hero-card{padding:18px 16px 16px;border-radius:26px}
  body.theme-v122 .home-hero-title{font-size:29px;max-width:none}
  body.theme-v122 .home-command-actions{flex-direction:column;align-items:stretch}
  body.theme-v122 .btn-command-primary,
  body.theme-v122 .btn-command-secondary{width:100%}
  body.theme-v122.page-index .hero-metric-value{font-size:46px}
  body.theme-v122.page-focus_lock .focus-task-card-shell,
  body.theme-v122.page-focus_lock .focus-lock-shell{padding:18px 16px 16px;border-radius:22px}
  body.theme-v122.page-focus_lock .focus-target{font-size:28px}
  body.theme-v122.page-focus_lock .focus-output{font-size:50px}
  body.theme-v122.page-focus_lock .focus-button-row .btn{width:100%;min-width:0}
}

/* ===== v12.2.5 Focus finish polish + hero cleanup ===== */
body.theme-v122.page-index .home-hero-card{
  padding:34px 36px 26px;
}
body.theme-v122.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:24px;
}
body.theme-v122 .home-hero-main{max-width:700px}
body.theme-v122 .home-hero-title{
  font-size:42px;
  line-height:1.05;
  max-width:11.6ch;
  letter-spacing:-.05em;
  margin-bottom:12px;
}
body.theme-v122 .home-hero-desc{max-width:58ch;font-size:15px;line-height:1.68}
body.theme-v122 .home-command-panel{
  display:grid;
  gap:14px;
  padding:18px 20px 18px;
  border-radius:24px;
  background:
    radial-gradient(circle at 82% 18%, rgba(96,165,250,.16), rgba(96,165,250,0) 34%),
    linear-gradient(180deg, rgba(59,76,109,.88), rgba(68,83,114,.84));
  border:1px solid rgba(181,196,225,.24);
  box-shadow:0 16px 32px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
body.theme-v122 .home-command-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
}
body.theme-v122 .home-command-copy{min-width:0}
body.theme-v122 .home-command-task{
  font-size:25px;
  line-height:1.18;
  margin-bottom:8px;
  max-width:none;
  word-break:break-word;
}
body.theme-v122 .home-command-subtext{font-size:13px;line-height:1.6;max-width:none;margin-bottom:0}
body.theme-v122 .home-command-actions{
  margin-top:0;
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
body.theme-v122 .home-command-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body.theme-v122 .home-command-stat{padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
body.theme-v122 .command-stat-value{font-size:12.5px;line-height:1.45;word-break:break-word}
body.theme-v122 .btn-command-primary{min-width:166px}
body.theme-v122 .btn-command-secondary{min-width:136px}

body.theme-v122.page-focus_lock .focus-task-card-shell,
body.theme-v122.page-focus_lock .focus-lock-shell{
  padding:24px 26px 22px;
}
body.theme-v122.page-focus_lock .focus-task-card{
  padding:20px 20px 18px;
}
body.theme-v122.page-focus_lock .focus-task-layout{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);
  gap:18px;
  align-items:start;
}
body.theme-v122.page-focus_lock .focus-task-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
body.theme-v122.page-focus_lock .focus-task-linked{flex-shrink:0;align-self:flex-start}
body.theme-v122.page-focus_lock .focus-task-main{min-width:0}
body.theme-v122.page-focus_lock .focus-task-sidepanel{
  border-radius:20px;
  padding:14px;
  background:linear-gradient(180deg, rgba(247,250,255,.96), rgba(240,245,254,.88));
  border:1px solid rgba(216,225,241,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
body.theme-v122.page-focus_lock .focus-task-sidegrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.theme-v122.page-focus_lock .focus-task-sidegrid .meta-chip-box{
  min-height:88px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
body.theme-v122.page-focus_lock .focus-task-grid-polish{
  gap:12px;
}
body.theme-v122.page-focus_lock .focus-task-grid-polish .task-deadline-panel,
body.theme-v122.page-focus_lock .focus-task-grid-polish .task-standard-row{
  margin-bottom:0;
}
body.theme-v122.page-focus_lock .focus-task-card .countdown{margin-top:0}
body.theme-v122.page-focus_lock .focus-progress-wrap{margin:10px 0 10px;min-height:248px}
body.theme-v122.page-focus_lock .focus-rule-inline{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
body.theme-v122.page-focus_lock .focus-decision-panel{
  max-width:700px;
  margin:14px auto 0;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(237,244,255,.96), rgba(228,238,255,.88));
  border:1px solid rgba(182,204,242,.92);
  box-shadow:0 10px 18px rgba(59,130,246,.08);
  text-align:center;
}
body.theme-v122.page-focus_lock .focus-decision-title{
  font-size:16px;
  font-weight:900;
  color:#234378;
  margin-bottom:5px;
}
body.theme-v122.page-focus_lock .focus-decision-copy{
  font-size:13px;
  line-height:1.6;
  color:#5b7192;
}
body.theme-v122.page-focus_lock .focus-button-row{
  gap:12px;
  flex-wrap:wrap;
}
body.theme-v122.page-focus_lock .focus-button-row .btn{min-width:154px}
body.theme-v122.page-focus_lock .focus-button-row #focusFinishBtn.btn-ok{
  box-shadow:0 14px 24px rgba(37,99,235,.18);
}
body.theme-v122.page-focus_lock .focus-button-row #focusInterruptBtn{
  background:linear-gradient(180deg, rgba(255,241,238,.98), rgba(255,231,226,.90));
}
body.theme-v122.page-focus_lock .focus-finish-strip{margin-top:12px}
body.theme-v122.page-focus_lock .focus-bottom-note{text-align:center}

@media (max-width: 1180px){
  body.theme-v122.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122 .home-command-head{grid-template-columns:1fr}
  body.theme-v122 .home-command-actions{justify-content:flex-start}
}
@media (max-width: 920px){
  body.theme-v122.page-focus_lock .focus-task-layout{grid-template-columns:1fr}
}
@media (max-width: 768px){
  body.theme-v122 .home-hero-title{font-size:34px;max-width:none}
  body.theme-v122 .home-command-meta{grid-template-columns:1fr}
  body.theme-v122.page-focus_lock .focus-task-heading{flex-direction:column;align-items:flex-start}
}
@media (max-width: 640px){
  body.theme-v122 .home-command-actions{flex-direction:column;align-items:stretch}
  body.theme-v122 .btn-command-primary,
  body.theme-v122 .btn-command-secondary{width:100%;min-width:0}
  body.theme-v122.page-focus_lock .focus-task-card-shell,
  body.theme-v122.page-focus_lock .focus-lock-shell{padding:18px 16px 16px}
  body.theme-v122.page-focus_lock .focus-task-sidegrid{grid-template-columns:1fr}
  body.theme-v122.page-focus_lock .focus-button-row .btn{width:100%;min-width:0}
}


/* v12.2.6 polish */
body.theme-v122.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.28fr) minmax(360px,.82fr);
  gap:34px;
}
body.theme-v122 .home-hero-main{max-width:780px}
body.theme-v122 .home-hero-title{
  max-width:13.8ch;
  font-size:46px;
  line-height:1.02;
  letter-spacing:-.06em;
}
body.theme-v122 .home-hero-desc{
  max-width:60ch;
  font-size:15px;
  line-height:1.72;
}
body.theme-v122 .home-hero-aside{gap:12px}
body.theme-v122 .home-command-panel{
  padding:18px 18px 16px;
  gap:12px;
  background:
    radial-gradient(circle at 82% 16%, rgba(119,144,255,.16), rgba(119,144,255,0) 30%),
    linear-gradient(180deg, rgba(227,235,252,.92), rgba(212,224,247,.86));
  border:1px solid rgba(187,202,233,.95);
  box-shadow:0 14px 28px rgba(61,86,138,.10), inset 0 1px 0 rgba(255,255,255,.85);
}
body.theme-v122 .home-command-panel::before{opacity:.42}
body.theme-v122 .home-command-kicker{background:rgba(77,111,195,.12); color:#4761a3; border-color:rgba(107,134,204,.22)}
body.theme-v122 .home-command-copy{display:grid;gap:10px}
body.theme-v122 .home-command-task{
  color:#1a2a47;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.04em;
  margin:0;
  max-width:13.5ch;
}
body.theme-v122 .home-command-subtext{color:#5f6f89;font-size:13px;line-height:1.62;max-width:34ch}
body.theme-v122 .home-command-actions{justify-content:flex-start;gap:10px}
body.theme-v122 .btn-command-primary{min-width:150px}
body.theme-v122 .btn-command-secondary{min-width:126px}
body.theme-v122 .home-command-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.theme-v122 .home-command-stat{
  background:rgba(255,255,255,.56);
  border:1px solid rgba(191,204,231,.88);
}
body.theme-v122 .command-stat-label{color:#71829d}
body.theme-v122 .command-stat-value{color:#223654;font-size:12px;line-height:1.45}

body.theme-v122.page-focus_lock .focus-task-card-shell,
body.theme-v122.page-focus_lock .focus-lock-shell{padding:24px 26px 22px}
body.theme-v122.page-focus_lock .focus-task-card{padding:18px 18px 16px}
body.theme-v122.page-focus_lock .focus-task-card-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}
body.theme-v122.page-focus_lock .focus-task-title-row{font-size:22px;line-height:1.18;max-width:18ch}
body.theme-v122.page-focus_lock .focus-task-summary-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:18px;
  align-items:stretch;
}
body.theme-v122.page-focus_lock .focus-task-primary-pane{
  display:grid;
  gap:12px;
  align-content:start;
}
body.theme-v122.page-focus_lock .focus-task-deadline-card,
body.theme-v122.page-focus_lock .focus-task-standard-card{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(248,251,255,.96), rgba(243,247,254,.9));
  border:1px solid rgba(214,224,241,.95);
}
body.theme-v122.page-focus_lock .focus-deadline-main{font-size:14px;font-weight:800;color:#293a58;line-height:1.5;margin-top:6px}
body.theme-v122.page-focus_lock .focus-task-standard-card .meta-standard{margin-top:6px;line-height:1.68;color:#586b87}
body.theme-v122.page-focus_lock .focus-countdown-wrap .countdown{margin-top:0;display:flex;justify-content:center}
body.theme-v122.page-focus_lock .focus-task-sidepanel{
  display:flex;
  align-items:stretch;
  padding:14px;
}
body.theme-v122.page-focus_lock .focus-task-sidegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
body.theme-v122.page-focus_lock .focus-task-sidegrid .meta-chip-box{
  min-height:96px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(250,252,255,.98), rgba(243,247,254,.9));
}
body.theme-v122.page-focus_lock .focus-auto-next-panel{
  max-width:760px;
  margin:12px auto 0;
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(247,250,255,.96), rgba(239,245,255,.88));
  border:1px solid rgba(201,214,239,.88);
}
body.theme-v122.page-focus_lock .focus-auto-next-toggle{display:flex;gap:10px;align-items:flex-start;font-weight:800;color:#234378}
body.theme-v122.page-focus_lock .focus-auto-next-toggle input{margin-top:3px}
body.theme-v122.page-focus_lock .focus-auto-next-note{margin-top:6px;font-size:12.5px;line-height:1.55;color:#60708f}
body.theme-v122.page-focus_lock .focus-decision-panel{margin:12px auto 0}

@media (max-width: 980px){
  body.theme-v122.page-index .home-hero-top{grid-template-columns:1fr;gap:20px}
  body.theme-v122 .home-hero-title{max-width:none;font-size:38px}
  body.theme-v122 .home-command-task{max-width:none;font-size:24px}
  body.theme-v122.page-focus_lock .focus-task-summary-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  body.theme-v122 .home-hero-title{font-size:32px}
  body.theme-v122 .home-command-panel{padding:16px 14px}
  body.theme-v122 .home-command-task{font-size:22px}
  body.theme-v122.page-focus_lock .focus-task-card-top{flex-direction:column}
  body.theme-v122.page-focus_lock .focus-task-title-row{max-width:none}
  body.theme-v122.page-focus_lock .focus-task-sidegrid{grid-template-columns:1fr 1fr}
}


/* v12.2.7 hero + focus alignment polish */
body.theme-v122.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);
  gap:30px;
}
body.theme-v122 .home-hero-main{max-width:860px}
body.theme-v122 .home-hero-title{
  max-width:15.2ch;
  font-size:42px;
  line-height:1.04;
  letter-spacing:-.055em;
}
body.theme-v122 .home-hero-desc{max-width:66ch;font-size:15px;line-height:1.74}
body.theme-v122 .home-hero-aside{align-content:start}
body.theme-v122 .home-command-panel{
  width:min(100%, 360px);
  margin-left:auto;
  padding:16px 16px 14px;
  gap:12px;
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 14%, rgba(96,165,250,.12), rgba(96,165,250,0) 30%),
    linear-gradient(180deg, rgba(241,246,255,.94), rgba(223,233,249,.88));
  border:1px solid rgba(188,202,229,.96);
  box-shadow:0 14px 24px rgba(84,106,150,.10), inset 0 1px 0 rgba(255,255,255,.92);
}
body.theme-v122 .home-command-panel::before{opacity:.28}
body.theme-v122 .home-command-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  align-items:start;
}
body.theme-v122 .home-command-copy{gap:8px}
body.theme-v122 .home-command-task{
  color:#1a2a47;
  font-size:22px;
  line-height:1.16;
  letter-spacing:-.035em;
  max-width:none;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
body.theme-v122 .home-command-subtext{
  color:#61718b;
  font-size:12.5px;
  line-height:1.58;
  max-width:none;
}
body.theme-v122 .home-command-actions{
  justify-content:flex-start;
  gap:8px;
  flex-wrap:nowrap;
}
body.theme-v122 .btn-command-primary,
body.theme-v122 .btn-command-secondary{
  min-width:0;
  flex:1 1 0;
  padding:0 14px;
  min-height:46px;
  border-radius:16px;
}
body.theme-v122 .home-command-meta{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.theme-v122 .home-command-stat{padding:9px 10px}
body.theme-v122 .command-stat-value{
  color:#2a3f61;
  word-break:normal;
  overflow-wrap:anywhere;
}

body.theme-v122.page-focus_lock .focus-task-card-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}
body.theme-v122.page-focus_lock .focus-task-title-row{
  font-size:18px;
  line-height:1.18;
  max-width:none;
  min-width:0;
}
body.theme-v122.page-focus_lock .focus-task-title-row > span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.theme-v122.page-focus_lock .focus-task-linked{justify-self:end}
body.theme-v122.page-focus_lock .focus-task-summary-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);
  gap:16px;
  align-items:start;
}
body.theme-v122.page-focus_lock .focus-task-primary-pane,
body.theme-v122.page-focus_lock .focus-task-sidepanel{min-width:0}
body.theme-v122.page-focus_lock .focus-task-deadline-card,
body.theme-v122.page-focus_lock .focus-task-standard-card,
body.theme-v122.page-focus_lock .focus-task-sidepanel{
  border-radius:18px;
}
body.theme-v122.page-focus_lock .focus-task-sidepanel{
  align-self:stretch;
  padding:12px;
}
body.theme-v122.page-focus_lock .focus-task-sidegrid{gap:10px}
body.theme-v122.page-focus_lock .focus-task-sidegrid .meta-chip-box{min-height:84px}
body.theme-v122.page-focus_lock .focus-countdown-wrap .countdown{min-height:42px}

body.theme-v122.page-focus_lock .focus-auto-next-panel{
  max-width:760px;
  margin:12px auto 0;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(247,250,255,.98), rgba(239,245,255,.90));
  border:1px solid rgba(201,214,239,.92);
}
body.theme-v122.page-focus_lock .focus-auto-next-toggle{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  color:#1f3967;
}
body.theme-v122.page-focus_lock .focus-auto-next-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
body.theme-v122.page-focus_lock .focus-auto-next-switch{
  width:42px;
  height:24px;
  border-radius:999px;
  background:rgba(186,199,224,.9);
  border:1px solid rgba(173,188,216,.95);
  position:relative;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.55);
  transition:all .2s ease;
}
body.theme-v122.page-focus_lock .focus-auto-next-switch::after{
  content:'';
  position:absolute;
  top:2px;
  left:2px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(15,23,42,.12);
  transition:transform .2s ease;
}
body.theme-v122.page-focus_lock .focus-auto-next-toggle input:checked + .focus-auto-next-switch{
  background:linear-gradient(180deg, #5a83ff, #3f68f2);
  border-color:#4a74fb;
}
body.theme-v122.page-focus_lock .focus-auto-next-toggle input:checked + .focus-auto-next-switch::after{
  transform:translateX(18px);
}
body.theme-v122.page-focus_lock .focus-auto-next-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
body.theme-v122.page-focus_lock .focus-auto-next-title{
  font-size:13px;
  font-weight:900;
  line-height:1.35;
  color:#20395f;
}
body.theme-v122.page-focus_lock .focus-auto-next-desc{
  font-size:12px;
  line-height:1.5;
  color:#627490;
  font-weight:600;
}
body.theme-v122.page-focus_lock .focus-auto-next-note{
  margin-top:8px;
  font-size:12px;
  line-height:1.55;
  color:#647592;
  padding-left:54px;
}

@media (max-width: 1180px){
  body.theme-v122.page-index .home-hero-top{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}
  body.theme-v122 .home-hero-title{max-width:13.5ch;font-size:38px}
}
@media (max-width: 980px){
  body.theme-v122.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122 .home-command-panel{width:100%;margin-left:0}
  body.theme-v122 .home-hero-title{max-width:none;font-size:36px}
  body.theme-v122.page-focus_lock .focus-task-summary-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  body.theme-v122 .home-command-actions{flex-wrap:wrap}
  body.theme-v122 .btn-command-primary,
  body.theme-v122 .btn-command-secondary{flex:1 1 100%}
  body.theme-v122.page-focus_lock .focus-task-card-top{grid-template-columns:1fr}
  body.theme-v122.page-focus_lock .focus-task-title-row > span{white-space:normal;overflow:visible;text-overflow:clip}
  body.theme-v122.page-focus_lock .focus-auto-next-toggle{grid-template-columns:auto auto minmax(0,1fr)}
  body.theme-v122.page-focus_lock .focus-auto-next-note{padding-left:0}
}

/* ===== v12.3.0 dynamic control alpha ===== */
body.theme-v122.dynamic-alpha .utility-bar,
body.theme-v122.dynamic-alpha .topbar{
  transition:transform .28s ease, box-shadow .28s ease, background-color .28s ease, border-color .28s ease, backdrop-filter .28s ease;
}
body.theme-v122.dynamic-alpha .utility-bar.is-scrolled,
body.theme-v122.dynamic-alpha .topbar.is-scrolled{
  background:linear-gradient(180deg, rgba(248,251,255,.94), rgba(241,246,255,.88));
  backdrop-filter:blur(18px);
  box-shadow:0 12px 28px rgba(59,88,146,.08);
  border-color:rgba(204,217,240,.95);
}
body.theme-v122.dynamic-alpha .reveal-ready{
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:opacity .55s ease, transform .55s ease;
  transition-delay:var(--reveal-delay, 0ms);
}
body.theme-v122.dynamic-alpha .reveal-ready.is-revealed{
  opacity:1;
  transform:translateY(0) scale(1);
}
body.theme-v122.dynamic-alpha .btn,
body.theme-v122.dynamic-alpha .utility-chip,
body.theme-v122.dynamic-alpha .hero-chip,
body.theme-v122.dynamic-alpha .card,
body.theme-v122.dynamic-alpha .home-command-panel{
  transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}
body.theme-v122.dynamic-alpha .btn:hover,
body.theme-v122.dynamic-alpha .utility-chip:hover,
body.theme-v122.dynamic-alpha .hero-chip:hover{
  transform:translateY(-1px);
}
body.theme-v122.dynamic-alpha .btn.is-tapped,
body.theme-v122.dynamic-alpha .utility-chip.is-tapped,
body.theme-v122.dynamic-alpha .hero-chip.is-tapped{
  transform:translateY(0) scale(.985);
}
body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.42fr) minmax(360px,.78fr);
  gap:30px;
  align-items:start;
}
body.theme-v122.dynamic-alpha .home-hero-main{max-width:760px}
body.theme-v122.dynamic-alpha .home-hero-title{
  max-width:12.8ch;
  font-size:clamp(42px, 4vw, 58px);
  line-height:.98;
  letter-spacing:-.045em;
  margin-bottom:16px;
}
body.theme-v122.dynamic-alpha .home-hero-desc{
  max-width:56ch;
  font-size:15px;
  line-height:1.72;
  color:#667898;
}
body.theme-v122.dynamic-alpha .home-hero-aside{min-width:0}
body.theme-v122.dynamic-alpha .home-hero-side{justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px}
body.theme-v122.dynamic-alpha .home-command-panel{
  --pointer-x: 50%;
  --pointer-y: 28%;
  position:relative;
  overflow:hidden;
  padding:18px 18px 16px;
  border-radius:24px;
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(255,255,255,.55), rgba(255,255,255,0) 38%),
    linear-gradient(180deg, rgba(230,238,255,.92), rgba(216,227,248,.82));
  border:1px solid rgba(172,191,228,.78);
  box-shadow:0 18px 40px rgba(63,92,151,.12), inset 0 1px 0 rgba(255,255,255,.68);
}
body.theme-v122.dynamic-alpha .home-command-panel::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.38), rgba(255,255,255,0) 42%, rgba(124,153,232,.08) 100%);
  opacity:.9;
  pointer-events:none;
}
body.theme-v122.dynamic-alpha .home-command-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
body.theme-v122.dynamic-alpha .home-command-copy{min-width:0}
body.theme-v122.dynamic-alpha .home-command-kicker{background:rgba(255,255,255,.38); color:#4a6190; border-color:rgba(165,185,226,.8)}
body.theme-v122.dynamic-alpha .home-command-task{
  font-size:clamp(20px, 2.2vw, 28px);
  line-height:1.06;
  letter-spacing:-.03em;
  color:#203457;
  max-width:none;
  overflow-wrap:anywhere;
}
body.theme-v122.dynamic-alpha .home-command-subtext{
  margin-top:8px;
  color:#5f7296;
  font-size:14px;
  line-height:1.65;
  max-width:32ch;
}
body.theme-v122.dynamic-alpha .home-command-actions{
  display:flex;
  gap:10px;
  flex-wrap:nowrap;
}
body.theme-v122.dynamic-alpha .btn-command-primary{min-width:132px}
body.theme-v122.dynamic-alpha .btn-command-secondary{min-width:104px}
body.theme-v122.dynamic-alpha .home-command-meta{
  position:relative;
  z-index:1;
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body.theme-v122.dynamic-alpha .home-command-stat{
  min-width:0;
  padding:11px 12px;
  border-radius:16px;
  background:rgba(247,250,255,.68);
  border:1px solid rgba(180,197,229,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
body.theme-v122.dynamic-alpha .command-stat-label{
  font-size:11px;
  letter-spacing:.02em;
  color:#6a7da0;
}
body.theme-v122.dynamic-alpha .command-stat-value{
  margin-top:4px;
  font-size:13px;
  line-height:1.45;
  color:#2a3f61;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card-top{
  align-items:center;
  gap:14px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row{
  font-size:16px;
  line-height:1.2;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.82fr);
  gap:18px;
  align-items:stretch;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-primary-pane,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  display:grid;
  gap:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-standard-card{min-height:96px}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  padding:14px;
  background:linear-gradient(180deg, rgba(245,249,255,.94), rgba(237,244,255,.86));
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-panel{
  max-width:640px;
  margin:14px auto 0;
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(248,251,255,.98), rgba(241,246,255,.9));
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{
  gap:10px;
  align-items:center;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-title{
  font-size:12.5px;
  line-height:1.35;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-desc{
  font-size:11.5px;
  line-height:1.45;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{
  margin-top:6px;
  font-size:11.5px;
  line-height:1.45;
  padding-left:54px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-console-shell{
  transition:box-shadow .3s ease, border-color .3s ease, transform .3s ease;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-console-shell.is-running{
  box-shadow:0 18px 42px rgba(80,110,191,.14), inset 0 1px 0 rgba(255,255,255,.7);
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-console-shell.is-round-complete{
  border-color:rgba(106,135,232,.68);
  box-shadow:0 22px 48px rgba(76,108,194,.14), 0 0 0 6px rgba(95,126,230,.06);
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-ring-value{
  transition:stroke-dashoffset .5s ease, stroke .3s ease;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-console-shell.is-running .focus-ring-value{
  filter:drop-shadow(0 3px 10px rgba(71,103,226,.18));
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-console-shell.is-round-complete .focus-ring-value{
  stroke:#4c72ef;
  filter:drop-shadow(0 4px 12px rgba(76,114,239,.24));
}
body.theme-v122.dynamic-alpha .home-hero-card,
body.theme-v122.dynamic-alpha .home-reminder-panel,
body.theme-v122.dynamic-alpha .focus-task-card-shell,
body.theme-v122.dynamic-alpha .focus-console-shell,
body.theme-v122.dynamic-alpha .primary-section-card{
  will-change:transform, opacity;
}
@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:22px}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:13.8ch;font-size:44px}
}
@media (max-width: 980px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha .home-command-panel{width:100%}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:none;font-size:38px}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{white-space:normal;overflow:visible;text-overflow:clip}
}
@media (max-width: 640px){
  body.theme-v122.dynamic-alpha .home-command-actions{flex-wrap:wrap}
  body.theme-v122.dynamic-alpha .btn-command-primary,
  body.theme-v122.dynamic-alpha .btn-command-secondary{flex:1 1 100%;min-width:0}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{grid-template-columns:auto auto minmax(0,1fr)}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{padding-left:0}
}


/* ===== v12.3.1 focus immersion ===== */
body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.6fr) minmax(370px,.9fr);
  gap:38px;
  align-items:stretch;
}
body.theme-v122.dynamic-alpha .home-hero-main{
  max-width:900px;
  padding-right:10px;
}
body.theme-v122.dynamic-alpha .home-hero-title{
  max-width:15.2ch;
  font-size:clamp(40px,3.8vw,56px);
  line-height:1.01;
  letter-spacing:-.052em;
  margin-bottom:14px;
}
body.theme-v122.dynamic-alpha .home-hero-desc{
  max-width:60ch;
  font-size:15.5px;
  line-height:1.76;
}
body.theme-v122.dynamic-alpha .home-hero-aside{
  display:grid;
  align-content:start;
  min-width:0;
}
body.theme-v122.dynamic-alpha .home-hero-side{
  justify-content:flex-start;
  gap:10px;
  margin-bottom:14px;
}
body.theme-v122.dynamic-alpha .home-command-panel{
  padding:18px 18px 14px;
  border-radius:24px;
  background:
    radial-gradient(circle at 22% 0%, rgba(255,255,255,.52), rgba(255,255,255,0) 38%),
    linear-gradient(180deg, rgba(238,244,255,.96), rgba(225,234,249,.9));
  border:1px solid rgba(186,203,235,.82);
  box-shadow:0 16px 36px rgba(69,93,142,.11), inset 0 1px 0 rgba(255,255,255,.72);
}
body.theme-v122.dynamic-alpha .home-command-panel::before{
  background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,0) 46%, rgba(112,145,227,.05) 100%);
  opacity:.72;
}
body.theme-v122.dynamic-alpha .home-command-head{
  gap:12px;
}
body.theme-v122.dynamic-alpha .home-command-task{
  font-size:clamp(18px,2vw,28px);
  line-height:1.08;
  color:#23385c;
  max-width:11.2ch;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.theme-v122.dynamic-alpha .home-command-subtext{
  margin-top:6px;
  font-size:13px;
  line-height:1.58;
  color:#5f7396;
  max-width:32ch;
}
body.theme-v122.dynamic-alpha .home-command-actions{
  gap:10px;
  flex-wrap:nowrap;
}
body.theme-v122.dynamic-alpha .btn-command-primary,
body.theme-v122.dynamic-alpha .btn-command-secondary{
  min-height:46px;
  border-radius:15px;
  font-weight:800;
}
body.theme-v122.dynamic-alpha .btn-command-primary{min-width:132px}
body.theme-v122.dynamic-alpha .btn-command-secondary{min-width:108px}
body.theme-v122.dynamic-alpha .home-command-meta{
  margin-top:12px;
  gap:8px;
}
body.theme-v122.dynamic-alpha .home-command-stat{
  padding:10px 10px 9px;
  border-radius:15px;
  background:rgba(248,251,255,.84);
}
body.theme-v122.dynamic-alpha .command-stat-value{
  font-size:12.5px;
  line-height:1.42;
}

body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card-shell{
  padding:22px 24px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row{
  font-size:clamp(16px,1.55vw,20px);
  line-height:1.12;
  letter-spacing:-.03em;
  min-width:0;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-linked{
  margin-top:2px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.92fr);
  gap:20px;
  align-items:stretch;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-primary-pane,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  min-width:0;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-primary-pane{
  gap:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-deadline-card,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-standard-card{
  padding:16px 18px;
  min-height:84px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-standard-card{
  display:grid;
  align-content:start;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  padding:16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(244,248,255,.95), rgba(236,242,253,.88));
  border:1px solid rgba(198,211,236,.92);
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid{
  gap:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid .meta-chip-box{
  min-height:92px;
  padding:14px 15px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-panel{
  max-width:720px;
  margin:14px auto 0;
  padding:14px 16px 12px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(248,251,255,.98), rgba(242,246,255,.92));
  border:1px solid rgba(201,214,239,.92);
  box-shadow:0 10px 26px rgba(76,103,158,.08), inset 0 1px 0 rgba(255,255,255,.72);
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:12px;
  align-items:center;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-copy{
  display:grid;
  gap:3px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-title{
  font-size:13px;
  line-height:1.35;
  font-weight:900;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-desc{
  font-size:11.5px;
  line-height:1.46;
  color:#647692;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{
  margin-top:7px;
  padding-left:54px;
  font-size:11.5px;
  line-height:1.48;
  color:#687892;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-console-shell.is-running{
  box-shadow:0 20px 48px rgba(80,110,191,.16), inset 0 1px 0 rgba(255,255,255,.72);
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-console-shell.is-round-complete{
  border-color:rgba(106,135,232,.72);
  box-shadow:0 24px 52px rgba(76,108,194,.15), 0 0 0 6px rgba(95,126,230,.06);
}
@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:minmax(0,1.45fr) minmax(320px,.92fr)}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:18ch;font-size:clamp(36px,3.15vw,56px)}
}
@media (max-width: 980px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:none}
  body.theme-v122.dynamic-alpha .home-command-panel{width:100%}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  body.theme-v122.dynamic-alpha .home-command-actions{flex-wrap:wrap}
  body.theme-v122.dynamic-alpha .btn-command-primary,
  body.theme-v122.dynamic-alpha .btn-command-secondary{flex:1 1 100%}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card-top{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{white-space:normal;overflow:visible;text-overflow:clip}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{grid-template-columns:auto auto minmax(0,1fr)}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{padding-left:0}
}

/* ===== v12.3.2 risk & reminder dynamic link ===== */
body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.95fr) minmax(320px,.72fr);
  gap:46px;
}
body.theme-v122.dynamic-alpha .home-hero-main{
  max-width:none;
  padding-right:18px;
}
body.theme-v122.dynamic-alpha .home-hero-title{
  max-width:10.8ch;
  font-size:clamp(44px,4.05vw,60px);
  line-height:1.02;
  letter-spacing:-.055em;
  text-wrap:balance;
}
body.theme-v122.dynamic-alpha .home-hero-desc{
  max-width:66ch;
  font-size:15px;
  line-height:1.82;
}
body.theme-v122.dynamic-alpha .home-hero-side{
  justify-content:flex-end;
  margin-bottom:16px;
}
body.theme-v122.dynamic-alpha .home-hero-aside{
  min-width:0;
}
body.theme-v122.dynamic-alpha .home-command-panel{
  padding:18px 18px 16px;
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.62), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(232,239,252,.96), rgba(220,230,247,.92));
  border:1px solid rgba(185,201,232,.92);
  box-shadow:0 16px 34px rgba(77,101,147,.11), inset 0 1px 0 rgba(255,255,255,.82);
}
body.theme-v122.dynamic-alpha .home-command-panel::before{
  background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,0) 52%, rgba(142,167,219,.08) 100%);
  opacity:.88;
}
body.theme-v122.dynamic-alpha .home-command-head{
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
}
body.theme-v122.dynamic-alpha .home-command-task{
  max-width:none;
  font-size:clamp(17px,1.7vw,27px);
  line-height:1.1;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.theme-v122.dynamic-alpha .home-command-subtext{
  max-width:none;
  margin-top:7px;
  font-size:12.5px;
  line-height:1.55;
}
body.theme-v122.dynamic-alpha .home-command-actions{
  width:100%;
  gap:10px;
  justify-content:flex-start;
}
body.theme-v122.dynamic-alpha .btn-command-primary{
  min-width:126px;
  box-shadow:0 10px 24px rgba(59,130,246,.18);
}
body.theme-v122.dynamic-alpha .btn-command-secondary{
  min-width:108px;
  background:rgba(255,255,255,.78);
}
body.theme-v122.dynamic-alpha .home-command-meta{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
body.theme-v122.dynamic-alpha .home-command-stat{
  min-width:0;
  padding:9px 10px 10px;
  border-radius:16px;
  background:rgba(250,252,255,.84);
  border:1px solid rgba(194,209,237,.76);
}
body.theme-v122.dynamic-alpha .command-stat-label{
  margin-bottom:4px;
  font-size:11px;
}
body.theme-v122.dynamic-alpha .command-stat-value{
  font-size:12px;
  line-height:1.4;
  word-break:normal;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card-shell{
  padding:22px 22px 20px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card{
  padding:18px 18px 16px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card-top{
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  margin-bottom:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row{
  font-size:clamp(20px,1.9vw,34px);
  line-height:1.08;
  letter-spacing:-.045em;
  max-width:none;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:24ch;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{
  grid-template-columns:minmax(0,1.62fr) minmax(300px,.88fr);
  gap:18px;
  align-items:start;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-primary-pane{
  display:grid;
  gap:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-deadline-card,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-standard-card{
  min-height:0;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-standard-card{
  padding:14px 16px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-countdown-wrap{
  margin-top:2px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  align-self:start;
  padding:14px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid{
  gap:10px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid .meta-chip-box{
  min-height:80px;
  padding:13px 14px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-panel{
  max-width:700px;
  margin:14px auto 0;
  padding:12px 14px 10px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:10px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-copy{
  gap:2px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-title{
  font-size:13px;
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-desc{
  font-size:11.5px;
  line-height:1.42;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{
  margin-top:6px;
  padding-left:52px;
  font-size:11.5px;
  line-height:1.42;
}
@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{
    grid-template-columns:minmax(0,1.75fr) minmax(300px,.82fr);
    gap:30px;
  }
  body.theme-v122.dynamic-alpha .home-hero-title{
    max-width:11.4ch;
    font-size:clamp(38px,3.7vw,52px);
  }
}
@media (max-width: 980px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:none}
  body.theme-v122.dynamic-alpha .home-command-panel{width:100%}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{max-width:none}
}
@media (max-width: 640px){
  body.theme-v122.dynamic-alpha .home-command-actions{flex-wrap:wrap}
  body.theme-v122.dynamic-alpha .btn-command-primary,
  body.theme-v122.dynamic-alpha .btn-command-secondary{flex:1 1 100%;min-width:0}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-card-top{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    max-width:none;
  }
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{grid-template-columns:auto auto minmax(0,1fr)}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{padding-left:0}
}

/* ===== v12.3.4 hero horizontal polish ===== */
body.theme-v122.dynamic-alpha.page-index .home-hero-card{
  padding:30px 30px 22px;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,2.02fr) minmax(340px,.84fr);
  gap:30px;
  align-items:stretch;
}
body.theme-v122.dynamic-alpha .home-hero-main{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:14px;
  padding-right:8px;
}
body.theme-v122.dynamic-alpha .home-hero-title{
  max-width:17.2ch;
  font-size:clamp(38px,3.55vw,60px);
  line-height:1.02;
  letter-spacing:-.07em;
  margin:0;
}
body.theme-v122.dynamic-alpha .home-hero-desc{
  max-width:54ch;
  margin:0;
  font-size:15px;
  line-height:1.7;
}
body.theme-v122.dynamic-alpha .home-hero-actionbar{
  margin-top:2px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 14px;
  padding:14px 16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(250,252,255,.92), rgba(244,248,255,.82));
  border:1px solid rgba(207,218,238,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
body.theme-v122.dynamic-alpha .home-hero-action-copy{
  flex:1 1 240px;
  min-width:180px;
  color:#566984;
  font-size:13px;
  line-height:1.65;
}
body.theme-v122.dynamic-alpha .home-hero-action-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body.theme-v122.dynamic-alpha .hero-main-action,
body.theme-v122.dynamic-alpha .hero-main-secondary{
  min-width:126px;
}
body.theme-v122.dynamic-alpha .home-hero-aside{
  align-self:start;
  width:100%;
  max-width:380px;
  margin-left:auto;
}
body.theme-v122.dynamic-alpha .home-hero-side{
  justify-content:flex-end;
  gap:8px;
  margin-bottom:14px;
}
body.theme-v122.dynamic-alpha .home-command-panel{
  padding:18px 18px 16px;
  border-radius:26px;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.58), rgba(255,255,255,0) 46%),
    linear-gradient(180deg, rgba(242,246,254,.96), rgba(230,238,251,.92));
  border:1px solid rgba(191,205,232,.92);
  box-shadow:0 16px 34px rgba(77,101,147,.10), inset 0 1px 0 rgba(255,255,255,.82);
}
body.theme-v122.dynamic-alpha .home-command-head.is-summary-only{
  display:block;
}
body.theme-v122.dynamic-alpha .home-command-task{
  font-size:clamp(18px,1.45vw,28px);
  line-height:1.08;
  max-width:12ch;
  margin-bottom:8px;
  -webkit-line-clamp:2;
}
body.theme-v122.dynamic-alpha .home-command-subtext{
  margin-top:0;
  max-width:34ch;
  font-size:12.5px;
  line-height:1.58;
  color:#5f7190;
}
body.theme-v122.dynamic-alpha .home-command-meta{
  margin-top:14px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body.theme-v122.dynamic-alpha .home-command-stat{
  padding:9px 10px 10px;
  border-radius:16px;
  background:rgba(250,252,255,.86);
}
body.theme-v122.dynamic-alpha .command-stat-value{
  font-size:12px;
  line-height:1.45;
  white-space:normal;
  word-break:break-word;
}
body.theme-v122.dynamic-alpha .home-hero-metrics{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid rgba(214,223,239,.85);
  gap:12px;
}
body.theme-v122.dynamic-alpha .hero-metric-card{
  min-height:0;
  padding:16px 16px 14px;
  border-radius:20px;
}
body.theme-v122.dynamic-alpha .hero-metric-value{font-size:48px}

body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{
  display:inline-block;
  max-width:32ch;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{
  grid-template-columns:minmax(0,1.72fr) minmax(320px,.98fr);
  gap:20px;
  align-items:stretch;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-primary-pane,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  height:100%;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  display:flex;
  align-items:center;
  padding:16px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid .meta-chip-box{
  min-height:88px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-panel{
  max-width:760px;
  margin:14px auto 0;
  padding:14px 16px 12px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(248,250,255,.96), rgba(240,245,255,.86));
  border:1px solid rgba(203,215,239,.94);
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{
  grid-template-columns:auto 44px minmax(0,1fr);
  gap:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-copy{
  gap:3px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-title{
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-desc,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{
  font-size:11.5px;
  line-height:1.45;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{
  padding-left:56px;
}

@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{
    grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);
    gap:24px;
  }
  body.theme-v122.dynamic-alpha .home-hero-title{
    max-width:12.6ch;
    font-size:clamp(38px,3.7vw,58px);
  }
}
@media (max-width: 980px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:none}
  body.theme-v122.dynamic-alpha .home-hero-aside{max-width:none}
  body.theme-v122.dynamic-alpha .home-hero-actionbar{padding:12px 14px}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{max-width:none}
}
@media (max-width: 640px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-card{padding:22px 18px 18px}
  body.theme-v122.dynamic-alpha .home-hero-action-buttons{width:100%}
  body.theme-v122.dynamic-alpha .hero-main-action,
  body.theme-v122.dynamic-alpha .hero-main-secondary{flex:1 1 100%;min-width:0}
  body.theme-v122.dynamic-alpha .home-command-task{max-width:none}
  body.theme-v122.dynamic-alpha .home-command-meta{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{white-space:normal;overflow:visible;text-overflow:clip}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{padding-left:0}
}


/* ===== v12.3.4 targeted polish ===== */
body.theme-v122.dynamic-alpha.page-index .home-hero-main{padding-right:0}
body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{max-width:760px;justify-content:space-between}
body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{justify-content:flex-start}
body.theme-v122.dynamic-alpha.page-index .home-hero-desc{order:3}
body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{order:2}
body.theme-v122.dynamic-alpha.page-index .home-command-task{-webkit-line-clamp:3}
@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:minmax(0,1.55fr) minmax(320px,.92fr)}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:16.5ch;font-size:clamp(36px,3.2vw,54px)}
}
@media (max-width: 900px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{max-width:none}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:none}
}


/* ===== v12.3.5 first-screen alignment rebuild ===== */
body.theme-v122.dynamic-alpha.page-index .home-topbar,
body.theme-v122.dynamic-alpha.page-index .page-nav-tabs,
body.theme-v122.dynamic-alpha.page-index .home-hero-card,
body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
body.theme-v122.dynamic-alpha.page-index .primary-section-card,
body.theme-v122.dynamic-alpha.page-index .section-heading{
  width:min(100%, 1160px);
  margin-left:auto;
  margin-right:auto;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-card{padding:28px 28px 22px}
body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.68fr) minmax(318px,.82fr);
  gap:22px;
  align-items:start;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-main{max-width:none;padding-right:4px;gap:12px}
body.theme-v122.dynamic-alpha .hero-title-line{display:block}
body.theme-v122.dynamic-alpha .home-hero-title{
  max-width:15.8ch;
  font-size:clamp(36px,3.15vw,54px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:0;
}
body.theme-v122.dynamic-alpha .home-hero-desc{
  max-width:56ch;
  margin:0;
  font-size:14.5px;
  line-height:1.68;
  color:#60718e;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
  max-width:760px;
  margin-top:2px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-action-copy{
  min-width:0;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
  color:#617493;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{gap:10px;justify-content:flex-start}
body.theme-v122.dynamic-alpha.page-index .hero-main-action,
body.theme-v122.dynamic-alpha.page-index .hero-main-secondary{min-width:0;padding-inline:18px}
body.theme-v122.dynamic-alpha.page-index .home-hero-aside{max-width:356px}
body.theme-v122.dynamic-alpha.page-index .home-hero-side{margin-bottom:12px}
body.theme-v122.dynamic-alpha.page-index .home-command-panel{padding:16px 16px 14px}
body.theme-v122.dynamic-alpha.page-index .home-command-task{
  max-width:none;
  font-size:clamp(18px,1.65vw,30px);
  line-height:1.08;
  -webkit-line-clamp:2;
}
body.theme-v122.dynamic-alpha.page-index .home-command-subtext{font-size:12.5px;line-height:1.55;max-width:30ch}
body.theme-v122.dynamic-alpha.page-index .home-command-meta{margin-top:12px;gap:9px}
body.theme-v122.dynamic-alpha.page-index .home-hero-metrics{margin-top:14px;padding-top:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.theme-v122.dynamic-alpha.page-index .hero-metric-card{height:100%}
@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .page-nav-tabs,
  body.theme-v122.dynamic-alpha.page-index .home-hero-card,
  body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
  body.theme-v122.dynamic-alpha.page-index .primary-section-card,
  body.theme-v122.dynamic-alpha.page-index .section-heading{width:100%}
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:minmax(0,1.52fr) minmax(300px,.88fr)}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:15ch;font-size:clamp(34px,3.35vw,50px)}
}
@media (max-width: 900px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha .home-hero-title{max-width:none}
  body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{grid-template-columns:1fr}
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{width:100%}
}

/* v12.3.6 hero layout + mobile polish */
body.theme-v122.dynamic-alpha.page-index .home-hero-card,
body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
body.theme-v122.dynamic-alpha.page-index .primary-section-card,
body.theme-v122.dynamic-alpha.page-index .future-section-card,
body.theme-v122.dynamic-alpha.page-index .danger-section-card,
body.theme-v122.dynamic-alpha.page-index .section-heading,
body.theme-v122.dynamic-alpha.page-index .page-nav-tabs{
  width:min(100%, 1120px);
  margin-left:auto;
  margin-right:auto;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-card{
  padding:28px 30px 22px;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.72fr) minmax(320px,.68fr);
  gap:28px;
  align-items:start;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-main{
  max-width:none;
  min-width:0;
}
body.theme-v122.dynamic-alpha .hero-title-line{display:inline;}
body.theme-v122.dynamic-alpha.page-index .home-hero-title{
  max-width:17.5ch;
  font-size:39px;
  line-height:1.05;
  letter-spacing:-.05em;
  margin:0;
  text-wrap:balance;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-desc{
  max-width:56ch;
  margin-top:12px;
  font-size:14.5px;
  line-height:1.72;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
  display:inline-flex;
  align-items:center;
  gap:14px;
  width:auto;
  max-width:none;
  margin-top:14px;
  padding:10px 12px 10px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,248,254,.78));
  border:1px solid rgba(197,210,233,.86);
  box-shadow:0 8px 20px rgba(72,94,138,.08);
}
body.theme-v122.dynamic-alpha.page-index .home-hero-action-copy{
  white-space:nowrap;
  font-size:13px;
  line-height:1.35;
  color:#5f7090;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:nowrap;
}
body.theme-v122.dynamic-alpha.page-index .hero-main-action,
body.theme-v122.dynamic-alpha.page-index .hero-main-secondary{
  min-height:46px;
  padding-inline:18px;
  white-space:nowrap;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-aside{max-width:360px;min-width:0;}
body.theme-v122.dynamic-alpha.page-index .home-command-panel{
  width:100%;
  max-width:348px;
  margin-left:auto;
  padding:16px 16px 14px;
  gap:12px;
  background:
    radial-gradient(circle at 84% 14%, rgba(132,168,255,.16), rgba(132,168,255,0) 32%),
    linear-gradient(180deg, rgba(243,247,255,.95), rgba(226,236,251,.90));
  border:1px solid rgba(186,201,227,.94);
  box-shadow:0 16px 30px rgba(74,95,138,.10), inset 0 1px 0 rgba(255,255,255,.95);
}
body.theme-v122.dynamic-alpha.page-index .home-command-task{
  font-size:20px;
  line-height:1.12;
  max-width:11.5ch;
  text-wrap:balance;
}
body.theme-v122.dynamic-alpha.page-index .home-command-subtext{
  font-size:12.5px;
  line-height:1.58;
  max-width:28ch;
}
body.theme-v122.dynamic-alpha.page-index .home-command-meta{
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
body.theme-v122.dynamic-alpha.page-index .home-hero-metrics{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(207,219,239,.68);
  grid-template-columns:repeat(3, minmax(0,1fr));
}
body.theme-v122.dynamic-alpha.page-index .hero-metric-card{
  min-height:132px;
}

body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{
  display:block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);
  gap:18px;
  align-items:stretch;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-primary-pane,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidepanel{
  min-width:0;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-sidegrid .meta-chip-box{
  min-height:88px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-panel{
  margin-top:12px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(198,210,232,.82);
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(244,248,255,.74));
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-toggle{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:10px;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-copy{gap:3px;}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-title{
  font-size:13px;
  line-height:1.25;
}
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-desc,
body.theme-v122.dynamic-alpha.page-focus_lock .focus-auto-next-note{
  font-size:11.5px;
  line-height:1.45;
}

@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{
    grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);
    gap:22px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    max-width:15.6ch;
    font-size:36px;
  }
}

@media (max-width: 900px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-card,
  body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
  body.theme-v122.dynamic-alpha.page-index .primary-section-card,
  body.theme-v122.dynamic-alpha.page-index .future-section-card,
  body.theme-v122.dynamic-alpha.page-index .danger-section-card,
  body.theme-v122.dynamic-alpha.page-index .section-heading,
  body.theme-v122.dynamic-alpha.page-index .page-nav-tabs{
    width:100%;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-card{padding:20px 18px 16px;}
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{grid-template-columns:1fr;gap:18px;}
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    max-width:none;
    font-size:32px;
    line-height:1.08;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    max-width:none;
    gap:10px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-copy{white-space:normal;}
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  body.theme-v122.dynamic-alpha.page-index .home-command-panel,
  body.theme-v122.dynamic-alpha.page-index .home-hero-aside{max-width:none;width:100%;margin-left:0;}
  body.theme-v122.dynamic-alpha.page-index .home-command-task{max-width:none;}
  body.theme-v122.dynamic-alpha.page-index .home-hero-metrics{grid-template-columns:1fr;gap:10px;}

  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-summary-grid{grid-template-columns:1fr;}
  body.theme-v122.dynamic-alpha.page-focus_lock .focus-task-title-row > span{white-space:normal;}
}

@media (max-width: 768px){
  body.mobile-polish .utility-bar{
    padding:10px 12px;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  body.mobile-polish .utility-right{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  body.mobile-polish .utility-chip,
  body.mobile-polish .utility-chip-btn{
    width:100%;
    justify-content:center;
    min-height:40px;
  }
  body.mobile-polish .topbar{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding-inline:2px;
  }
  body.mobile-polish .topbar .badge{align-self:flex-start;}
  body.mobile-polish .page-nav-tabs{padding:8px;}
  body.mobile-polish .page-nav-tabs .home-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  body.mobile-polish .page-nav-tabs .home-nav-link{min-height:44px;padding:0 10px;font-size:12px;}
  body.mobile-polish .section-heading{flex-direction:column;align-items:flex-start;gap:6px;}
  body.mobile-polish .home-reminder-header{flex-direction:column;align-items:flex-start;gap:10px;}
  body.mobile-polish .home-reminder-side{display:flex;flex-wrap:wrap;gap:8px;}
  body.mobile-polish .home-reminder-list{gap:10px;}
  body.mobile-polish .home-reminder-item{padding:14px 14px 12px;}
  body.mobile-polish .home-reminder-actions{display:grid;grid-template-columns:1fr;gap:8px;}
  body.mobile-polish .home-reminder-actions .btn{width:100%;justify-content:center;}
  body.mobile-polish .task-top{flex-direction:column;align-items:flex-start;gap:10px;}
  body.mobile-polish .task-title-row{display:flex;flex-wrap:wrap;gap:6px 8px;}
  body.mobile-polish .meta-grid-two{grid-template-columns:1fr;}
  body.mobile-polish .task-detail-disclosure{margin-top:8px;}
  body.mobile-polish .countdown-home{display:block;width:100%;}
  body.mobile-polish.page-focus_lock .focus-lock-shell,
  body.mobile-polish.page-focus_lock .focus-task-card-shell,
  body.mobile-polish.page-focus_lock .focus-page-hero{padding:16px 14px;}
  body.mobile-polish.page-focus_lock .focus-mini-stats{grid-template-columns:1fr;gap:10px;}
  body.mobile-polish.page-focus_lock .focus-button-row{flex-direction:column;gap:8px;}
  body.mobile-polish.page-focus_lock .focus-button-row .btn,
  body.mobile-polish.page-focus_lock .focus-finish-task-btn{width:100%;}
  body.mobile-polish.page-focus_lock .focus-auto-next-toggle{grid-template-columns:auto auto minmax(0,1fr);}
  body.mobile-polish.page-focus_lock .focus-auto-next-title{font-size:12.5px;}
  body.mobile-polish.page-planner .day-card,
  body.mobile-polish.page-planner .sortable-task,
  body.mobile-polish.page-create_task .card,
  body.mobile-polish.page-notifications .card,
  body.mobile-polish.page-calendar .card,
  body.mobile-polish.page-analytics .card{
    padding:16px 14px;
    border-radius:20px;
  }
}

@media (max-width: 560px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{font-size:28px;}
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{grid-template-columns:1fr;}
  body.theme-v122.dynamic-alpha.page-index .hero-main-action,
  body.theme-v122.dynamic-alpha.page-index .hero-main-secondary{width:100%;justify-content:center;}
  body.mobile-polish .page-nav-tabs .home-nav-tab-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
  body.mobile-polish .page-nav-tabs .home-nav-tab{white-space:nowrap;}
}

/* ===== v12.3.7 hero width + first-screen fit ===== */
body.theme-v122.dynamic-alpha.page-index .home-topbar,
body.theme-v122.dynamic-alpha.page-index .page-nav-tabs,
body.theme-v122.dynamic-alpha.page-index .home-hero-card,
body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
body.theme-v122.dynamic-alpha.page-index .primary-section-card,
body.theme-v122.dynamic-alpha.page-index .future-section-card,
body.theme-v122.dynamic-alpha.page-index .danger-section-card,
body.theme-v122.dynamic-alpha.page-index .section-heading{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-card{
  padding:28px 30px 24px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.95fr) minmax(300px,.95fr);
  gap:26px;
  align-items:start;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-main{
  max-width:none;
  min-width:0;
  display:grid;
  align-content:start;
  gap:10px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-title{
  max-width:19.2ch;
  font-size:clamp(34px, 3.15vw, 50px);
  line-height:1.06;
  letter-spacing:-.05em;
  text-wrap:pretty;
  margin:0;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-desc{
  max-width:62ch;
  margin:2px 0 0;
  font-size:15px;
  line-height:1.7;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  width:min(100%, 760px);
  margin-top:10px;
  padding:10px 12px 10px 14px;
  gap:10px 12px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-action-copy{
  flex:1 1 260px;
  min-width:220px;
  white-space:normal;
  font-size:13px;
  line-height:1.45;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{
  flex:0 0 auto;
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
}

body.theme-v122.dynamic-alpha.page-index .hero-main-action,
body.theme-v122.dynamic-alpha.page-index .hero-main-secondary{
  min-height:46px;
  min-width:132px;
  justify-content:center;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-aside{
  width:100%;
  max-width:340px;
  min-width:0;
  margin-left:auto;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-side{
  margin-bottom:12px;
}

body.theme-v122.dynamic-alpha.page-index .home-command-panel{
  width:100%;
  max-width:340px;
  margin-left:auto;
  padding:16px 16px 15px;
}

body.theme-v122.dynamic-alpha.page-index .home-command-task{
  font-size:clamp(18px,1.55vw,30px);
  line-height:1.1;
  max-width:12.8ch;
  text-wrap:pretty;
  margin-bottom:6px;
}

body.theme-v122.dynamic-alpha.page-index .home-command-subtext{
  max-width:30ch;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-metrics{
  margin-top:14px;
  padding-top:14px;
  gap:12px;
}

body.theme-v122.dynamic-alpha.page-index .hero-metric-card{
  min-height:124px;
}

@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{
    grid-template-columns:minmax(0,1.62fr) minmax(300px,.92fr);
    gap:22px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    max-width:17.2ch;
    font-size:clamp(32px, 3vw, 44px);
  }
}

@media (max-width: 980px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{
    grid-template-columns:1fr;
    gap:18px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    max-width:none;
    font-size:36px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
    width:100%;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-aside,
  body.theme-v122.dynamic-alpha.page-index .home-command-panel{
    max-width:none;
    margin-left:0;
  }
}

@media (max-width: 640px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-card{
    padding:22px 18px 18px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    font-size:30px;
    line-height:1.08;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
    flex-direction:column;
    align-items:stretch;
    width:100%;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-copy{
    min-width:0;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  body.theme-v122.dynamic-alpha.page-index .hero-main-action,
  body.theme-v122.dynamic-alpha.page-index .hero-main-secondary{
    min-width:0;
    width:100%;
  }
}


/* ===== v12.3.8 home section fit refinement ===== */
body.theme-v122.dynamic-alpha.page-index .home-topbar,
body.theme-v122.dynamic-alpha.page-index .page-nav-tabs,
body.theme-v122.dynamic-alpha.page-index .home-hero-card,
body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
body.theme-v122.dynamic-alpha.page-index .primary-section-card,
body.theme-v122.dynamic-alpha.page-index .future-section-card,
body.theme-v122.dynamic-alpha.page-index .danger-section-card,
body.theme-v122.dynamic-alpha.page-index .section-heading{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-card{
  padding:26px 28px 22px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-top{
  grid-template-columns:minmax(0,1.68fr) minmax(300px,.82fr);
  gap:18px;
  align-items:start;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-main{
  max-width:none;
  min-width:0;
  gap:14px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-title{
  max-width:none;
  font-size:clamp(33px, 3vw, 46px);
  line-height:1.02;
  letter-spacing:-.055em;
  text-wrap:balance;
}

body.theme-v122.dynamic-alpha.page-index .hero-title-line{
  display:block;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-desc{
  max-width:54ch;
  margin-top:0;
  font-size:15px;
  line-height:1.66;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
  order:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px 14px;
  width:min(100%, 760px);
  margin-top:0;
  padding:11px 12px 11px 14px;
  border-radius:20px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-action-copy{
  min-width:0;
  white-space:normal;
  font-size:13px;
  line-height:1.5;
  color:#627392;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-end;
}

body.theme-v122.dynamic-alpha.page-index .hero-main-action,
body.theme-v122.dynamic-alpha.page-index .hero-main-secondary{
  min-width:124px;
  min-height:46px;
  padding-inline:18px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-aside{
  width:100%;
  max-width:340px;
  min-width:0;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-side{
  margin-bottom:10px;
  justify-content:flex-end;
}

body.theme-v122.dynamic-alpha.page-index .home-command-panel{
  max-width:340px;
  padding:14px 14px 13px;
  gap:10px;
}

body.theme-v122.dynamic-alpha.page-index .home-command-task{
  max-width:none;
  font-size:clamp(18px,1.42vw,28px);
  line-height:1.08;
  text-wrap:balance;
}

body.theme-v122.dynamic-alpha.page-index .home-command-subtext{
  max-width:none;
  font-size:12.5px;
  line-height:1.56;
}

body.theme-v122.dynamic-alpha.page-index .home-command-meta{
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}

body.theme-v122.dynamic-alpha.page-index .home-command-stat{
  min-height:88px;
}

body.theme-v122.dynamic-alpha.page-index .home-hero-metrics{
  margin-top:14px;
  padding-top:14px;
  gap:14px;
}

body.theme-v122.dynamic-alpha.page-index .hero-metric-card{
  min-height:120px;
}

body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
body.theme-v122.dynamic-alpha.page-index .primary-section-card,
body.theme-v122.dynamic-alpha.page-index .future-section-card,
body.theme-v122.dynamic-alpha.page-index .danger-section-card{
  padding-left:24px;
  padding-right:24px;
}

@media (max-width: 1180px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{
    grid-template-columns:minmax(0,1.5fr) minmax(300px,.86fr);
    gap:18px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    font-size:clamp(31px, 2.8vw, 42px);
  }
}

@media (max-width: 980px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-top{
    grid-template-columns:1fr;
    gap:18px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    font-size:34px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
    grid-template-columns:1fr;
    width:100%;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{
    justify-content:flex-start;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-aside,
  body.theme-v122.dynamic-alpha.page-index .home-command-panel{
    max-width:none;
  }
  body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
  body.theme-v122.dynamic-alpha.page-index .primary-section-card,
  body.theme-v122.dynamic-alpha.page-index .future-section-card,
  body.theme-v122.dynamic-alpha.page-index .danger-section-card{
    padding-left:20px;
    padding-right:20px;
  }
}

@media (max-width: 640px){
  body.theme-v122.dynamic-alpha.page-index .home-hero-card{
    padding:20px 16px 16px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-title{
    font-size:30px;
    line-height:1.04;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-actionbar{
    padding:12px 12px 12px 12px;
  }
  body.theme-v122.dynamic-alpha.page-index .home-hero-action-buttons{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  body.theme-v122.dynamic-alpha.page-index .hero-main-action,
  body.theme-v122.dynamic-alpha.page-index .hero-main-secondary{
    width:100%;
    min-width:0;
  }
  body.theme-v122.dynamic-alpha.page-index .home-reminder-panel,
  body.theme-v122.dynamic-alpha.page-index .primary-section-card,
  body.theme-v122.dynamic-alpha.page-index .future-section-card,
  body.theme-v122.dynamic-alpha.page-index .danger-section-card{
    padding-left:16px;
    padding-right:16px;
  }
}


/* v12.3.8.1 calendar page desktop + mobile refinement */
.page-calendar .stats-grid-compact{
  align-items:stretch;
}
.page-calendar .stats-grid-compact .mini{
  border-radius:20px;
}
.calendar-main-panel{
  padding:16px 16px 14px;
}
.calendar-board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #e4edf8;
}
.calendar-board-copy{min-width:0}
.calendar-board-copy h2{
  margin:4px 0 6px;
  font-size:24px;
  line-height:1.15;
}
.calendar-board-copy p{
  margin:0;
  color:#64748b;
  font-size:14px;
  line-height:1.65;
}
.calendar-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.calendar-legend-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #dbe7f5;
  background:#f8fbff;
  color:#43536e;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.calendar-legend-chip.is-good{background:#ecfdf3;border-color:#b7ebc8;color:#18794e}
.calendar-legend-chip.is-busy{background:#fff7ed;border-color:#f4d3a7;color:#b45309}
.calendar-legend-chip.is-risk{background:#fff1f2;border-color:#f5c2cc;color:#be123c}
.calendar-legend-chip.is-today{background:#eef4ff;border-color:#cfe0ff;color:#2150ba}
.calendar-mobile-month-strip{
  display:none;
}
.calendar-grid-shell{
  overflow:hidden;
}
.calendar-head-v88.is-weekend{
  color:#5a6f95;
}
.calendar-day-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.calendar-day-card:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(37,99,235,.08);
}
.calendar-day-card.is-weekend{
  background:linear-gradient(180deg,#fcfdff 0%,#ffffff 100%);
}
.calendar-day-card.is-empty .calendar-day-num,
.calendar-day-card .calendar-task-count.is-empty-state,
.calendar-day-card .calendar-preview-line.is-empty-state{
  color:#8a9ab4;
}
.calendar-rate-badge.is-empty-state{
  background:#f8fbff;
  border-color:#dbe7f5;
  color:#64748b;
}
.calendar-day-card.is-today .calendar-day-num{
  color:#2150ba;
}
.calendar-day-card.is-today .calendar-rate-badge{
  box-shadow:0 0 0 1px rgba(37,99,235,.08);
}
.calendar-dots-row{
  flex-wrap:wrap;
}
.mobile-calendar-day-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 10px;
}
.mobile-calendar-day-stat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:#f8fbff;
  border:1px solid #dbe7f5;
  color:#52627d;
  font-size:12px;
  font-weight:800;
}
.mobile-calendar-day-stat strong{font-weight:800}
.mobile-calendar-day-stat em{font-style:normal;color:#162033}
.mobile-calendar-day-stat.is-done{background:#ecfdf3;border-color:#b7ebc8;color:#18794e}
.mobile-calendar-day-stat.is-pending{background:#fff7ed;border-color:#f4d3a7;color:#b45309}
.mobile-calendar-day-stat.is-failed{background:#fff1f2;border-color:#f5c2cc;color:#be123c}
.mobile-calendar-day-stat.is-rate{background:#eef4ff;border-color:#cfe0ff;color:#2150ba}

@media (max-width: 920px){
  .calendar-board-head{
    flex-direction:column;
    align-items:stretch;
  }
  .calendar-legend{
    justify-content:flex-start;
  }
}

@media (max-width: 640px){
  .calendar-main-panel{
    padding:12px;
    border-radius:20px;
  }
  .calendar-board-head{
    gap:10px;
    margin-bottom:10px;
    padding-bottom:10px;
  }
  .calendar-board-copy h2{
    font-size:20px;
  }
  .calendar-board-copy p{
    font-size:12px;
    line-height:1.55;
  }
  .calendar-legend{
    gap:6px;
  }
  .calendar-legend-chip{
    min-height:28px;
    padding:5px 8px;
    font-size:11px;
  }
  .calendar-mobile-month-strip{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding:1px 0 2px;
    margin:0 0 10px;
  }
  .calendar-mobile-month-strip::-webkit-scrollbar{display:none}
  .calendar-mobile-month-pill{
    flex:0 0 auto;
    min-width:62px;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#f8fbff;
    border:1px solid #dbe7f5;
    color:#51647f;
    font-size:12px;
    font-weight:800;
  }
  .calendar-mobile-month-pill.is-active{
    background:#eef4ff;
    border-color:#cfe0ff;
    color:#2150ba;
  }
  .calendar-head-v88{
    padding:0 0 5px;
  }
  .calendar-day-card,
  .calendar-day-card-empty{
    min-height:78px;
    padding:6px 4px;
    border-radius:14px;
  }
  .calendar-day-card:hover{
    transform:none;
  }
  .calendar-task-count{
    margin-top:1px;
  }
  .calendar-preview-line,
  .calendar-dots-row{
    display:none;
  }
  .calendar-day-card.is-empty .calendar-task-count{
    display:block;
  }
  .mobile-calendar-detail-card{
    padding:14px 14px 12px;
    border-radius:20px;
  }
  .mobile-calendar-detail-head h3{
    font-size:18px;
  }
  .mobile-calendar-task{
    padding:11px 11px 10px;
    border-radius:15px;
  }
}

@media (max-width: 420px){
  .calendar-board-copy h2{
    font-size:18px;
  }
  .calendar-mobile-month-pill{
    min-width:58px;
    min-height:32px;
    padding:0 10px;
    font-size:11px;
  }
  .mobile-calendar-day-stats{
    gap:6px;
  }
  .mobile-calendar-day-stat{
    padding:6px 8px;
    font-size:11px;
  }
}

/* v12.3.8.2 calendar density + hierarchy refinement */
.page-calendar .hero.hero-soft{
  margin-bottom:10px;
}
.page-calendar .stats-grid-compact .mini{
  padding:16px 16px 14px;
}
.page-calendar .stats-grid-compact .value{
  font-size:clamp(26px,2.4vw,38px);
}
.page-calendar .stats-grid-compact .value-small{
  font-size:clamp(20px,2vw,30px);
}
.calendar-toolbar{
  align-items:center;
}
.calendar-layout-v88{
  grid-template-columns:236px minmax(0,1fr);
  gap:12px;
}
.year-panel-v88{
  position:sticky;
  top:10px;
  align-self:start;
}
.year-months-v88{
  gap:7px;
}
.month-chip-v88{
  padding:9px 11px;
  border-radius:15px;
}
.month-chip-head strong,.month-chip-head h3{
  font-size:14px;
}
.month-chip-head span{
  font-size:12px;
}
.month-chip-meta{
  font-size:10px;
  line-height:1.45;
}
.month-chip-bar{
  margin:6px 0 5px;
}
.calendar-main-panel{
  padding:14px 14px 12px;
}
.calendar-board-head{
  gap:12px;
  margin-bottom:12px;
  padding-bottom:10px;
}
.calendar-board-copy h2{
  margin:3px 0 0;
  font-size:28px;
}
.calendar-summary-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.calendar-summary-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid #dbe7f5;
  background:#f8fbff;
  color:#52627d;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.calendar-summary-pill strong{
  color:#122033;
  font-size:12px;
}
.calendar-summary-pill.is-good{background:#ecfdf3;border-color:#b7ebc8;color:#18794e}
.calendar-summary-pill.is-busy{background:#fff7ed;border-color:#f4d3a7;color:#b45309}
.calendar-summary-pill.is-risk{background:#fff1f2;border-color:#f5c2cc;color:#be123c}
.calendar-summary-pill.is-focus{background:#eef4ff;border-color:#cfe0ff;color:#2150ba}
.calendar-legend{
  gap:6px;
}
.calendar-legend-chip{
  min-height:28px;
  padding:5px 9px;
  font-size:11px;
}
.calendar-grid-shell{
  overflow:visible;
}
.calendar-grid-v88{
  gap:7px;
}
.calendar-head-v88{
  padding:1px 0 5px;
  font-size:10px;
}
.calendar-day-card,.calendar-day-card-empty{
  min-height:118px;
  padding:9px 8px;
  border-radius:18px;
  gap:5px;
}
.calendar-day-card-empty{
  background:linear-gradient(180deg,rgba(247,250,255,.42),rgba(255,255,255,0));
  border:1px dashed rgba(203,213,225,.45);
  box-shadow:none;
}
.calendar-day-card:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(37,99,235,.07);
}
.calendar-card-top{
  align-items:flex-start;
}
.calendar-day-num{
  font-size:24px;
  line-height:1;
}
.calendar-weekday-txt{
  font-size:10px;
  margin-top:2px;
}
.calendar-rate-badge{
  padding:4px 6px;
  font-size:10px;
}
.calendar-task-count{
  font-size:12px;
  line-height:1.3;
  font-weight:800;
}
.calendar-preview-line{
  font-size:11px;
  min-height:28px;
  line-height:1.35;
}
.calendar-dots-row{
  gap:5px;
  margin-top:auto;
}
.dot-pill{
  min-width:24px;
  height:24px;
  font-size:11px;
}
.calendar-star{
  right:8px;
  bottom:6px;
  font-size:14px;
}
.calendar-day-card .calendar-task-count.is-empty-state{
  margin-top:auto;
  font-weight:700;
}
.calendar-day-card .calendar-preview-line.is-empty-state{
  display:none;
}
.calendar-day-card.is-empty{
  background:linear-gradient(180deg,#fbfdff,#ffffff);
}
.calendar-day-card.is-empty .calendar-card-top{
  margin-bottom:auto;
}
.calendar-day-card.is-empty .calendar-rate-badge.is-empty-state{
  background:#f4f8ff;
}
@media (max-width: 1100px){
  .calendar-layout-v88{
    grid-template-columns:212px minmax(0,1fr);
  }
  .calendar-board-copy h2{
    font-size:26px;
  }
}
@media (max-width: 920px){
  .calendar-layout-v88{
    grid-template-columns:1fr;
  }
  .year-panel-v88{
    position:relative;
    top:auto;
  }
}
@media (max-width: 640px){
  .page-calendar .stats-grid-compact .mini{
    padding:14px 13px 12px;
    border-radius:18px;
  }
  .page-calendar .stats-grid-compact .label{
    font-size:11px;
  }
  .page-calendar .stats-grid-compact .value{
    font-size:32px;
  }
  .page-calendar .stats-grid-compact .value-small{
    font-size:24px;
  }
  .calendar-toolbar{
    gap:8px;
  }
  .calendar-toolbar .row{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .calendar-toolbar .row:last-child{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .calendar-main-panel{
    padding:11px 10px 10px;
  }
  .calendar-board-head{
    gap:9px;
    margin-bottom:9px;
    padding-bottom:9px;
  }
  .calendar-board-copy h2{
    font-size:22px;
  }
  .calendar-summary-pills{
    gap:6px;
    margin-top:8px;
  }
  .calendar-summary-pill{
    padding:6px 8px;
    font-size:11px;
  }
  .calendar-summary-pill strong{
    font-size:11px;
  }
  .calendar-legend{
    gap:5px;
  }
  .calendar-legend-chip{
    min-height:26px;
    padding:4px 8px;
    font-size:10px;
  }
  .calendar-mobile-month-strip{
    margin:0 0 8px;
    gap:6px;
  }
  .calendar-mobile-month-pill{
    min-width:58px;
    min-height:32px;
    padding:0 10px;
    font-size:11px;
  }
  .calendar-head-v88{
    padding:0 0 4px;
    font-size:9px;
  }
  .calendar-grid-v88{
    gap:4px;
  }
  .calendar-day-card,.calendar-day-card-empty{
    min-height:68px;
    padding:5px 4px;
    border-radius:13px;
    gap:3px;
  }
  .calendar-day-card-empty{
    border-color:rgba(203,213,225,.22);
    background:rgba(248,251,255,.45);
  }
  .calendar-day-num{
    font-size:16px;
  }
  .calendar-weekday-txt,
  .calendar-preview-line,
  .calendar-dots-row,
  .calendar-day-card .calendar-task-count.is-empty-state{
    display:none;
  }
  .calendar-rate-badge{
    padding:2px 4px;
    font-size:8px;
  }
  .calendar-task-count{
    font-size:9px;
    line-height:1.15;
    margin-top:0;
  }
  .mobile-calendar-detail-card{
    margin-top:10px;
    padding:13px 12px 11px;
  }
  .mobile-calendar-day-stats{
    gap:6px;
    margin-bottom:8px;
  }
  .mobile-calendar-day-stat{
    padding:6px 8px;
    font-size:11px;
  }
  .mobile-calendar-task{
    padding:11px 11px 9px;
    border-radius:14px;
  }
}


.site-runtime-footer{margin:18px auto 0;max-width:1200px;padding:14px 18px 28px;color:#6e7c97;font-size:13px;line-height:1.7;text-align:center}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:18px;align-items:start}
.admin-main-col,.admin-side-col{display:flex;flex-direction:column;gap:18px}
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.admin-stat-card{padding:18px 20px}
.admin-stat-value{font-size:34px;font-weight:800;line-height:1.05;color:#1c2f57;margin-top:8px}
.admin-card{padding:20px}
.admin-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.admin-card-head-inline{align-items:center}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field-full{grid-column:1 / -1}
.admin-form-actions{display:flex;justify-content:flex-start}
.admin-search-form{display:flex;gap:10px;align-items:center}
.admin-search-form input{min-width:240px}
.admin-user-table-wrap{overflow:auto}
.admin-user-table{width:100%;border-collapse:collapse}
.admin-user-table th,.admin-user-table td{padding:14px 10px;border-bottom:1px solid rgba(156,176,214,.22);vertical-align:top;text-align:left}
.admin-user-name{font-weight:700;color:#21355d}
.admin-status-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.admin-mini-btn{padding:10px 14px;font-size:13px}
.admin-sticky-card{position:sticky;top:18px}
.admin-edit-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0 16px}
.admin-delete-btn{margin-top:14px;width:100%;border-color:rgba(219,84,84,.18);color:#b74a4a}
@media (max-width: 1024px){.admin-grid{grid-template-columns:1fr}.admin-sticky-card{position:static}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.admin-form-grid,.admin-stat-grid{grid-template-columns:1fr}.admin-card-head,.admin-card-head-inline,.admin-search-form{display:flex;flex-direction:column;align-items:stretch}.admin-search-form input{min-width:0;width:100%}.admin-user-table th,.admin-user-table td{padding:12px 8px;font-size:13px}.site-runtime-footer{padding:10px 16px 24px}}

.site-popup-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(15,23,42,.46);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}
.site-popup-card{position:relative;width:min(100%,560px);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.98));border:1px solid rgba(157,181,227,.3);box-shadow:0 24px 70px rgba(30,64,175,.18);border-radius:24px;padding:22px 22px 18px}
.site-popup-title{margin:4px 0 10px;font-size:28px;line-height:1.2;color:#17315f}
.site-popup-body{font-size:14px;line-height:1.8;color:#465a82;white-space:normal}
.site-popup-actions{display:flex;justify-content:flex-end;margin-top:18px}
.site-popup-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:none;border-radius:999px;background:rgba(226,233,247,.9);color:#40557f;font-size:22px;cursor:pointer}
body.has-site-popup{overflow:hidden}

.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.admin-anchor{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(167,187,226,.28);color:#29436f;font-weight:700;font-size:13px;text-decoration:none}
.admin-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.admin-metric-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,248,255,.94));border:1px solid rgba(157,181,227,.24)}
.admin-metric-label{font-size:12px;color:#6b7c9d;font-weight:700}
.admin-metric-value{font-size:30px;font-weight:800;color:#17315f;line-height:1.1;margin-top:8px}
.admin-metric-note{font-size:12px;color:#6c7a94;margin-top:6px}
.admin-subtle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-subtle-box{padding:12px 14px;border-radius:16px;background:rgba(245,248,255,.88);border:1px solid rgba(167,187,226,.18)}
.admin-subtle-box strong{display:block;font-size:18px;color:#1b3663;margin-top:6px}
.admin-note-box{padding:14px 16px;border-radius:18px;background:rgba(245,248,255,.86);border:1px dashed rgba(157,181,227,.44);font-size:13px;line-height:1.7;color:#5a6c8f}
.admin-inline-actions{display:flex;flex-wrap:wrap;gap:10px}
.admin-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.admin-penalty-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-penalty-history{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.admin-penalty-item{padding:12px 14px;border-radius:16px;background:rgba(248,250,255,.94);border:1px solid rgba(167,187,226,.18)}
.admin-penalty-item-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:6px}
.admin-penalty-points{font-weight:800}
.admin-penalty-points.is-plus{color:#c54a4a}
.admin-penalty-points.is-minus{color:#2f8a54}
.admin-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-route-box{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(239,246,255,.9),rgba(255,255,255,.95));border:1px solid rgba(147,197,253,.35);font-size:13px;color:#516583;line-height:1.75}
.admin-route-box code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,255,255,.9);padding:2px 6px;border-radius:8px;color:#1e3a8a}
@media (max-width:1024px){.admin-section-grid,.admin-module-grid,.admin-subtle-grid,.admin-penalty-form{grid-template-columns:1fr}}
@media (max-width:640px){.site-popup-card{padding:20px 18px 16px;border-radius:20px}.site-popup-title{font-size:22px}.admin-anchor{width:100%;justify-content:center}}


/* v12.4.1 admin hidden entry polish */
.admin-topbar-polish{align-items:center;justify-content:space-between;gap:14px}
.admin-topbar-actions{display:flex;flex-wrap:wrap;gap:10px}
.admin-hero-strip{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px;margin:0 0 16px;border-radius:24px;border:1px solid rgba(189,204,232,.75);background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(242,247,255,.84));box-shadow:0 18px 45px rgba(96,126,186,.10)}
.admin-hero-strip h1{margin:4px 0 8px;font-size:30px;line-height:1.08;letter-spacing:-.03em;color:#172554}
.admin-hero-strip p{margin:0;max-width:70ch;color:#60708f;line-height:1.75}
.admin-hero-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;border:1px solid rgba(160,177,214,.8);background:rgba(255,255,255,.84);font-size:12px;font-weight:800;letter-spacing:.08em;color:#3154a5}
.admin-gateway-page{min-height:100vh;background:
radial-gradient(circle at top left, rgba(152,181,255,.24), transparent 30%),
radial-gradient(circle at bottom right, rgba(124,166,255,.18), transparent 32%),
linear-gradient(180deg, #eef4ff 0%, #f7faff 52%, #edf3fe 100%)}
.admin-gateway-shell{max-width:1120px;margin:0 auto;min-height:100vh;padding:40px 24px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:24px;align-items:center}
.admin-gateway-side,.admin-gateway-card{border-radius:28px;border:1px solid rgba(191,205,232,.8);box-shadow:0 22px 65px rgba(94,121,175,.12)}
.admin-gateway-side{padding:34px 34px 32px;background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(240,246,255,.78));backdrop-filter:blur(8px)}
.admin-gateway-card{padding:30px 30px 24px;background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,249,255,.88))}
.admin-gateway-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(232,240,255,.95);border:1px solid rgba(177,195,229,.85);font-size:12px;font-weight:800;letter-spacing:.08em;color:#3154a5}
.admin-gateway-side h1{margin:14px 0 10px;font-size:42px;line-height:1.02;letter-spacing:-.06em;color:#172554}
.admin-gateway-side p{margin:0 0 18px;color:#5d6f91;line-height:1.8;font-size:15px;max-width:44ch}
.admin-gateway-points{display:grid;gap:12px;margin:22px 0}
.admin-gateway-point{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid rgba(202,214,239,.85);font-weight:700;color:#243b70}
.admin-gateway-point span{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#6ea8ff,#4e7cf0);box-shadow:0 0 0 4px rgba(126,167,255,.14)}
.admin-gateway-hint{padding:14px 16px;border-radius:18px;background:rgba(235,242,255,.76);border:1px dashed rgba(162,183,225,.9);color:#48628f;line-height:1.7}
.admin-gateway-card h2{margin:10px 0 6px;font-size:28px;line-height:1.1;color:#172554;letter-spacing:-.04em}
.admin-gateway-sub{margin:0 0 14px;color:#6a7a98;line-height:1.7}
.admin-gateway-form{display:grid;gap:4px}
.admin-gateway-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px;font-size:13px;color:#8090ad}
.admin-gateway-links a{color:#3657a8;font-weight:700;text-decoration:none}
.admin-gateway-links a:hover{text-decoration:underline}
@media (max-width: 920px){
  .admin-gateway-shell{grid-template-columns:1fr;padding:22px 16px 28px;gap:16px}
  .admin-gateway-side h1{font-size:34px}
  .admin-hero-strip{padding:20px 18px;flex-direction:column}
  .admin-hero-badge{align-self:flex-start}
}
@media (max-width: 640px){
  .admin-topbar-polish{align-items:flex-start}
  .admin-topbar-actions{width:100%}
  .admin-topbar-actions .utility-chip{flex:1 1 calc(33.333% - 7px);justify-content:center;text-align:center}
  .admin-hero-strip h1{font-size:24px}
  .admin-gateway-side,.admin-gateway-card{padding:22px 18px;border-radius:22px}
  .admin-gateway-side h1{font-size:28px}
  .admin-gateway-card h2{font-size:24px}
}