*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom right,#000,#000,#0867d4);border-bottom:1px solid #fff3;padding:2rem;text-align:left}.App-header h1{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;font-size:2rem;margin-bottom:.5rem}.App-header p{color:#999;font-size:1.1rem}.tool-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.nav-btn{background:#fff;border:2px solid #00000;border-radius:50px;color:#00000;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.nav-btn:hover{background:#00000;box-shadow:0 5px 5px #000c;color:#000;transform:translateY(-2px)}.nav-btn.active{background:#000;box-shadow:0 5px 5px #000c;color:#fff}.main-content{background:linear-gradient(to bottom right,#000,#000,#0867d4);display:flex;flex:1 1;justify-content:center;padding:2rem}.tool-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:1200px;padding:2rem;width:100%}.tool-container h3{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.json-areas-container{display:flex;flex-direction:row;gap:1rem}.input-textarea{order:1}.input-textarea,.output-textarea{border:2px solid #e0e6ed;border-radius:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;margin-bottom:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:50%}.output-textarea{order:2}.input-textarea:focus,.output-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.output-textarea{background-color:#f8f9fa;color:#2c3e50}.datetime-input{border:2px solid #e0e6ed;border-radius:12px;font-size:1rem;margin-bottom:1rem;padding:1rem;width:100%}.datetime-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.btn{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.btn-primary{background:#000;color:#fff}.btn-primary:hover{box-shadow:0 5px 5px #000c;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.btn-copy{background:#28a745;color:#fff}.btn-copy:hover{background:#218838;transform:translateY(-2px)}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:.75rem}.timezone-results{background:#f8f9fa;border-radius:12px;padding:1.5rem}.timezone-item{border-bottom:1px solid #e0e6ed;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:.75rem}.timezone-item:last-child{border-bottom:none}.timezone-item strong{color:#667eea;display:inline-block;width:150px}.text-stats{background:#f8f9fa;border-radius:8px;color:#667eea;font-weight:600;margin-bottom:1rem;padding:.75rem;text-align:center}.timezone-header{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem}.App-footer{background:#fff;color:#000;font-size:.9rem;padding:1rem;text-align:center}@media (max-width:768px){.App-header{padding:1rem}.App-header h1{font-size:2rem}.tool-nav{padding:1rem}.nav-btn{font-size:.85rem;padding:.6rem 1.2rem}.main-content{padding:1rem}.tool-container{padding:1.5rem}.button-group{flex-direction:column}.btn{width:100%}}
/*# sourceMappingURL=main.6d070f05.css.map*/