:root{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f1f1f1;--text-primary:#1a1a1a;--text-secondary:#3d3d3d;--text-tertiary:#6a6a6a;--border-color:#efefef;--border-light:#eaeaea;--btn-primary:hsl(215, 100%, 50%);--btn-primary-hover:hsl(215, 100%, 45%);--btn-success:hsl(215, 100%, 50%);--btn-success-hover:hsl(215, 100%, 45%);--shadow-sm:0 1px 2px 0 hsla(250, 3%, 0%, 0.075) 0 1px;--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1)}@media (prefers-color-scheme:dark){:root{--bg-primary:#080808;--bg-secondary:#101010;--bg-tertiary:#181818;--text-primary:#ffffff;--text-secondary:#e0e0e0;--text-tertiary:#b0b0b0;--border-color:#27272a;--border-light:#27272a;--btn-primary:hsl(215, 100%, 50%);--btn-primary-hover:hsl(215, 100%, 45%);--btn-success:hsl(215, 100%, 50%);--btn-success-hover:hsl(215, 100%, 45%);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.4),0 2px 4px -2px rgb(0 0 0 / 0.4)}}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f1f1f1;--text-primary:#1a1a1a;--text-secondary:#3d3d3d;--text-tertiary:#6a6a6a;--border-color:#efefef;--border-light:#eaeaea;--btn-primary:hsl(215, 100%, 50%);--btn-primary-hover:hsl(215, 100%, 45%);--btn-success:hsl(215, 100%, 50%);--btn-success-hover:hsl(215, 100%, 45%);--shadow-sm:0 1px 2px 0 hsla(250, 3%, 0%, 0.075) 0 1px;--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1)}[data-theme=dark]{--bg-primary:#080808;--bg-secondary:#101010;--bg-tertiary:#181818;--text-primary:#ffffff;--text-secondary:#e0e0e0;--text-tertiary:#b0b0b0;--border-color:#27272a;--border-light:#27272a;--btn-primary:hsl(215, 100%, 50%);--btn-primary-hover:hsl(215, 100%, 45%);--btn-success:hsl(215, 100%, 50%);--btn-success-hover:hsl(215, 100%, 45%);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.4),0 2px 4px -2px rgb(0 0 0 / 0.4)}*{margin:0;padding:0;box-sizing:border-box;font-variant-numeric:slashed-zero;font-variant-ligatures:none}body{font-family:Inter,sans-serif;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease;line-height:1.6;font-size:16px}.navbar{background:var(--bg-primary);padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);height:3.5rem}.navbar-brand{display:flex;align-items:center;gap:.25rem}.navbar-brand img{height:2rem;width:auto;margin:-.125rem 0 0 0}.navbar .navbar-brand span{color:var(--text-primary);font-size:1.25rem;font-weight:800;letter-spacing:-.01em;padding:.75rem 0;float:left;display:block;font-family:"JetBrains Mono",monospace}.theme-toggle{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.theme-toggle:hover{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.container{min-height:calc(100vh - 3.5rem);display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;width:100%}.converter-section{display:flex;flex:1;background:var(--bg-primary);box-shadow:var(--shadow-md);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.input-section,.output-section{width:50%;padding:0;display:flex;flex-direction:column}.section-content{padding:1.25rem;flex:1}.input-section{border-right:1px solid var(--border-color);background:var(--bg-primary)}.output-section{background:var(--bg-primary);padding:0;display:flex;flex-direction:column}.output-content{padding:1.25rem;flex:1}.section-header{border-bottom:1px solid var(--border-color);margin:0;height:3rem;display:flex;align-items:center;padding:0 1.25rem}.info-section{padding:1.5rem 3rem 3rem;background:var(--bg-secondary);display:flex;flex-flow:column;justify-content:center}.info-section article{max-width:50rem;text-align:left;color:var(--text-tertiary);padding:5px}.info-section h1{color:var(--text-primary);font-size:1.6rem;font-weight:800;margin:1.5rem 0 .75rem 0}.info-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem 0}.info-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:1.5rem 0 .5rem 0}.info-section ul{margin:1rem 0;padding-left:1.5rem}.info-section li{margin:.5rem 0;color:var(--text-secondary);line-height:1.6}.section-header span,h2{color:var(--text-primary);margin:.5rem 0;font-size:1.125rem;font-weight:600;letter-spacing:-.025em}h3{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.875rem;margin-top:1.25rem}.input-group{margin-bottom:1.25rem}.time-presets,label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:1rem}.time-presets{margin-bottom:-.7rem}input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.25rem;font-size:.875rem;background:var(--bg-tertiary);color:var(--text-tertiary);transition:all .2s ease;font-family:"JetBrains Mono",monospace}input:focus{outline:0;border-color:var(--btn-primary);box-shadow:0 0 0 3px rgb(59 130 246 / .2)}.output-item{display:flex;align-items:stretch;margin-bottom:.5rem;padding:0;background:var(--bg-secondary);border-radius:.25rem;border:1px solid var(--border-light);transition:all .2s ease;overflow:hidden}.output-item:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.output-label{font-weight:500;min-width:8.75rem;color:var(--text-primary);font-size:.875rem;padding:0;display:flex;align-items:center;background:var(--bg-tertiary);padding-left:1rem;flex-shrink:0}.output-value{flex:1;margin-right:0;font-family:"JetBrains Mono",monospace;font-size:.875rem;word-break:break-all;color:var(--text-secondary);font-weight:500;padding:.75rem 0 .75rem 1rem;display:flex;align-items:center}.copy-btn{background:var(--bg-tertiary);color:var(--text-tertiary);border:none;border-radius:0 .4375rem .4375rem 0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:3rem;flex-shrink:0}.copy-btn:hover{background:var(--btn-primary-hover);color:#fff;border-color:var(--btn-primary-hover)}.time-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.time-btn{padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease;font-family:inherit}.time-btn:hover{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.time-btn.primary{background:var(--btn-success);color:#fff;border-color:var(--btn-success)}.time-btn.primary:hover{background:var(--btn-success-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.info-section p{color:var(--text-secondary);font-size:1rem;line-height:1.7;max-width:50rem;margin:0 auto}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);height:3.5rem}.footer-brand a{color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500}.footer-brand a:hover{color:var(--btn-primary)}.copy-link-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--btn-primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease;font-family:inherit;width:100%;display:flex;align-items:center;justify-content:center}.copy-link-btn:hover{background:var(--btn-primary-hover)}.footer-copyright{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.navbar{padding:1rem 1.25rem}.theme-toggle{width:2.25rem;height:2.25rem}.converter-section{flex-direction:column;border-radius:0}.input-section,.output-section{width:100%;padding:1rem}.section-header{margin:-1rem -1rem .75rem -1rem;padding:0 1rem}.output-content,.section-content{padding:.5rem}.input-section{border-right:none;border-bottom:1px solid var(--border-color)}.output-label{min-width:7.5rem;font-size:.75rem}.output-value{font-size:.75rem}.copy-btn{width:1.75rem;height:1.75rem}.info-section{padding:1.25rem 1.5rem 2rem}}@media (max-width:480px){.navbar{padding:.75rem 1rem}.input-section,.output-section{padding:.75rem}.section-header{margin:-.75rem -.75rem .5rem -.75rem;padding:0 .75rem}.output-item{flex-direction:column;align-items:stretch;padding:0;gap:0}.output-label{min-width:auto;width:100%;padding:.75rem 1rem;text-align:left;order:1;border-radius:.5rem .5rem 0 0}.output-value{margin-right:0;padding:1rem;text-align:center;order:2;width:100%;background:var(--bg-primary)}.copy-btn{align-self:stretch;width:100%;border-radius:0 0 .5rem .5rem;order:3;height:3rem}.converter-section{margin:0}.info-section{padding:1rem 1.25rem 1.5rem}}