:root {
      color-scheme: light;
      --bg:#f6f6f4; --surface:#fff; --surface2:#f1f1ee; --text:#18191c; --muted:#777981; --faint:#aaacb1;
      --line:#e5e5e1; --accent:#5e5ce6; --accentInk:#4947c8; --accentSoft:#efefff; --shadow:0 14px 38px rgba(21,22,26,.06);
      --radius:24px; --radius2:16px; --blur:0px; --pad:26px; --timerFont:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;
      --timerWeight:880; --timerTracking:-.065em; --panelBorder:1px solid var(--line); --bodyBg:var(--bg);
    }
    *{box-sizing:border-box} html,body{margin:0;min-height:100%}
    body{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;background:var(--bodyBg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .28s ease,color .28s ease;padding-bottom:108px}
    button{font:inherit}
    .shell{width:min(1080px,100%);margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 20px 42px}
    .topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
    .brand{display:flex;gap:12px;align-items:center;min-width:0}.mark{width:36px;height:36px;border-radius:11px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:900;font-size:12px;letter-spacing:-.04em;box-shadow:var(--shadow)}
    .brand-title{font-size:14px;font-weight:850;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--muted);font-weight:700;margin-top:3px}.date{font-size:12px;color:var(--muted);font-weight:700;text-align:right;line-height:1.45;font-variant-numeric:tabular-nums}
    .hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(285px,.7fr);gap:16px;margin-bottom:16px}
    .panel,.stat{background:var(--surface);border:var(--panelBorder);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:background .28s ease,border .28s ease,box-shadow .28s ease,border-radius .28s ease}
    .countdown-panel{padding:var(--pad);min-height:326px;display:flex;flex-direction:column;position:relative;overflow:hidden}
    .status-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:11px;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.dismissal-note{font-size:11px;color:var(--muted);font-weight:750}
    .countdown-wrap{margin:auto 0 28px}.eyebrow{font-size:11px;color:var(--muted);font-weight:800;margin-bottom:9px}.countdown{font-family:var(--timerFont);font-size:clamp(60px,10vw,106px);font-weight:var(--timerWeight);letter-spacing:var(--timerTracking);line-height:.9;font-variant-numeric:tabular-nums;white-space:nowrap}.countdown-sub{font-size:13px;color:var(--muted);font-weight:650;margin-top:13px}
    .timeline-labels{display:flex;justify-content:space-between;color:var(--faint);font-size:10px;font-weight:750;margin-bottom:8px}.track{height:8px;background:var(--surface2);border-radius:999px;position:relative}.track-fill{height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .5s ease}.track-dot{position:absolute;top:50%;left:0;width:15px;height:15px;border:4px solid var(--surface);background:var(--accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px var(--line);transition:left .5s ease}
    .current-panel{padding:var(--pad);min-height:326px;display:flex;flex-direction:column}.section-label{font-size:11px;color:var(--muted);font-weight:800;margin-bottom:14px}.current-title{font-size:clamp(28px,4vw,39px);font-weight:870;line-height:1.04;letter-spacing:-.045em;margin:0;text-wrap:balance}.current-meta{margin-top:10px;color:var(--muted);font-size:12px;font-weight:700}.block-left{margin-top:18px;width:fit-content;padding:9px 11px;border-radius:12px;background:var(--accentSoft);color:var(--accentInk);font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}.next-block{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.next-label{font-size:10px;color:var(--faint);font-weight:800;margin-bottom:6px}.next-value{font-size:13px;font-weight:800;line-height:1.45}
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{padding:17px;border-radius:var(--radius2)}.stat-label{font-size:10px;color:var(--muted);font-weight:800;margin-bottom:8px}.stat-value{font-size:clamp(20px,3vw,26px);font-weight:880;letter-spacing:-.035em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .content-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:16px;align-items:start}.info-panel,.schedule-panel{padding:22px}.title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}.panel-title{margin:0;font-size:17px;font-weight:860;letter-spacing:-.025em}.caption{font-size:10px;color:var(--muted);font-weight:750}.summary-row{min-height:50px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line)}.summary-row:first-child{border-top:0}.summary-key{font-size:11px;color:var(--muted);font-weight:750}.summary-value{text-align:right;font-size:12px;font-weight:820}.message{margin-top:16px;padding:13px 14px;border-radius:13px;background:var(--surface2);color:var(--muted);font-size:11px;font-weight:650;line-height:1.55}
    .schedule{display:grid}.schedule-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:57px;border-top:1px solid var(--line);padding:0 10px;margin:0 -10px;border-radius:12px}.schedule-row:first-child{border-top-color:transparent}.schedule-row.active{background:var(--accentSoft);border-top-color:transparent}.schedule-row.active+.schedule-row{border-top-color:transparent}.schedule-row.done{opacity:.42}.period{font-size:10px;color:var(--muted);font-weight:850}.subject{font-size:12px;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time{font-size:10px;color:var(--faint);font-weight:750;white-space:nowrap}.schedule-row.active .period,.schedule-row.active .subject,.schedule-row.active .time{color:var(--accentInk)}
    footer{margin-top:20px;text-align:center;color:var(--faint);font-size:10px;line-height:1.55}
    .theme-dock{position:fixed;z-index:50;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(760px,calc(100% - 24px));padding:8px;border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);box-shadow:0 18px 55px rgba(0,0,0,.16);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.theme-dock::-webkit-scrollbar{display:none}.theme-btn{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:11px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.2s ease}.theme-btn:hover{background:var(--surface2);color:var(--text)}.theme-btn.active{background:var(--text);color:var(--bg)}

    /* 1. Linear-inspired */
    html[data-theme="linear"]{--bg:#f6f6f4;--surface:#fff;--surface2:#f1f1ee;--text:#18191c;--muted:#777981;--faint:#aaacb1;--line:#e5e5e1;--accent:#5e5ce6;--accentInk:#4947c8;--accentSoft:#efefff;--shadow:0 14px 38px rgba(21,22,26,.06);--radius:24px;--radius2:16px;--blur:0px;--bodyBg:#f6f6f4}

    /* 2. Raycast-inspired */
    html[data-theme="raycast"]{color-scheme:dark;--bg:#090a0d;--surface:rgba(24,25,31,.72);--surface2:rgba(255,255,255,.055);--text:#f6f6f8;--muted:#9a9ca6;--faint:#626570;--line:rgba(255,255,255,.10);--accent:#ff5f57;--accentInk:#ffaaa5;--accentSoft:rgba(255,95,87,.13);--shadow:0 24px 70px rgba(0,0,0,.42);--radius:22px;--radius2:15px;--blur:22px;--bodyBg:radial-gradient(circle at 18% 0%,rgba(154,81,255,.18),transparent 28%),radial-gradient(circle at 82% 8%,rgba(255,95,87,.16),transparent 28%),#090a0d;--panelBorder:1px solid rgba(255,255,255,.10)}
    html[data-theme="raycast"] .countdown-panel:after{content:"";position:absolute;inset:auto -15% -55% 30%;height:95%;background:radial-gradient(circle,rgba(154,81,255,.18),transparent 64%);pointer-events:none}html[data-theme="raycast"] .mark{background:linear-gradient(135deg,#ff5f57,#9a51ff);color:white}

    /* 3. Apple-inspired */
    html[data-theme="apple"]{--bg:#f2f2f7;--surface:rgba(255,255,255,.86);--surface2:#f2f2f7;--text:#111114;--muted:#6e6e73;--faint:#a1a1a6;--line:rgba(0,0,0,.08);--accent:#007aff;--accentInk:#0064d8;--accentSoft:rgba(0,122,255,.10);--shadow:0 16px 44px rgba(0,0,0,.07);--radius:30px;--radius2:20px;--blur:24px;--bodyBg:linear-gradient(180deg,#f7f7fa,#ececf1);--timerWeight:760;--timerTracking:-.055em}
    html[data-theme="apple"] .countdown-panel{min-height:350px}html[data-theme="apple"] .countdown{font-size:clamp(66px,11vw,116px)}html[data-theme="apple"] .pill{background:rgba(255,255,255,.55)}html[data-theme="apple"] .theme-dock{border-radius:22px}

    /* 4. Vercel-inspired */
    html[data-theme="vercel"]{--bg:#fff;--surface:#fff;--surface2:#fafafa;--text:#000;--muted:#666;--faint:#999;--line:#eaeaea;--accent:#000;--accentInk:#000;--accentSoft:#f5f5f5;--shadow:none;--radius:12px;--radius2:10px;--blur:0px;--bodyBg:#fff;--timerFont:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--timerWeight:700;--timerTracking:-.075em;--panelBorder:1px solid #eaeaea}
    html[data-theme="vercel"] .mark{border-radius:2px;background:#000;color:#fff}html[data-theme="vercel"] .countdown-panel,html[data-theme="vercel"] .current-panel,html[data-theme="vercel"] .info-panel,html[data-theme="vercel"] .schedule-panel{box-shadow:none}html[data-theme="vercel"] .track-fill{background:#000}html[data-theme="vercel"] .track-dot{background:#000}

    /* 5. Minimal timer-inspired */
    html[data-theme="minimal"]{--bg:#111;--surface:#111;--surface2:#191919;--text:#fafafa;--muted:#8f8f8f;--faint:#555;--line:#262626;--accent:#fafafa;--accentInk:#111;--accentSoft:#fafafa;--shadow:none;--radius:0px;--radius2:0px;--blur:0px;--bodyBg:#111;--timerWeight:620;--timerTracking:-.075em;--panelBorder:0 solid transparent}
    html[data-theme="minimal"] .shell{width:min(1180px,100%)}html[data-theme="minimal"] .hero{grid-template-columns:1fr;min-height:min(62vh,620px)}html[data-theme="minimal"] .countdown-panel{min-height:min(62vh,620px);justify-content:center;text-align:center;padding:40px 10px}html[data-theme="minimal"] .status-row{position:absolute;top:18px;left:0;right:0}html[data-theme="minimal"] .countdown-wrap{margin:auto 0}html[data-theme="minimal"] .countdown{font-size:clamp(72px,16vw,170px)}html[data-theme="minimal"] .timeline{width:min(620px,88%);margin:0 auto}html[data-theme="minimal"] .current-panel{min-height:220px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}html[data-theme="minimal"] .stats{grid-template-columns:repeat(4,1fr)}html[data-theme="minimal"] .stat{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}html[data-theme="minimal"] .theme-btn.active{background:#fafafa;color:#111}

    /* 6. Performance-dashboard-inspired */
    html[data-theme="performance"]{--bg:#f3efe7;--surface:#fffaf4;--surface2:#f0e9df;--text:#29231e;--muted:#776b61;--faint:#ab9f93;--line:#e7ddd1;--accent:#f06449;--accentInk:#c94a33;--accentSoft:#fde7df;--shadow:0 16px 38px rgba(105,78,54,.09);--radius:26px;--radius2:18px;--blur:0px;--bodyBg:linear-gradient(135deg,#f6f1e9 0%,#efe9df 100%)}
    html[data-theme="performance"] .mark{background:#f06449;color:white}html[data-theme="performance"] .countdown-panel{background:linear-gradient(145deg,#fffaf4 48%,#fde8df 100%)}html[data-theme="performance"] .current-panel{background:linear-gradient(160deg,#fffaf4,#f7f0e6)}html[data-theme="performance"] .track-fill{background:linear-gradient(90deg,#f06449,#f29d62)}

    @media(prefers-color-scheme:dark){html[data-theme="linear"]{--bg:#0f1115;--surface:#15181e;--surface2:#1b1f26;--text:#f4f5f6;--muted:#9b9fa8;--faint:#686d76;--line:#292e36;--accent:#8b8cf8;--accentInk:#b0b1ff;--accentSoft:rgba(116,117,239,.14);--shadow:0 18px 40px rgba(0,0,0,.22);--bodyBg:#0f1115}}
    @media(max-width:820px){.hero{grid-template-columns:1fr}.current-panel{min-height:260px}.content-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}html[data-theme="minimal"] .stats{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:540px){.shell{padding-left:15px;padding-right:15px}.topbar{margin-bottom:20px}.countdown-panel,.current-panel,.info-panel,.schedule-panel{padding:20px}.countdown-panel{min-height:300px}.countdown{font-size:clamp(52px,18vw,80px)}.schedule-row{grid-template-columns:48px minmax(0,1fr) auto}.date{font-size:10px}.brand-sub{display:none}.theme-dock{bottom:max(8px,env(safe-area-inset-bottom));border-radius:16px}.theme-btn{padding:9px 11px}html[data-theme="minimal"] .countdown{font-size:clamp(66px,21vw,98px)}}
    @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}