@media (min-width:769px) {
  body.desktop-ui .dp-page { max-width:1160px;margin:0 auto;padding:34px 32px 56px;color:#10203f; }
  body.desktop-ui .dp-page-head { display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px; }
  body.desktop-ui .dp-page-head h1 { margin:8px 0 10px;font-size:32px;letter-spacing:-.04em;line-height:1.3; }
  body.desktop-ui .dp-page-head p,body.desktop-ui .dp-panel-note { color:#71809a;font-size:13px;line-height:1.7; }
  body.desktop-ui .dp-eyebrow { color:#0066ff;font-size:11px;font-weight:650;letter-spacing:.09em; }
  body.desktop-ui .dp-today-grid { display:grid;grid-template-columns:1.3fr 1.15fr .9fr;gap:16px; }
  body.desktop-ui .dp-mission,body.desktop-ui .dp-today-stats,body.desktop-ui .dp-countdown,body.desktop-ui .dp-panel,body.desktop-ui .dp-overview-main { padding:24px;background:white;border:1px solid #e2e8f4;border-radius:18px;box-shadow:0 3px 12px #173f7a04; }
  body.desktop-ui .dp-mission { background:#f0f5ff;display:flex;align-items:flex-start;flex-direction:column; }
  body.desktop-ui .dp-mission h3 { font-size:20px;line-height:1.4;margin:14px 0 8px;letter-spacing:-.035em; }
  body.desktop-ui .dp-mission p,body.desktop-ui .dp-countdown p,body.desktop-ui .dp-review-card p { color:#66768f;font-size:12px;line-height:1.8;margin:0 0 20px; }
  body.desktop-ui .dp-mission>small { display:block;color:#71819a;font-size:10px;line-height:1.7;margin-top:15px; }
  body.desktop-ui .dp-primary,body.desktop-ui .dp-secondary { display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:42px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color 180ms ease,transform 150ms ease; }
  body.desktop-ui .dp-primary { border:1px solid #0066ff;background:#0066ff;color:#fff; }
  body.desktop-ui .dp-secondary { border:1px solid #d7e4fc;background:#fff;color:#0066ff; }
  body.desktop-ui .dp-primary:active,body.desktop-ui .dp-secondary:active { transform:scale(.98); }
  body.desktop-ui [class^="dp-"] button:focus-visible,body.desktop-ui .dp-primary:focus-visible,body.desktop-ui .dp-secondary:focus-visible { outline:3px solid #0066ff55;outline-offset:3px; }
  body.desktop-ui .dp-card-top { display:flex;align-items:center;justify-content:space-between;gap:12px; }
  body.desktop-ui .dp-card-top>span { font-size:12px;font-weight:650; }
  body.desktop-ui .dp-card-top button,body.desktop-ui .dp-panel header>button { border:0;background:none;padding:0;color:#0066ff;font-size:11px;white-space:nowrap;cursor:pointer; }
  body.desktop-ui .dp-three-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 22px; }
  body.desktop-ui .dp-three-stats b { display:block;font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums;color:#0066ff;font-weight:650; }
  body.desktop-ui .dp-three-stats span { display:block;color:#6f7d94;font-size:10px;margin-top:8px; }
  body.desktop-ui .dp-line-copy { display:flex;justify-content:space-between;font-size:11px;color:#6f7d94;margin-bottom:10px; }
  body.desktop-ui .dp-line-copy b { color:#10203f; }
  body.desktop-ui .dp-today-stats>p { font-size:10px;line-height:1.7;color:#8590a5;margin-top:10px; }
  body.desktop-ui progress { -webkit-appearance:none;appearance:none;border:0;width:100%;height:5px;border-radius:5px;overflow:hidden;display:block;background:#e9effa; }
  body.desktop-ui progress::-webkit-progress-bar { background:#e9effa;border-radius:5px; }
  body.desktop-ui progress::-webkit-progress-value { background:#0066ff;border-radius:5px; }
  body.desktop-ui progress::-moz-progress-bar { background:#0066ff;border-radius:5px; }
  body.desktop-ui .dp-countdown { background:linear-gradient(135deg,#fff 50%,#f0f5ff); }
  body.desktop-ui .dp-count-number { display:flex;align-items:baseline;gap:10px;margin:19px 0 7px; }
  body.desktop-ui .dp-count-number b { color:#0066ff;font:600 48px/1.1 ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.045em; }
  body.desktop-ui .dp-count-number span { color:#71809a;font-size:11px; }
  body.desktop-ui .dp-countdown>strong { font-size:12px; }
  body.desktop-ui .dp-countdown p { margin:9px 0;font-size:10px; }
  body.desktop-ui .dp-countdown>small { display:block;color:#95a0b2;font-size:9px;line-height:1.5; }
  body.desktop-ui .dp-login-note { display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;border:1px solid #d9e5fb;background:#edf4ff;border-radius:14px;margin-bottom:20px;padding:18px 22px;text-align:left;cursor:pointer; }
  body.desktop-ui .dp-login-note b { display:block;color:#173759;font-size:13px; }
  body.desktop-ui .dp-login-note small { display:block;color:#6d7c93;font-size:11px;margin-top:6px; }
  body.desktop-ui .dp-login-note strong { color:#0066ff;font-size:12px;white-space:nowrap; }
  body.desktop-ui .dp-overview-grid { display:grid;grid-template-columns:1fr 260px;gap:20px;margin-bottom:22px; }
  body.desktop-ui .dp-mastered { display:flex;align-items:center;gap:25px;margin:16px 0 20px; }
  body.desktop-ui .dp-mastered>b { color:#0066ff;font-size:56px;font-weight:600;line-height:1;letter-spacing:-.06em; }
  body.desktop-ui .dp-mastered>b small { font-size:28px; }
  body.desktop-ui .dp-mastered>span { font-size:13px;line-height:1.9; }
  body.desktop-ui .dp-mastered>span small { color:#8190a7;font-size:11px; }
  body.desktop-ui .dp-overview-main>p { font-size:11px;line-height:1.7;color:#8490a3;margin:12px 0 22px; }
  body.desktop-ui .dp-overview-metrics { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eaf0fa;padding-top:20px; }
  body.desktop-ui .dp-overview-metrics button { border:0;border-right:1px solid #e9effa;background:transparent;text-align:left;padding:0 22px;cursor:pointer; }
  body.desktop-ui .dp-overview-metrics button:first-child { padding-left:0; }
  body.desktop-ui .dp-overview-metrics button:last-child { border-right:0; }
  body.desktop-ui .dp-overview-metrics b { display:block;font-size:25px;color:#172c4e;font-weight:600; }
  body.desktop-ui .dp-overview-metrics span { display:block;font-size:11px;color:#78859a;margin-top:5px; }
  body.desktop-ui .dp-detail-grid { display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:22px; }
  body.desktop-ui .dp-panel header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
  body.desktop-ui .dp-panel h2 { margin:9px 0 0;font-size:18px;letter-spacing:-.02em;line-height:1.5; }
  body.desktop-ui .dp-subject-list { margin-top:20px; }
  body.desktop-ui .dp-subject-list>button { display:flex;align-items:center;gap:16px;width:100%;padding:16px 0;text-align:left;background:none;border:0;border-top:1px solid #edf1f8;cursor:pointer; }
  body.desktop-ui .dp-subject-no { color:#0066ff;font-size:20px;font-weight:500;letter-spacing:-.05em; }
  body.desktop-ui .dp-subject-info { flex:1;min-width:0; }
  body.desktop-ui .dp-subject-info b { display:block;font-size:12px;color:#203354; }
  body.desktop-ui .dp-subject-info small { display:block;margin:6px 0 10px;color:#8894a8;font-size:10px; }
  body.desktop-ui .dp-subject-list strong { color:#536785;font-size:12px; }
  body.desktop-ui .dp-subject-list i { font-style:normal;margin-left:8px;color:#91a4bf; }
  body.desktop-ui .dp-week-chart { display:grid;grid-template-columns:repeat(7,1fr);gap:12px;height:246px;margin:28px 0 14px; }
  body.desktop-ui .dp-week-chart>div { display:flex;flex-direction:column;align-items:center;gap:13px;min-height:0; }
  body.desktop-ui .dp-week-chart b { color:#597191;font-size:11px;font-weight:500; }
  body.desktop-ui .dp-week-chart span { flex:1;display:flex;align-items:flex-end;justify-content:center;width:100%;border-bottom:1px solid #e4ebf7; }
  body.desktop-ui .dp-week-chart i { width:100%;max-width:28px;min-height:3px;border-radius:5px 5px 0 0;background:#c9dcff; }
  body.desktop-ui .dp-week-chart>div:last-child i { background:#0066ff; }
  body.desktop-ui .dp-week-chart small { font-size:10px;color:#8391a7; }
  body.desktop-ui .dp-next-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px; }
  body.desktop-ui .dp-review-card p { margin:13px 0 24px; }
  body.desktop-ui .dp-data-section h2 { font-size:20px;margin-bottom:10px; }
  body.desktop-ui .dp-data-section>p { color:#7d8ba0;font-size:12px;margin-bottom:20px; }
  body.desktop-ui .dp-data-section .data-control-panel { background:white;border:1px solid #e2e8f4;border-radius:14px; }
  body.desktop-ui .dp-date-dialog { width:min(440px,calc(100vw - 40px));padding:30px;border:1px solid #dee6f5;border-radius:20px;color:#10203f;box-shadow:0 24px 90px #0d2e7133; }
  body.desktop-ui .dp-date-dialog::backdrop { background:#10203f66;backdrop-filter:blur(4px); }
  body.desktop-ui .dp-date-dialog h2 { margin:10px 0;font-size:22px; }
  body.desktop-ui .dp-date-dialog p { color:#7b88a0;font-size:12px;line-height:1.7; }
  body.desktop-ui .dp-date-dialog label { display:block;margin:22px 0 10px;font-size:12px;font-weight:600; }
  body.desktop-ui .dp-date-dialog input { width:100%;min-height:46px;padding:10px 13px;border:1px solid #cedbf0;border-radius:9px;font:inherit;color:#10203f;background:#f9fbff; }
  body.desktop-ui .dp-date-close { position:absolute;right:18px;top:16px;width:32px;height:32px;border:0;background:#f0f5ff;color:#71809a;border-radius:50%;cursor:pointer;font-size:22px; }
  body.desktop-ui .dp-date-actions { display:flex;justify-content:space-between;gap:16px;margin-top:20px; }
  body.desktop-ui .dp-date-dialog .dp-date-error { color:#bc3453;min-height:18px; }
}
@media (min-width:769px) and (max-width:1199px) {
  body.desktop-ui .dp-today-grid { grid-template-columns:1fr 1fr; }
  body.desktop-ui .dp-today-grid>.dp-countdown { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px; }
  body.desktop-ui .dp-today-grid .dp-count-number { grid-column:2;grid-row:1/4;margin:0;justify-content:flex-end; }
  body.desktop-ui .dp-detail-grid { grid-template-columns:1fr; }
  body.desktop-ui .dp-overview-grid { grid-template-columns:1fr 220px; }
  body.desktop-ui .dp-page { padding:24px; }
}
@media (min-width:769px) and (hover:hover) and (pointer:fine) {
  body.desktop-ui .dp-primary:hover { background:#0055d7; }
  body.desktop-ui .dp-secondary:hover { background:#edf4ff; }
  body.desktop-ui .dp-subject-list>button:hover { background:#f8faff; }
}
@media (prefers-reduced-motion:reduce) {
  body.desktop-ui .dp-primary,body.desktop-ui .dp-secondary { transition:none;transform:none; }
}