:root{--bg-primary: #1e1f22;--bg-secondary: #2b2d31;--bg-elevated: #313338;--bg-input: #1e1f22;--accent: #5865f2;--accent-hover: #4752c4;--text-primary: #f2f3f5;--text-muted: #949ba4;--border: #3f4147;--success: #23a559;--radius: 8px;--radius-sm: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;min-height:100vh;padding:2rem 1rem}main{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.lang-bar{position:fixed;top:.75rem;right:1rem;z-index:100}.lang-bar select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.3rem 1.8rem .3rem .6rem;outline:none;transition:border-color .15s,color .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23949ba4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.lang-bar select:hover,.lang-bar select:focus{border-color:var(--accent);color:var(--text-primary)}header{text-align:center}h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}#inputs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.4rem}label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}input[type=time],input[type=date],select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;padding:.5rem .75rem;width:100%;outline:none;transition:border-color .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=time]:focus,input[type=date]:focus,select:focus{border-color:var(--accent)}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23949ba4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}#calculate-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s;align-self:flex-start;margin-top:.25rem}#calculate-btn:hover{background:var(--accent-hover)}#calculate-btn:active{transform:translateY(1px)}#results h2{font-size:1.1rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}#results h2 span{color:var(--text-primary)}.hint{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}#results-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.slot{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s,background .15s}.slot:hover{border-color:var(--accent);background:var(--bg-elevated)}.slot-time{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.slot-hint{font-size:.8rem;color:var(--text-muted)}.slot-empty{color:var(--text-muted);font-style:italic;padding:1rem 0;text-align:center}dialog{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:0;width:min(800px,95vw);max-height:85vh;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#000000bf}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h3{font-size:.9rem;font-weight:600}#modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.3rem;line-height:1;padding:0 .25rem;transition:color .15s}#modal-close:hover{color:var(--text-primary)}#modal-content{overflow-y:auto;padding:.6rem .85rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.controls-bar{display:flex;justify-content:flex-end;padding:.25rem 0 .1rem}.toggle-wrap{display:flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.toggle-wrap span{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.toggle-checkbox{display:none}.toggle-track{position:relative;width:32px;height:18px;background:var(--border);border-radius:9px;transition:background .2s;flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s}.toggle-checkbox:checked+.toggle-track{background:var(--accent)}.toggle-checkbox:checked+.toggle-track:after{transform:translate(14px);background:#fff}.tables-container{display:flex;gap:.75rem;align-items:flex-start}.table-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.table-col[hidden]{display:none}.section-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:.15rem}.format-table{display:flex;flex-direction:column;gap:.3rem}.format-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .5rem;display:flex;flex-direction:column;gap:.2rem}.format-info{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem}.format-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.format-preview{font-size:.8rem;color:var(--text-primary)}.format-code-wrap{display:flex;align-items:center;gap:.4rem;min-width:0}.format-markdown{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:Courier New,Courier,monospace;font-size:.75rem;padding:.15rem .4rem;flex:1;overflow-x:auto;white-space:nowrap;min-width:0}.copy-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:.25rem .55rem;transition:background .15s;white-space:nowrap;flex-shrink:0}.copy-btn:hover{background:var(--accent-hover)}.copy-btn.copied{background:var(--success)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}