:root{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-red-400: #f87171;--color-red-600: #dc2626;--color-green-300: #86efac;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Inconsolata, "Liberation Mono", "Courier New", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--max-width-sm: 28rem;--max-width-md: 32rem;--max-width-lg: 42rem;--max-width-xl: 48rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}:root{color-scheme:light;--bg: var(--color-white);--fg: var(--color-black);--fg-muted: var(--color-gray-600);--surface: var(--color-gray-100);--surface-subtle: var(--color-gray-50);--border: var(--color-gray-200);--border-strong: var(--color-gray-300);--accent: var(--color-blue-600);--accent-hover: var(--color-blue-700);--accent-fg: var(--color-white);--focus-ring: rgba(37, 99, 235, .25);--danger: var(--color-red-600)}html.dark{color-scheme:dark;--bg: var(--color-black);--fg: var(--color-white);--fg-muted: var(--color-gray-500);--surface: var(--color-gray-800);--surface-subtle: rgba(255, 255, 255, .03);--border: var(--color-gray-800);--border-strong: var(--color-gray-700);--accent: var(--color-blue-500);--accent-hover: var(--color-blue-600);--focus-ring: rgba(59, 130, 246, .35);--danger: var(--color-red-400)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--font-family-sans);color:var(--fg);background-color:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button,[role=button]{cursor:pointer}a,a:visited{color:var(--color-blue-600)}.hero-figure{overflow:hidden;margin-bottom:var(--spacing-4)}.hero-avatar{width:6rem;height:6rem;object-fit:cover;border:1px solid var(--color-gray-300);border-radius:var(--radius-full);margin:0 auto}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media(min-width:768px){.hero-title{font-size:var(--text-5xl)}}.hero-subtitle{font-size:var(--text-lg);color:var(--color-gray-600)}@media(min-width:768px){.hero-subtitle{font-size:var(--text-xl)}}html.dark .hero-subtitle{color:var(--color-gray-500)}.code-span{font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-gray-600);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--radius-md);background-color:var(--color-gray-100)}html.dark .code-span{background-color:var(--color-gray-800);color:var(--color-gray-500)}.footer-text{font-size:var(--text-xs);color:var(--color-gray-600)}.footer-link{text-decoration:underline;color:var(--color-blue-500)}.footer-separator{color:var(--color-gray-600)}html.dark .footer-text,html.dark .footer-separator{color:var(--color-gray-500)}.index-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}html.dark .index-main{background-color:var(--color-black);color:var(--color-white)}.index-container{max-width:var(--max-width-lg);width:100%;margin:0 auto;text-align:center}.index-divider{margin:var(--spacing-6) 0;border:none}.index-table{width:100%;text-align:center;border-collapse:collapse;border-spacing:0;border-color:var(--color-gray-200)}.index-table-header{border-bottom:1px solid var(--color-gray-200)}.index-table-cell{padding:var(--spacing-1) 0}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-4)}.page-container{width:100%;max-width:var(--max-width-md)}.page-container--wide{max-width:var(--max-width-lg)}.page-header{text-align:center;margin-bottom:var(--spacing-8)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-2)}.page-subtitle{color:var(--fg-muted)}@media(min-width:768px){.page-title{font-size:var(--text-4xl)}.page-subtitle{font-size:var(--text-lg)}}.page-footer{margin-top:var(--spacing-10);text-align:center;font-size:var(--text-sm)}.back-link,.back-link:visited{color:var(--accent);text-decoration:none}.back-link:hover{text-decoration:underline}.theme-toggle{position:fixed;top:var(--spacing-3);right:var(--spacing-3);z-index:10;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-full);background-color:var(--bg);color:var(--fg-muted);transition:color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{color:var(--fg);border-color:var(--border-strong)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:1.125rem;height:1.125rem}.theme-icon--sun,html.dark .theme-icon--moon{display:none}html.dark .theme-icon--sun{display:block}.form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0;border:none}.form-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}legend.form-label{margin-bottom:var(--spacing-2)}.input{width:100%;padding:var(--spacing-2) var(--spacing-3);color:var(--fg);background-color:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--fg-muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.input-textarea{min-height:9rem;line-height:1.6;resize:vertical}.input-mono{font-family:var(--font-family-mono);font-size:var(--text-sm)}.error-text{color:var(--danger);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-md);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:var(--accent-fg);background-color:var(--accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{color:var(--fg);background-color:transparent;border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--surface)}.btn-block{width:100%;padding-block:var(--spacing-3);font-size:var(--text-base)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base)}.result{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-lg)}.result--center{align-items:center;text-align:center}.output-row{display:flex;gap:var(--spacing-2);align-items:stretch}.output-text{flex:1;min-width:0;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--text-sm);word-break:break-all;background-color:var(--surface);border-radius:var(--radius-md)}.form-range{width:100%;accent-color:var(--accent)}.range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--fg-muted)}.checkbox-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-1)}@media(min-width:640px){.checkbox-grid{grid-template-columns:1fr 1fr}}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.checkbox-label:hover{background-color:var(--surface)}.checkbox-label input{width:var(--spacing-4);height:var(--spacing-4);accent-color:var(--accent);cursor:pointer}.qr-code{padding:var(--spacing-3);background-color:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-md)}.qr-code img{width:200px;height:200px}.qr-info{font-size:var(--text-sm);color:var(--fg-muted);word-break:break-all}@media(min-width:640px){.qr-code img{width:250px;height:250px}}.timer-display-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-8);padding:var(--spacing-8) var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-lg)}.timer-display-wrapper--flash{animation:timer-flash 2s ease-out}@keyframes timer-flash{0%,30%,60%,90%,to{background-color:transparent;box-shadow:none}15%,45%,75%{color:var(--accent-fg);background-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}}.timer-display{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-size:4rem;font-weight:var(--font-weight-bold);line-height:1;letter-spacing:.02em}@media(min-width:768px){.timer-display{font-size:5.5rem}}.timer-value{display:inline-block;min-width:1.2em;text-align:center}.timer-separator{opacity:.6;margin:0 .05em}.timer-display-label{margin-top:var(--spacing-2);font-size:var(--text-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.timer-controls{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6)}.timer-inputs,.timer-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-6)}.timer-buttons{gap:var(--spacing-3)}.timer-input-group{align-items:center}.timer-input{width:5rem;padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--text-xl);text-align:center}.tabs{display:flex;width:fit-content;gap:var(--spacing-0-5);margin:0 auto var(--spacing-6);padding:var(--spacing-0-5);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.tab{padding:var(--spacing-1-5) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--fg-muted);background-color:transparent;border:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.tab:hover{color:var(--fg)}.tab--active{color:var(--fg);background-color:var(--surface)}.icon-btn{flex-shrink:0;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);background:transparent;border:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast)}.icon-btn:hover{color:var(--fg);background-color:var(--surface)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn svg{width:1.125rem;height:1.125rem}.icon-btn--sm{width:1.75rem;height:1.75rem}.icon-btn--sm svg{width:.875rem;height:.875rem}.notes{display:flex;height:100vh;height:100dvh;overflow:hidden}.notes-sidebar{display:flex;flex-direction:column;flex-shrink:0;width:272px;background-color:var(--surface-subtle);border-right:1px solid var(--border);overflow:hidden}@media(min-width:768px){.notes-sidebar{transition:margin-left var(--transition-normal),visibility var(--transition-normal)}.notes-sidebar--closed{margin-left:-272px;visibility:hidden}.notes-backdrop{display:none}}@media(max-width:767px){.notes-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:30;width:min(85vw,300px);transform:translate(-100%);visibility:hidden;transition:transform var(--transition-normal),visibility var(--transition-normal)}.notes-sidebar--open{transform:none;visibility:visible;box-shadow:var(--shadow-xl)}.notes-backdrop{position:fixed;inset:0;z-index:25;background-color:#0006;border:none;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.notes-backdrop.notes-sidebar--open{opacity:1;pointer-events:auto}}.notes-sidebar-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:3.75rem;padding:0 var(--spacing-3) 0 var(--spacing-4)}.notes-home{font-size:var(--text-sm)}.notes-list{list-style:none;flex:1;min-height:0;overflow-y:auto;padding:0 var(--spacing-2) var(--spacing-4)}.notes-item{position:relative;margin-bottom:var(--spacing-0-5);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.notes-item:hover,.notes-item--active{background-color:var(--surface)}.notes-item-select{display:flex;flex-direction:column;gap:var(--spacing-0-5);width:100%;padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);text-align:left;color:var(--fg);background:transparent;border:none;border-radius:var(--radius-md)}.notes-item-select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.notes-item-title,.notes-item-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-item-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.notes-item--active .notes-item-title{font-weight:var(--font-weight-semibold)}.notes-item-preview{font-size:var(--text-xs);color:var(--fg-muted)}.notes-item-delete{position:absolute;top:50%;right:var(--spacing-1);transform:translateY(-50%);opacity:0}.notes-item:hover .notes-item-delete,.notes-item-delete:focus-visible{opacity:1}.notes-item-delete:hover{color:var(--danger)}@media(hover:none){.notes-item-delete{opacity:.6}}.notes-editor{display:flex;flex-direction:column;flex:1;min-width:0}.notes-toolbar{display:flex;align-items:center;flex-shrink:0;height:3.75rem;padding:0 var(--spacing-3)}.notes-page{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:44rem;margin:0 auto;padding:0 var(--spacing-6)}.notes-title,.notes-body{width:100%;color:var(--fg);background:transparent;border:none;outline:none}.notes-title::placeholder,.notes-body::placeholder{color:var(--fg-muted);opacity:.6}.notes-title{padding:var(--spacing-4) 0 var(--spacing-3);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:1.2}.notes-body{flex:1;min-height:0;padding:var(--spacing-2) 0 var(--spacing-8);font-size:1.0625rem;line-height:1.75;resize:none}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);flex:1;color:var(--fg-muted)}.notes-status{flex-shrink:0;padding:var(--spacing-2) var(--spacing-4) var(--spacing-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--fg-muted);text-align:center}