.app{min-height:100vh;width:100%;min-width:0;overflow-x:hidden}.theme-toggle{position:fixed;top:14px;right:14px;z-index:2000;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.35);background:#11182759;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .1s,background-color .2s,border-color .2s}@media (max-width: 480px){.theme-toggle{top:10px;right:10px;padding:9px 12px;font-size:.85rem}}.theme-toggle:hover{background:#11182780;border-color:#ffffff8c}.theme-toggle:active{transform:translateY(1px)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px #9ca3af59}html[data-theme=light] .theme-toggle{background:#ffffff59;border-color:#ffffff8c;color:#111827}html[data-theme=light] .theme-toggle:hover{background:#ffffff80}.header{text-align:center;color:#fff;padding:40px 20px;margin-bottom:30px}.header h1{font-size:3rem;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.header p{font-size:1.2rem;opacity:.9}.current-time-banner{max-width:1200px;margin:0 auto 30px;padding:0 20px;width:100%;min-width:0}.banner-content{background:#fffffff2;border-radius:12px;padding:25px 30px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);overflow-wrap:break-word;word-break:break-word}.banner-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-weight:600}.banner-time{display:flex;align-items:baseline;gap:12px;margin-bottom:15px;flex-wrap:wrap;min-width:0}.time-display{font-size:2rem;font-weight:700;color:#6b7280;font-variant-numeric:tabular-nums;letter-spacing:1px;overflow-wrap:break-word;word-break:break-word;min-width:0}.timezone-display{font-size:1.1rem;color:#888;font-weight:500}.banner-epoch{font-size:1rem;color:#555;margin-bottom:12px;padding-top:12px;border-top:1px solid #e0e0e0}.banner-epoch strong{color:#6b7280;font-size:1.1rem;font-variant-numeric:tabular-nums}.banner-description{font-size:.85rem;color:#777;line-height:1.6;padding-top:12px;border-top:1px solid #e0e0e0}.banner-utc{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e0e0e0}.banner-time-utc{justify-content:space-between;align-items:center}.time-display-utc{font-size:2.2rem;color:#111827;letter-spacing:.5px}.banner-copy-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e5e7eb;background:#fff;color:#4b5563;border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s;min-height:40px;flex-shrink:0;white-space:nowrap}.banner-copy-button:hover{background:#f3f4f6;border-color:#d1d5db}.banner-copy-button:active{transform:translateY(1px)}.banner-copy-button:focus{outline:none;box-shadow:0 0 0 3px #9ca3af40}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:30px;padding:0 20px 40px;width:100%;min-width:0}.converter-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 40px #0003;transition:transform .2s,box-shadow .2s;min-width:0;overflow:hidden}@media (hover: hover){.converter-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}}.converter-card h2{color:#6b7280;margin-bottom:10px;font-size:1.8rem;font-weight:600}.description{color:#666;margin-bottom:25px;font-size:.95rem;line-height:1.5}.now-button-container{margin-bottom:20px;display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}.now-button,.time-shift-button{color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;font-family:inherit}.now-button{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 4px 12px #9ca3af4d}.time-shift-button{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 4px 12px #6b72804d}.now-button:hover,.time-shift-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b728066}.now-button:active,.time-shift-button:active{transform:translateY(0);box-shadow:0 2px 8px #6b72804d}.now-button:focus,.time-shift-button:focus{outline:none;box-shadow:0 0 0 3px #9ca3af4d}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.95rem}.input-group input,.input-group select{width:100%;max-width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.input-group input:focus,.input-group select:focus{outline:none;border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af1a}.input-group select{cursor:pointer;background-color:#fff}.timezone-autocomplete{position:relative;width:100%}.timezone-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a;margin-top:-2px}.timezone-dropdown::-webkit-scrollbar{width:8px}.timezone-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.timezone-dropdown::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.timezone-dropdown::-webkit-scrollbar-thumb:hover{background:#6b7280}.timezone-option{padding:12px 16px;cursor:pointer;transition:background-color .2s;font-size:.95rem;color:#333;border-bottom:1px solid #f0f0f0}.timezone-option:last-child{border-bottom:none}.timezone-option:hover{background-color:#f5f7fa}.timezone-option.selected{background-color:#e5e7eb;font-weight:600;color:#4b5563}.timezone-option.no-results{color:#999;cursor:default;font-style:italic}.timezone-option.no-results:hover{background-color:#fff}.input-hint{display:block;margin-top:6px;font-size:.85rem;color:#6b7280;font-style:italic}.gmt-carousel-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.gmt-carousel-container::-webkit-scrollbar{height:8px}.gmt-carousel-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.gmt-carousel-container::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.gmt-carousel-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.gmt-carousel{display:flex;gap:8px;padding:0 10px;justify-content:flex-start;min-width:max-content}.gmt-offset-button{padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit;flex-shrink:0}.gmt-offset-button:hover{border-color:#9ca3af;background:#f5f7fa;transform:translateY(-2px);box-shadow:0 2px 8px #9ca3af33}.gmt-offset-button.active{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;border-color:#9ca3af;box-shadow:0 4px 12px #9ca3af4d}.gmt-offset-button.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b728066}.gmt-offset-button:focus{outline:none;box-shadow:0 0 0 3px #9ca3af33}.format-selector{margin-top:20px;margin-bottom:15px;padding:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.format-label{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:.95rem}.radio-group{display:flex;flex-wrap:wrap;gap:12px}.radio-option{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s;font-size:.9rem}.radio-option:hover{background-color:#f3f4f6}.radio-option input[type=radio]{margin-right:8px;cursor:pointer;accent-color:#6b7280}.radio-option span{color:#333;-webkit-user-select:none;user-select:none}.radio-option input[type=radio]:checked+span{font-weight:600;color:#4b5563}.result-container{margin-top:20px}.result{margin-top:20px;padding:15px;background:#f5f7fa;border-radius:8px;border-left:4px solid #9ca3af;font-size:1rem;color:#333;word-break:break-word;overflow-wrap:break-word;min-width:0}.result:first-child{margin-top:0}.result.error{border-left-color:#ef4444;background:#fef2f2}.result-header{margin-bottom:10px;font-size:1rem;color:#333;font-weight:600}.result-header strong{color:#6b7280}.result-item{margin-top:10px;display:flex;flex-direction:column;gap:4px}.result-epoch{font-weight:600;color:#6b7280;font-size:.9rem}.result-value{color:#333}.result strong{color:#6b7280;margin-right:8px}.result-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.result-text{min-width:0;flex:1}.result-copy-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e5e7eb;background:#fff;color:#4b5563;border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s;min-height:40px;flex-shrink:0;white-space:nowrap}.result-copy-button:hover{background:#f3f4f6;border-color:#d1d5db}.result-copy-button:active{transform:translateY(1px)}.result-copy-button:focus{outline:none;box-shadow:0 0 0 3px #9ca3af40}.footer{margin-top:60px;padding:30px 20px;background:#fffffff2;border-top:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=dark] .header{color:#f9fafb}html[data-theme=dark] .banner-content{background:#111827d9;border-color:#ffffff1f}html[data-theme=dark] .banner-label{color:#e5e7ebcc}html[data-theme=dark] .time-display{color:#e5e7eb}html[data-theme=dark] .timezone-display{color:#e5e7ebb3}html[data-theme=dark] .banner-epoch{color:#e5e7ebd9;border-top-color:#ffffff1f}html[data-theme=dark] .banner-epoch strong{color:#f3f4f6}html[data-theme=dark] .banner-description{color:#e5e7ebbf;border-top-color:#ffffff1f}html[data-theme=dark] .banner-utc{border-bottom-color:#ffffff1f}html[data-theme=dark] .time-display-utc{color:#fff}html[data-theme=dark] .banner-copy-button{background:#ffffff0f;border-color:#ffffff24;color:#e5e7eb}html[data-theme=dark] .banner-copy-button:hover{background:#ffffff1a;border-color:#ffffff38}html[data-theme=dark] .converter-card,html[data-theme=dark] .sitemap-content,html[data-theme=dark] .privacy-policy-content,html[data-theme=dark] .code-examples-card{background:#111827e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px #00000073}html[data-theme=dark] .converter-card h2,html[data-theme=dark] .code-examples-card h2,html[data-theme=dark] .sitemap-content h2,html[data-theme=dark] .privacy-policy-content h2{color:#f3f4f6}html[data-theme=dark] .description,html[data-theme=dark] .privacy-policy-content p,html[data-theme=dark] .sitemap-description,html[data-theme=dark] .input-group label,html[data-theme=dark] .format-label,html[data-theme=dark] .radio-option span{color:#e5e7ebd9}html[data-theme=dark] .input-hint{color:#e5e7eb99}html[data-theme=dark] .input-group input,html[data-theme=dark] .input-group select{background:#02061780;border-color:#ffffff24;color:#e5e7eb}html[data-theme=dark] .input-group input::placeholder{color:#e5e7eb73}html[data-theme=dark] .input-group input:focus,html[data-theme=dark] .input-group select:focus{border-color:#9ca3afb3;box-shadow:0 0 0 3px #9ca3af2e}html[data-theme=dark] .timezone-dropdown{background:#111827fa;border-color:#ffffff24;box-shadow:0 8px 24px #0000008c}html[data-theme=dark] .timezone-option{color:#e5e7ebe6;border-bottom-color:#ffffff14}html[data-theme=dark] .timezone-option:hover{background-color:#ffffff0f}html[data-theme=dark] .timezone-option.selected{background-color:#ffffff1a;color:#fff}html[data-theme=dark] .format-selector{background:#02061759;border-color:#ffffff1f}html[data-theme=dark] .result{background:#02061759;color:#e5e7ebeb;border-left-color:#9ca3afa6}html[data-theme=dark] .result-header{color:#e5e7ebe6}html[data-theme=dark] .result-epoch{color:#e5e7ebb3}html[data-theme=dark] .result-copy-button{background:#ffffff0f;border-color:#ffffff24;color:#e5e7eb}html[data-theme=dark] .result-copy-button:hover{background:#ffffff1a;border-color:#ffffff38}html[data-theme=dark] .gmt-offset-button{background:#02061759;border-color:#ffffff24;color:#e5e7ebe6}html[data-theme=dark] .gmt-offset-button:hover{background:#ffffff0f;border-color:#ffffff38}html[data-theme=dark] .gmt-offset-button.active{background:linear-gradient(135deg,#3b82f6e6,#6366f1e6);border-color:#6366f1e6;color:#fff;box-shadow:0 4px 12px #3b82f640}html[data-theme=dark] .footer{background:#111827bf;border-top-color:#ffffff1f}html[data-theme=dark] .footer-content p{color:#e5e7ebbf}html[data-theme=dark] .footer-links a{color:#e5e7ebd9}html[data-theme=dark] .footer-links a:hover{color:#fff}html[data-theme=dark] .footer-separator{color:#e5e7eb59}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-content p{margin:0;color:#666;font-size:.9rem}.footer-links{display:flex;align-items:center;gap:10px}.footer-links a{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#4b5563;text-decoration:underline}.footer-separator{color:#9ca3af;font-size:.9rem}.sitemap-page{min-height:100vh}.sitemap-container{max-width:800px;margin:0 auto;padding:40px 20px}.sitemap-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0003}.sitemap-content h2{color:#6b7280;font-size:2rem;margin-bottom:30px;font-weight:600}.sitemap-links{list-style:none;padding:0;margin:0}.sitemap-links li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e5e7eb}.sitemap-links li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sitemap-link{display:inline-block;color:#6b7280;font-size:1.3rem;font-weight:600;text-decoration:none;margin-bottom:8px;transition:color .2s}.sitemap-link:hover{color:#4b5563;text-decoration:underline}.sitemap-description{color:#666;font-size:1rem;margin:0;line-height:1.6}.privacy-policy-page{min-height:100vh}.privacy-policy-container{max-width:900px;margin:0 auto;padding:40px 20px}.privacy-policy-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0003;line-height:1.8}.privacy-policy-content p{color:#333;font-size:1rem;margin-bottom:20px}.privacy-policy-content h2{color:#6b7280;font-size:1.8rem;margin-top:40px;margin-bottom:20px;font-weight:600}.privacy-policy-content h2:first-of-type{margin-top:30px}.privacy-policy-content a{color:#6b7280;text-decoration:underline;transition:color .2s}.privacy-policy-content a:hover{color:#4b5563}.privacy-policy-content .last-modified{margin-top:40px;padding-top:20px;border-top:1px solid #e5e7eb;color:#666;font-style:italic}.code-examples{max-width:1200px;margin:0 auto;padding:0 20px 40px;width:100%;min-width:0}.code-examples-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 40px #0003;min-width:0;overflow:hidden}.code-examples-card h2{color:#6b7280;margin-bottom:10px;font-size:1.8rem;font-weight:600}.code-examples-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.code-example{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#f9fafb;min-width:0}.code-example-summary{cursor:pointer;list-style:none}.code-example-summary::-webkit-details-marker{display:none}.code-example-summary::marker{content:""}.code-example[open] .code-example-header{margin-bottom:12px}.code-example:not([open]) .code-example-header{margin-bottom:0}.code-example-summary:focus{outline:none}.code-example-summary:focus-visible{border-radius:10px;box-shadow:0 0 0 3px #9ca3af40}.code-example .code-block{margin-top:0}.code-example-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.code-example h3{color:#4b5563;font-size:1.05rem;margin-bottom:0;font-weight:700}.copy-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e5e7eb;background:#fff;color:#4b5563;border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s;min-height:40px;flex-shrink:0}.copy-button:hover{background:#f3f4f6;border-color:#d1d5db}.copy-button:active{transform:translateY(1px)}.copy-button:focus{outline:none;box-shadow:0 0 0 3px #9ca3af40}.code-block{margin:0;padding:12px;border-radius:10px;background:#0b1220;color:#e5e7eb;overflow:auto;-webkit-overflow-scrolling:touch;line-height:1.5;font-size:.9rem;min-width:0}.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre}@media (max-width: 768px){body{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.header{padding:28px 16px 24px;margin-bottom:20px}.header h1{font-size:1.75rem;line-height:1.2}.header p{font-size:1rem}.container{grid-template-columns:1fr;gap:20px;padding:0 12px 32px}.converter-card{padding:20px}.converter-card h2{font-size:1.5rem}.current-time-banner{padding:0 12px;margin-bottom:20px}.banner-content{padding:20px 16px}.banner-time{flex-direction:column;align-items:flex-start;gap:4px}.banner-time-utc{gap:10px}.time-display-utc{font-size:1.75rem}.banner-copy-button{min-height:44px}.time-display{font-size:1.5rem}.timezone-display{font-size:.9rem}.banner-description{font-size:.8rem}.now-button,.time-shift-button{padding:14px 20px;min-height:48px}.footer{margin-top:40px;padding:24px 16px}.footer-content{flex-direction:column;text-align:center;gap:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px}.sitemap-container{padding:24px 12px}.sitemap-content{padding:24px 16px}.sitemap-content h2{font-size:1.5rem}.sitemap-link{font-size:1.1rem}.sitemap-links li{margin-bottom:24px;padding-bottom:24px}.privacy-policy-container{padding:24px 12px}.privacy-policy-content{padding:24px 16px}.privacy-policy-content h2{font-size:1.5rem}.code-examples{padding:0 12px 32px}.code-examples-card{padding:20px}.code-examples-card h2{font-size:1.5rem}.code-block{font-size:.85rem}.format-selector{padding:12px}.radio-group{gap:8px}.gmt-offset-button{padding:12px 14px;min-height:44px}}@media (max-width: 480px){body{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.header{padding:20px 12px 16px;margin-bottom:16px}.header h1{font-size:1.5rem}.header p{font-size:.9rem}.container{padding:0 8px 24px}.converter-card{padding:16px;border-radius:12px}.converter-card h2{font-size:1.25rem}.description{font-size:.9rem;margin-bottom:20px}.current-time-banner{padding:0 8px;margin-bottom:16px}.banner-content{padding:16px 12px;border-radius:10px}.time-display{font-size:1.25rem}.time-display-utc{font-size:1.45rem}.banner-copy-button{width:100%}.banner-epoch{font-size:.9rem}.banner-epoch strong{font-size:.95rem}.input-group input,.input-group select{padding:14px 12px}.result{padding:12px;font-size:.95rem}.result-row{flex-direction:column;align-items:stretch}.result-copy-button{width:100%;min-height:44px}.footer{margin-top:32px;padding:20px 12px}.footer-content p,.footer-links a{font-size:.85rem}.sitemap-container{padding:20px 8px}.sitemap-content{padding:20px 12px;border-radius:12px}.sitemap-content h2{font-size:1.25rem;margin-bottom:20px}.sitemap-link{font-size:1rem}.sitemap-description{font-size:.9rem}.privacy-policy-container{padding:20px 8px}.privacy-policy-content{padding:20px 12px;border-radius:12px;font-size:.95rem}.privacy-policy-content h2{font-size:1.25rem;margin-top:28px;margin-bottom:16px}.code-examples{padding:0 8px 24px}.code-examples-card{padding:16px;border-radius:12px}.code-examples-card h2{font-size:1.25rem}.code-example{padding:12px}.code-block{padding:10px}}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--page-bg: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%)}html[data-theme=dark]{color-scheme:dark;--page-bg: radial-gradient(1200px 600px at 30% 10%, rgba(59, 130, 246, .22), transparent 55%), linear-gradient(135deg, #0b1220 0%, #111827 60%, #0f172a 100%)}html{overflow-x:hidden;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--page-bg);min-height:100vh;min-height:-webkit-fill-available;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:hidden}#root{max-width:1200px;margin:0 auto;width:100%;min-width:0}