:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#d1fae5;--secondary:#0ea5e9;--accent:#f43f5e;--bg:#f8fafc;--card:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--display-bg:#0f172a;--display-fg:#f8fafc;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 30px rgba(15,23,42,.16);--radius:16px;--radius-sm:12px;--max-width:1200px;--font-main:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code',ui-monospace,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--card:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--display-bg:#020617;--display-fg:#f8fafc;--shadow:0 4px 10px rgba(0,0,0,.35)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-main);line-height:1.6}a{color:#0284c7}header{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:0 20px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3)}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;min-height:70px}.logo{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}.logo span{color:#e94560}header nav{display:flex;align-items:center}.nav-menu{display:flex;list-style:none;gap:5px;margin:0;padding:0}.nav-item{position:relative}.nav-link{color:#fff;text-decoration:none;padding:25px 18px;display:block;font-weight:700}.nav-link:hover{color:#e94560}.has-submenu>.nav-link::after{content:"\25BE";font-size:.6rem;margin-left:6px}.submenu{position:absolute;top:100%;left:0;background:#fff;min-width:220px;max-width:calc(100vw - 40px);list-style:none;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;padding:0;margin:0}.nav-menu>li.has-submenu:first-of-type>.submenu{min-width:420px;display:grid;grid-template-columns:1fr 1fr}.nav-item:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu li{border-bottom:1px solid #f0f0f0}.submenu a{color:#333;text-decoration:none;padding:12px 20px;display:block}.submenu a:hover{background:#f8f9fa;color:#e94560;padding-left:25px}#menu-checkbox,.hamburger{display:none}.bulk-breadcrumb{max-width:1200px;margin:0 auto;padding:14px 20px;color:var(--text-muted);font-size:.92rem}.bulk-breadcrumb a{text-decoration:none;color:#0284c7}.bulk-breadcrumb-sep{margin:0 8px}.tool-shell{max-width:1200px;margin:0 auto;padding:0 20px 42px}.llm-summary{background:var(--card);border-left:4px solid var(--secondary);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:14px 16px;margin:12px 0 20px}.tool-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:start;margin:18px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);font-weight:800;font-size:.82rem}.tool-hero h1{font-family:var(--font-display);font-size:clamp(2.1rem,6vw,4.8rem);line-height:1;margin:.1em 0}.hero-copy{font-size:1.1rem;color:var(--text-muted);max-width:850px}.settings-card,.calculator-main,.sidebar-card,.content-section,.callout,.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.settings-card{padding:18px}.kbd{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:3px 7px;display:inline-block;margin:2px}.notice{display:none;margin-top:10px;padding:10px;border:1px solid #fb923c;border-radius:var(--radius-sm);background:rgba(251,146,60,.09);gap:10px;align-items:center;justify-content:space-between}.notice.show{display:flex}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}.calculator-main,.sidebar-card,.content-section,.callout{padding:22px}.calculator-title{display:flex;gap:14px;align-items:start;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px}.calculator-title-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-light),#dbeafe);font-weight:800;color:#0f766e}.calculator-title h2,.content-section h2,.callout h2,.sidebar-card h2{font-family:var(--font-display);margin:0 0 8px}.calculator-title p{margin:0;color:var(--text-muted)}.time-display{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-size:clamp(48px,12vw,112px);line-height:1;text-align:center;background:var(--display-bg);color:var(--display-fg);border-radius:var(--radius);padding:24px 8px;margin:10px 0 12px;overflow:hidden}.small-display{font-size:clamp(34px,8vw,72px)}.tool-status{text-align:center;color:var(--text-muted);min-height:28px}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.button-row.compact button{flex:1 1 130px}button{min-height:48px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);font:700 1rem var(--font-main);padding:10px 16px;cursor:pointer;transition:.18s}button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:white}.form-grid{display:grid;gap:14px;margin:14px 0}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:6px;font-weight:700}input,select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);font:inherit;padding:10px 12px}.result-box{background:linear-gradient(135deg,var(--primary-light),#dbeafe);border-radius:var(--radius-sm);padding:14px;border:1px solid var(--border);font-weight:800;color:#0f172a}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}caption{text-align:left;font-weight:800;margin-bottom:8px}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:rgba(14,165,233,.09)}tr:last-child td{border-bottom:0}.callout{border-left:4px solid var(--secondary);margin:22px 0}.content-section{margin:22px 0}.content-section li{margin:6px 0}details{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin:10px 0;background:var(--card)}summary{cursor:pointer;font-weight:800}dl{display:grid;grid-template-columns:minmax(140px,240px)1fr;gap:10px 16px}dt{font-weight:800}dd{margin:0;color:var(--text-muted)}pre{background:var(--display-bg);color:var(--display-fg);border-radius:var(--radius-sm);padding:14px;overflow:auto}.related-tools a{display:inline-block;margin:4px 8px 4px 0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{text-decoration:none;color:var(--text);padding:18px;display:grid;gap:8px}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tool-card span{color:var(--text-muted)}.task-list{padding-left:22px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:var(--display-bg);color:var(--display-fg);border-radius:999px;padding:10px 16px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:.2s;z-index:1200}.toast.show{opacity:1}.analog{width:min(300px,80vw);aspect-ratio:1;margin:12px auto;border:8px solid var(--border);border-radius:50%;position:relative;background:var(--card)}.hand{position:absolute;left:50%;bottom:50%;width:4px;transform-origin:bottom center;background:var(--secondary);border-radius:4px}.hour{height:26%}.minute{height:36%;background:var(--text)}.second{height:42%;width:2px;background:var(--accent)}.pin{position:absolute;inset:47%;border-radius:50%;background:var(--accent)}.city-list{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.city{display:flex;justify-content:space-between;gap:14px;padding:12px;border-bottom:1px solid var(--border)}.city:last-child{border-bottom:0}footer{background:#111827;color:#e5e7eb;margin-top:40px}.footer-container{max-width:1200px;margin:0 auto;padding:42px 20px}.footer-content{display:grid;grid-template-columns:1.2fr 1.6fr 1fr 1fr;gap:24px}.footer-section h3{color:#fff;margin-top:0;font-family:var(--font-display)}.footer-links{list-style:none;margin:0;padding:0}.footer-links a{color:#d1d5db;text-decoration:none}.footer-links li{margin:7px 0}.footer-bottom{text-align:center;border-top:1px solid #374151;padding:14px;color:#9ca3af}@media (max-width:900px){.tool-hero,.calculator-layout,.tool-grid,.footer-content{grid-template-columns:1fr}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.nav-menu{display:none;position:absolute;left:0;right:0;top:70px;background:#16213e;flex-direction:column;padding:10px 20px}.hamburger{display:grid;gap:5px;cursor:pointer}.hamburger span{display:block;width:28px;height:3px;background:#fff;border-radius:3px}#menu-checkbox:checked~nav .nav-menu{display:flex}.submenu{position:static;display:none!important;opacity:1;visibility:visible;transform:none;min-width:auto!important;box-shadow:none}.nav-item:hover>.submenu{display:block!important}.nav-menu>li.has-submenu:first-of-type>.submenu{grid-template-columns:1fr}.nav-link{padding:14px 0}.button-row button{flex:1 1 160px}}@media (max-width:560px){.tool-shell{padding:0 14px 34px}header{padding:0 14px}.logo{font-size:1.35rem}.calculator-main,.sidebar-card,.content-section,.callout{padding:16px}.time-display{font-size:clamp(42px,15vw,72px)}dl{grid-template-columns:1fr}.city{display:block}.footer-container{padding:30px 16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{header,.bulk-breadcrumb,.settings-card,.button-row,.notice,footer,input,select,button{display:none!important}body{background:white;color:#111}.calculator-layout,.tool-hero{display:block}.calculator-main,.sidebar-card,.content-section,.callout{box-shadow:none;border:1px solid #ccc}.time-display{color:#111;background:white;border:2px solid #111}}
.world-clock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.world-clock-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.world-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.world-card-head strong{font-size:1.05rem}.world-card-head span{display:block;color:var(--text-muted);font-size:.88rem}.delete-clock{min-height:40px;padding:7px 10px;color:var(--accent)}.mini-clock{width:112px;aspect-ratio:1;margin:12px auto;border:5px solid var(--border);border-radius:50%;position:relative;background:linear-gradient(180deg,var(--card),var(--bg))}.world-hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;border-radius:4px}.world-hour{height:25%;width:4px;background:var(--text)}.world-minute{height:35%;width:3px;background:var(--secondary)}.world-second{height:41%;width:2px;background:var(--accent)}.world-pin{position:absolute;inset:46%;border-radius:50%;background:var(--accent)}.world-digital{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;font-size:1.55rem;font-weight:800;letter-spacing:0}.world-meta{text-align:center;color:var(--text-muted);font-size:.9rem;overflow-wrap:anywhere}.empty-world{grid-column:1/-1;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:18px;text-align:center;color:var(--text-muted)}