/* MIJUONE v1.14.2 · Homepage Smart Time Hub | isolated from global navigation and maps */
.mi-time-hub{--time-blue:#0a5ce4;--time-line:#dce8fa;overflow:hidden;min-width:0;padding:12px 10px 11px;border-radius:15px;background:linear-gradient(145deg,#fff 55%,#f5f9ff);border:1px solid #dce7f7;box-shadow:0 10px 27px rgba(21,73,149,.075);transition:box-shadow .28s ease,transform .28s ease}
.mi-time-hub:hover{box-shadow:0 15px 35px rgba(21,73,149,.13)}
.mi-time-heading{display:flex;align-items:center;min-width:0;gap:7px;margin-bottom:10px}
.mi-time-heading-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:linear-gradient(145deg,#e0efff,#edf5ff);color:var(--time-blue);box-shadow:inset 0 0 0 1px rgba(106,155,237,.2)}
.mi-time-heading-icon svg{height:17px;width:17px}
.mi-time-heading-label{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;line-height:1.1}
.mi-time-heading-label strong{font-size:11.3px;letter-spacing:-.05em;font-weight:900;color:#19345f;white-space:nowrap}
.mi-time-heading-label small{font-size:7px;font-weight:780;letter-spacing:.055em;color:#7f96b6;white-space:nowrap}
.mi-time-format{border:1px solid #d4e3fc;border-radius:7px;background:#f6f9ff;color:#175bbe;min-width:32px;height:24px;padding:0 5px;font:800 9px/1 inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.mi-time-format:hover{border-color:#84adef;background:#ebf3ff;transform:translateY(-1px)}
.mi-time-hub button:focus-visible,.mi-time-hub input:focus-visible{outline:2px solid #1475f7;outline-offset:2px}
.mi-time-hero{position:relative;overflow:hidden;border-radius:13px;padding:12px 11px 10px;background:linear-gradient(145deg,#072f7f 0%,#1258d2 68%,#2073ef 100%);color:#fff;box-shadow:0 8px 18px rgba(12,78,196,.22);isolation:isolate;transition:background .6s ease}
.mi-time-hero::before{content:"";position:absolute;z-index:-1;width:132px;height:132px;top:-68px;right:-55px;background:radial-gradient(circle,rgba(166,221,255,.52),rgba(95,166,245,.1) 60%,transparent 75%);border-radius:50%;animation:miTimeGlow 9s ease-in-out infinite}
.mi-time-hero::after{content:"";position:absolute;z-index:-1;left:-28px;bottom:-70px;width:125px;height:125px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 23px rgba(255,255,255,.035),0 0 0 48px rgba(255,255,255,.02)}
.mi-time-hero.is-night{background:linear-gradient(145deg,#07183d 0%,#14366f 57%,#2250a5 100%)}
.mi-time-hero.is-night::before{background:radial-gradient(circle,rgba(142,174,255,.28),transparent 70%)}
.mi-time-hero-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}
.mi-time-location{font-weight:780;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mi-time-day-badge{display:inline-flex;gap:4px;align-items:center;flex:none;font-size:8px;font-weight:800;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);padding:4px 6px;border-radius:100px;color:#f2f8ff}
.mi-time-sun{font-size:10px;line-height:1}
.mi-time-clock{display:flex;align-items:flex-end;gap:6px;padding:9px 0 2px;white-space:nowrap;min-width:0;font-variant-numeric:tabular-nums}
.mi-time-clock>time{font-size:clamp(26px,2.25vw,32px);font-weight:880;letter-spacing:-.075em;line-height:1;color:#fff;font-feature-settings:"tnum";text-shadow:0 2px 12px rgba(5,23,67,.15)}
.mi-time-clock-side{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding-bottom:1px;line-height:1.05;color:rgba(255,255,255,.92);font-size:9px;font-weight:800;min-width:13px}
.mi-time-clock-side b{font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}
.mi-time-clock-side b.is-ticking{animation:miSecondTick .25s ease-out}
.mi-time-clock-side.is-24-hour{align-self:flex-end;padding-bottom:2px}
.mi-time-date{font-size:9.4px;font-weight:650;letter-spacing:-.012em;color:rgba(236,245,255,.87);margin:7px 0 9px;white-space:nowrap}
.mi-time-day-track{height:3px;width:100%;overflow:hidden;border-radius:6px;background:rgba(255,255,255,.2)}
.mi-time-day-track span{display:block;width:0;height:100%;border-radius:6px;background:linear-gradient(90deg,#57dcff,#d9ffff);transition:width 1s linear}
.mi-time-zones{margin:10px 0 0;display:flex;flex-direction:column;gap:1px}
.mi-time-zone-row{display:flex;align-items:center;gap:5px;min-width:0;min-height:31px;border-radius:9px;padding:5px 7px;transition:background .2s,transform .2s}
.mi-time-zone-row:hover{background:#edf4ff;transform:translateX(2px)}
.mi-time-zone-row.is-local{background:#eef5ff;border:1px solid #d5e6ff}
.mi-time-zone-name{display:flex;align-items:center;gap:5px;min-width:0;flex:1}
.mi-time-zone-name b{display:grid;place-items:center;height:19px;min-width:22px;border-radius:5px;color:#235da8;background:#eaf2ff;font-size:9px;font-weight:850}
.mi-time-zone-name small{font-size:10px;font-weight:740;color:#536e97;white-space:nowrap}
.mi-time-zone-row time{font-size:11px;font-weight:880;letter-spacing:-.02em;white-space:nowrap;color:#1a3b71;font-variant-numeric:tabular-nums}
.mi-time-zone-offset{font-size:8px;color:#8297b6;font-weight:720;white-space:nowrap}
.mi-time-zone-row.is-local time{color:#095ce2}
.mi-time-seoul{border-top:1px dashed #dae5f5;margin-top:3px;padding-top:8px}
.mi-time-seoul .mi-time-zone-name b{background:#ffebed;color:#c33c57}
.mi-time-actions{padding-top:10px;border-top:1px solid #e6edf8;margin-top:8px}
.mi-time-compare-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#eef5ff;color:#0b53bd;border:1px solid #d6e6ff;border-radius:9px;min-height:33px;font-size:10.5px;font-weight:810;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.mi-time-compare-toggle svg{height:15px;width:15px}
.mi-time-compare-toggle:hover{background:#e3efff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,91,180,.1)}
.mi-time-toggle-caret{font-size:15px;margin-left:auto;margin-right:9px;transition:transform .2s}
.mi-time-compare-toggle[aria-expanded="true"] .mi-time-toggle-caret{transform:rotate(180deg)}
.mi-time-compare{animation:miTimePanelReveal .26s ease-out;padding-top:12px}
.mi-time-compare[hidden]{display:none!important}
.mi-time-compare label{display:block;font-size:9px;line-height:1.5;color:#4b6693;font-weight:760;margin-bottom:6px}
.mi-time-meeting-input{display:block;width:100%;height:33px;border:1px solid #cddff8;border-radius:8px;background:#f9fbff;color:#173968;padding:5px 10px;font:700 12px/1.2 inherit}
.mi-time-meeting-results{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.mi-time-meeting-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px 8px;border-radius:7px;background:#f3f8ff;color:#2b4a74;font-size:9.6px}
.mi-time-meeting-row strong{color:#1256bb;font-size:10px;font-weight:850;white-space:nowrap}
.mi-time-compare p{font-size:8.3px;line-height:1.5;color:#8194b0;margin:8px 0 0}
:root[data-theme="dark"] .mi-time-hub{background:linear-gradient(145deg,#142746,#152f53);border-color:#2c4c76}
:root[data-theme="dark"] .mi-time-heading-label strong{color:#e5f0ff}
:root[data-theme="dark"] .mi-time-zone-name small,:root[data-theme="dark"] .mi-time-zone-offset{color:#a8bfdf}
:root[data-theme="dark"] .mi-time-zone-row time{color:#edf5ff}
:root[data-theme="dark"] .mi-time-zone-row:hover,:root[data-theme="dark"] .mi-time-zone-row.is-local{background:#1e3b64;border-color:#345b91}
:root[data-theme="dark"] .mi-time-zone-name b{background:#254c88;color:#d6e9ff}
:root[data-theme="dark"] .mi-time-actions{border-color:#33527b}
:root[data-theme="dark"] .mi-time-compare-toggle,:root[data-theme="dark"] .mi-time-meeting-row{background:#1d416f;color:#dceaff;border-color:#396aa8}
:root[data-theme="dark"] .mi-time-compare label,:root[data-theme="dark"] .mi-time-compare p{color:#b5c9e5}
:root[data-theme="dark"] .mi-time-meeting-input{background:#1e3b64;border-color:#426495;color:#fff}
:root[data-theme="dark"] .mi-time-meeting-row strong{color:#d9e8ff}
@media(max-width:1400px){.mi-time-hub{padding:11px 8px}.mi-time-heading-icon{flex-basis:25px;height:25px}.mi-time-heading-label strong{font-size:10.5px}.mi-time-hero{padding:11px 10px 9px}.mi-time-clock>time{font-size:26px}.mi-time-zone-name{gap:3px}.mi-time-zone-name small{font-size:9px}.mi-time-zone-row{padding:5px 5px}.mi-time-zone-row time{font-size:10px}}
@media(max-width:750px) and (min-width:441px){.mi-time-hub{grid-column:1/-1}.mi-time-hero{max-width:100%;padding:15px 16px 12px}.mi-time-clock>time{font-size:34px}.mi-time-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.mi-time-seoul{grid-column:1/-1;margin-top:0;border-top:0}.mi-time-heading-label strong{font-size:12px}}
@media(max-width:440px){.mi-time-hub{padding:13px}.mi-time-clock>time{font-size:34px}.mi-time-hero{padding:15px}.mi-time-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9px}.mi-time-zone-row{padding:6px 8px}.mi-time-zone-row time{font-size:11px}.mi-time-seoul{grid-column:1/-1;border-top:1px dashed #dae5f5}.mi-time-heading-label strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mi-time-hub,.mi-time-hero,.mi-time-hero::before,.mi-time-zone-row,.mi-time-compare,.mi-time-clock-side b,.mi-time-day-track span,.mi-time-compare-toggle,.mi-time-toggle-caret{animation:none!important;transition:none!important}.mi-time-zone-row:hover{transform:none}}
@keyframes miTimeGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-17px,15px) scale(1.1)}}
@keyframes miSecondTick{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes miTimePanelReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}