/* Minimal — product refinement
   Typography first, high contrast, quiet hierarchy, touch-safe controls. */
html[data-theme="minimal"]{
  color-scheme:dark;
  --bg:#0a0a0a;
  --surface:#0a0a0a;
  --surface2:#151515;
  --text:#f5f5f2;
  --muted:#a0a09c;
  --faint:#7d7d79;
  --line:#2a2a28;
  --accent:#f5f5f2;
  --accentInk:#f5f5f2;
  --accentSoft:#171717;
  --shadow:none;
  --radius:0px;
  --radius2:0px;
  --blur:0px;
  --bodyBg:#0a0a0a;
  --timerFont:-apple-system,BlinkMacSystemFont,"SF Pro Display","Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;
  --timerWeight:510;
  --timerTracking:-.07em;
  --panelBorder:0 solid transparent;
}
html[data-theme="minimal"] body{background:#0a0a0a;letter-spacing:-.01em}
html[data-theme="minimal"] .shell{width:min(1240px,100%);padding-top:max(28px,env(safe-area-inset-top));padding-left:clamp(18px,3.3vw,48px);padding-right:clamp(18px,3.3vw,48px);padding-bottom:56px}
html[data-theme="minimal"] .topbar{margin-bottom:8px;min-height:42px}
html[data-theme="minimal"] .brand{gap:10px}
html[data-theme="minimal"] .mark{width:30px;height:30px;border-radius:50%;border:1px solid #3a3a38;background:transparent;color:#dededa;box-shadow:none;font-size:10px;font-weight:720;letter-spacing:-.05em}
html[data-theme="minimal"] .brand-title{font-size:13px;font-weight:720;letter-spacing:-.015em}
html[data-theme="minimal"] .brand-sub{margin-top:2px;color:#858581;font-size:11px;font-weight:650;letter-spacing:.01em}
html[data-theme="minimal"] .date{color:#8c8c88;font-size:11px;font-weight:650;letter-spacing:.01em}

html[data-theme="minimal"] .hero{display:grid;grid-template-columns:1fr;gap:0;min-height:0;margin:0}
html[data-theme="minimal"] .countdown-panel{min-height:clamp(420px,61vh,650px);padding:58px 0 34px;justify-content:center;text-align:center;overflow:visible;border:0;background:transparent}
html[data-theme="minimal"] .status-row{position:absolute;inset:24px 0 auto;padding:0}
html[data-theme="minimal"] .pill{min-height:28px;padding:0;gap:9px;border:0;background:transparent;color:#949490;font-size:11px;font-weight:670;letter-spacing:.015em}
html[data-theme="minimal"] .dot{width:6px;height:6px;background:#b8f26a;box-shadow:0 0 0 3px rgba(184,242,106,.08)}
html[data-theme="minimal"] .dismissal-note{color:#8a8a86;font-size:11px;font-weight:650;letter-spacing:.02em}
html[data-theme="minimal"] .countdown-wrap{margin:auto 0 38px}
html[data-theme="minimal"] .eyebrow{margin-bottom:18px;color:#898985;font-size:11px;font-weight:680;letter-spacing:.10em;text-transform:uppercase}
html[data-theme="minimal"] .countdown{justify-content:center;font-size:min(15.8vw,11.875rem);font-weight:510;letter-spacing:-.072em;line-height:.84;color:#f6f6f3;font-feature-settings:"tnum" 1,"kern" 1;text-rendering:geometricPrecision;white-space:nowrap}
html[data-theme="minimal"] .count-sep{color:#d7d7d2;font-weight:420;margin:0 .025em}
html[data-theme="minimal"] .countdown-sub{margin-top:24px;color:#9b9b97;font-size:12px;font-weight:620;letter-spacing:.01em}
html[data-theme="minimal"] .next-moment{justify-content:center;margin-top:12px;font-size:12px}
html[data-theme="minimal"] .next-moment-label{color:#7f7f7b;font-size:11px;letter-spacing:.04em}
html[data-theme="minimal"] .next-moment strong{color:#c8c8c3;font-weight:690}
html[data-theme="minimal"] .timeline{width:min(720px,72%);margin:0 auto}
html[data-theme="minimal"] .timeline-labels{margin-bottom:10px;color:#7d7d79;font-size:11px;font-weight:650;letter-spacing:.03em}
html[data-theme="minimal"] .track{height:1px;border-radius:0;background:#343432}
html[data-theme="minimal"] .track-fill{height:1px;background:#e8e8e4;border-radius:0;transition:none}
html[data-theme="minimal"] .track-dot{width:7px;height:7px;border:0;background:#f4f4ef;box-shadow:0 0 0 3px #0a0a0a;transition:none}

html[data-theme="minimal"] .current-panel{min-height:188px;padding:30px 0 32px;border-top:1px solid #2d2d2b;border-bottom:1px solid #2d2d2b;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,32%);grid-template-areas:"label next" "title next" "meta next" "block next";column-gap:clamp(34px,6vw,84px);align-items:start;background:transparent}
html[data-theme="minimal"] .current-panel .section-label{grid-area:label}html[data-theme="minimal"] .current-panel .current-title{grid-area:title}html[data-theme="minimal"] .current-panel .current-meta{grid-area:meta}html[data-theme="minimal"] .current-panel .block-left{grid-area:block}html[data-theme="minimal"] .current-panel .next-block{grid-area:next}
html[data-theme="minimal"] .section-label{margin:0 0 10px;color:#80807c;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
html[data-theme="minimal"] .current-title{max-width:760px;font-size:clamp(32px,5.2vw,62px);line-height:.99;font-weight:600;letter-spacing:-.052em}
html[data-theme="minimal"] .current-meta{margin-top:12px;color:#8e8e8a;font-size:12px;font-weight:650;letter-spacing:.02em}
html[data-theme="minimal"] .block-left{margin-top:17px;padding:0;border-radius:0;background:transparent;color:#d2d2ce;font-size:12px;font-weight:700}
html[data-theme="minimal"] .next-block{margin:0;padding:3px 0 0 30px;border:0;border-left:1px solid #2d2d2b;min-height:116px}
html[data-theme="minimal"] .next-label{color:#7d7d79;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
html[data-theme="minimal"] .next-value{margin-top:10px;color:#b8b8b3;font-size:13px;font-weight:650;line-height:1.5}

html[data-theme="minimal"] .stats{grid-template-columns:repeat(2,1fr);gap:0;margin:0;border-bottom:1px solid #2d2d2b}
html[data-theme="minimal"] .stat{min-height:106px;padding:23px 22px 25px;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-theme="minimal"] .stat:nth-child(1),html[data-theme="minimal"] .stat:nth-child(4){display:none}
html[data-theme="minimal"] .stat:nth-child(2){padding-left:0;border-left:0}
html[data-theme="minimal"] .stat:nth-child(3){padding-right:0;border-left:1px solid #292927}
html[data-theme="minimal"] .stat-label{margin-bottom:12px;color:#7d7d79;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
html[data-theme="minimal"] .stat-value{color:#dededa;font-size:clamp(22px,2.6vw,30px);font-weight:570;letter-spacing:-.04em}

html[data-theme="minimal"] .content-grid{grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:clamp(44px,7vw,94px);margin-top:0}
html[data-theme="minimal"] .info-panel,html[data-theme="minimal"] .schedule-panel{padding:40px 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-theme="minimal"] .title-row{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #2d2d2b}
html[data-theme="minimal"] .panel-title{font-size:13px;font-weight:720;letter-spacing:.01em}
html[data-theme="minimal"] .caption{color:#7d7d79;font-size:11px;font-weight:650;letter-spacing:.03em}
html[data-theme="minimal"] .summary-row{min-height:50px;border-top:1px solid #252523}html[data-theme="minimal"] .summary-row:first-child{border-top:0}
html[data-theme="minimal"] .summary-key{color:#8b8b87;font-size:12px;font-weight:650}html[data-theme="minimal"] .summary-value{color:#c1c1bc;font-size:12px;font-weight:700}
html[data-theme="minimal"] .message{margin-top:18px;padding:0;border-radius:0;background:transparent;color:#858581;font-size:12px;font-weight:600;line-height:1.6}

html[data-theme="minimal"] .schedule-row{position:relative;min-height:58px;margin:0;padding:0 4px 0 0;border-top:1px solid #292927;border-radius:0;grid-template-columns:58px minmax(0,1fr) auto;transition:none}
html[data-theme="minimal"] .schedule-row:first-child{border-top:0}html[data-theme="minimal"] .schedule-row.active{background:transparent;border-top-color:#292927}html[data-theme="minimal"] .schedule-row.active+.schedule-row{border-top-color:#292927}
html[data-theme="minimal"] .schedule-row.active::before{content:"";width:5px;height:5px;border-radius:50%;background:#b8f26a;position:absolute;left:-15px;top:50%;transform:translateY(-50%)}
html[data-theme="minimal"] .schedule-row.done{opacity:1}
html[data-theme="minimal"] .schedule-row.done .subject{color:#898985}
html[data-theme="minimal"] .schedule-row.done .period,html[data-theme="minimal"] .schedule-row.done .time{color:#7a7a76}
html[data-theme="minimal"] .period{color:#83837f;font-size:11px;font-weight:720;letter-spacing:.02em}html[data-theme="minimal"] .subject{color:#b8b8b3;font-size:12px;font-weight:670}html[data-theme="minimal"] .time{color:#7d7d79;font-size:11px;font-weight:650;letter-spacing:.01em}
html[data-theme="minimal"] .schedule-row.active .period,html[data-theme="minimal"] .schedule-row.active .subject,html[data-theme="minimal"] .schedule-row.active .time{color:#f0f0ec}
html[data-theme="minimal"] footer{margin-top:40px;color:#7a7a76;font-size:11px;letter-spacing:.01em}

html[data-theme="minimal"] .utility-dock{padding:4px;gap:2px;border-color:#343432;border-radius:14px;background:rgba(18,18,18,.88);box-shadow:0 12px 44px rgba(0,0,0,.40)}
html[data-theme="minimal"] .utility-btn,html[data-theme="minimal"] .theme-btn{min-height:44px;border-radius:9px;color:#9a9a96;font-size:11px;font-weight:700}
html[data-theme="minimal"] .utility-btn{padding:0 13px}
html[data-theme="minimal"] .theme-btn:hover,html[data-theme="minimal"] .utility-btn:hover{background:#20201e;color:#d2d2ce}
html[data-theme="minimal"] .theme-btn.active,html[data-theme="minimal"] .theme-btn[aria-pressed="true"]{background:#f2f2ed;color:#111}

html[data-theme="minimal"] .settings-dialog{background:#11110f;border-color:#353532;border-radius:18px}
html[data-theme="minimal"] .settings-dialog::backdrop{background:rgba(0,0,0,.68)}
html[data-theme="minimal"] .field :where(select,input){background:#181816;border-color:#353532}
html[data-theme="minimal"] .icon-btn,html[data-theme="minimal"] .secondary-btn{background:#181816;border-color:#353532}
html[data-theme="minimal"] .primary-btn{background:#f2f2ed;color:#111;border-color:#f2f2ed}

@media(max-width:820px){
  html[data-theme="minimal"] .countdown-panel{min-height:clamp(390px,55vh,550px)}
  html[data-theme="minimal"] .timeline{width:min(620px,86%)}
  html[data-theme="minimal"] .current-panel{grid-template-columns:1fr;grid-template-areas:"label" "title" "meta" "block" "next";row-gap:0;padding:28px 0 30px}
  html[data-theme="minimal"] .next-block{margin-top:27px;padding:21px 0 0;border-left:0;border-top:1px solid #2b2b29;min-height:0}
  html[data-theme="minimal"] .content-grid{grid-template-columns:1fr;gap:0}
  html[data-theme="minimal"] .info-panel{padding-bottom:20px}
  html[data-theme="minimal"] .schedule-panel{padding-top:28px}
}

@media(max-width:540px){
  html[data-theme="minimal"] body{padding-bottom:94px}
  html[data-theme="minimal"] .shell{padding-left:18px;padding-right:18px;padding-top:max(20px,env(safe-area-inset-top))}
  html[data-theme="minimal"] .topbar{margin-bottom:0}
  html[data-theme="minimal"] .brand-sub{display:block}
  html[data-theme="minimal"] .date{font-size:11px}
  html[data-theme="minimal"] .countdown-panel{min-height:410px;padding:52px 0 28px}
  html[data-theme="minimal"] .status-row{top:18px}
  html[data-theme="minimal"] .countdown-wrap{margin:auto 0 34px}
  html[data-theme="minimal"] .eyebrow{font-size:11px;margin-bottom:16px}
  html[data-theme="minimal"] .countdown{font-size:min(20.5vw,6.5rem);letter-spacing:-.078em}
  html[data-theme="minimal"] .countdown-sub{margin-top:20px;font-size:12px}
  html[data-theme="minimal"] .next-moment{font-size:12px}
  html[data-theme="minimal"] .timeline{width:94%}
  html[data-theme="minimal"] .current-title{font-size:clamp(30px,10vw,44px)}
  html[data-theme="minimal"] .stat{padding:20px 14px 22px}
  html[data-theme="minimal"] .stat:nth-child(2){padding-left:0}
  html[data-theme="minimal"] .stat:nth-child(3){padding-right:0}
  html[data-theme="minimal"] .stat-value{font-size:22px}
  html[data-theme="minimal"] .schedule-row{grid-template-columns:48px minmax(0,1fr) auto;min-height:58px}
  html[data-theme="minimal"] .schedule-row.active::before{left:-10px;width:4px;height:4px}
}

@media(max-width:340px){
  html[data-theme="minimal"] .shell{padding-left:14px;padding-right:14px}
  html[data-theme="minimal"] .mark{display:none}
  html[data-theme="minimal"] .brand-sub{display:none}
  html[data-theme="minimal"] .countdown-panel{min-height:380px}
  html[data-theme="minimal"] .countdown{font-size:16vw;letter-spacing:-.075em}
  html[data-theme="minimal"] .timeline{width:100%}
  html[data-theme="minimal"] .status-row{gap:8px}
  html[data-theme="minimal"] .dismissal-note{font-size:10px}
  html[data-theme="minimal"] .current-title{font-size:30px}
  html[data-theme="minimal"] .schedule-row{grid-template-columns:44px minmax(0,1fr);gap:8px}
  html[data-theme="minimal"] .time{grid-column:2;font-size:10px;padding-bottom:8px}
}
