:root{--color-white:#fff;--color-black:#000;--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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--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;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;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:#2563eb40;--danger:var(--color-red-600)}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--color-black);--fg:var(--color-white);--fg-muted:var(--color-gray-500);--surface:var(--color-gray-800);--surface-subtle:#ffffff08;--border:var(--color-gray-800);--border-strong:var(--color-gray-700);--accent:var(--color-blue-500);--accent-hover:var(--color-blue-600);--focus-ring:#3b82f659;--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);-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[role=button]{cursor:pointer}a,a:visited{color:var(--color-blue-600)}.hero-figure{margin-bottom:var(--spacing-4);overflow:hidden}.hero-avatar{object-fit:cover;border:1px solid var(--color-gray-300);border-radius:var(--radius-full);width:6rem;height:6rem;margin:0 auto}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media (width>=768px){.hero-title{font-size:var(--text-5xl)}}.hero-subtitle{font-size:var(--text-lg);color:var(--color-gray-600)}@media (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{color:var(--color-blue-500);text-decoration:underline}.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;padding:var(--spacing-4);justify-content:center;align-items:center;display:flex}html.dark .index-main{background-color:var(--color-black);color:var(--color-white)}.index-container{max-width:var(--max-width-lg);text-align:center;width:100%;margin:0 auto}.index-divider{margin:var(--spacing-6) 0;border:none}.index-table{text-align:center;border-collapse:collapse;border-spacing:0;border-color:var(--color-gray-200);width:100%}.index-table-header{border-bottom:1px solid var(--color-gray-200)}.index-table-cell{padding:var(--spacing-1) 0}.page{min-height:100vh;padding:var(--spacing-16) var(--spacing-4);justify-content:center;align-items:center;display:flex}.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);margin-bottom:var(--spacing-2);line-height:1.2}.page-subtitle{color:var(--fg-muted)}@media (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{top:var(--spacing-3);right:var(--spacing-3);z-index:10;border:1px solid var(--border);border-radius:var(--radius-full);background-color:var(--bg);width:2.25rem;height:2.25rem;color:var(--fg-muted);transition:color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:fixed}.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{gap:var(--spacing-6);flex-direction:column;display:flex}.form-group{gap:var(--spacing-2);border:none;flex-direction:column;min-width:0;display:flex}.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{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input-textarea{resize:vertical;min-height:9rem;line-height:1.6}.input-mono{font-family:var(--font-family-mono);font-size:var(--text-sm)}.error-text{color:var(--danger);font-size:var(--text-sm)}.btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--radius-md);transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.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);border-color:var(--border-strong);background-color:#0000}.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{gap:var(--spacing-3);margin-top:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.result--center{text-align:center;align-items:center}.output-row{gap:var(--spacing-2);align-items:stretch;display:flex}.output-text{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);flex:1}.form-range{width:100%;accent-color:var(--accent)}.range-labels{font-size:var(--text-xs);color:var(--fg-muted);justify-content:space-between;display:flex}.checkbox-grid{gap:var(--spacing-1);grid-template-columns:1fr;display:grid}@media (width>=640px){.checkbox-grid{grid-template-columns:1fr 1fr}}.checkbox-label{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);display:flex}.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 (width>=640px){.qr-code img{width:250px;height:250px}}.timer-display-wrapper{margin-bottom:var(--spacing-8);padding:var(--spacing-8) var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.timer-display-wrapper--flash{animation:2s ease-out timer-flash}@keyframes timer-flash{0%,30%,60%,90%,to{box-shadow:none;background-color:#0000}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);letter-spacing:.02em;line-height:1}@media (width>=768px){.timer-display{font-size:5.5rem}}.timer-value{text-align:center;min-width:1.2em;display:inline-block}.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{align-items:center;gap:var(--spacing-6);flex-direction:column;display:flex}.timer-inputs,.timer-buttons{justify-content:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}.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{gap:var(--spacing-0-5);width:fit-content;margin:0 auto var(--spacing-6);padding:var(--spacing-0-5);border:1px solid var(--border-strong);border-radius:var(--radius-md);display:flex}.tab{padding:var(--spacing-1-5) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--fg-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);background-color:#0000;border:none}.tab:hover{color:var(--fg)}.tab--active{color:var(--fg);background-color:var(--surface)}.icon-btn{width:2.25rem;height:2.25rem;color:var(--fg-muted);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.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{height:100dvh;display:flex;overflow:hidden}.notes-sidebar{background-color:var(--surface-subtle);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:272px;display:flex;overflow:hidden}@media (width>=768px){.notes-sidebar{transition:margin-left var(--transition-normal), visibility var(--transition-normal)}.notes-sidebar--closed{visibility:hidden;margin-left:-272px}.notes-backdrop{display:none}}@media (width<=767px){.notes-sidebar{z-index:30;visibility:hidden;width:min(85vw,300px);transition:transform var(--transition-normal), visibility var(--transition-normal);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.notes-sidebar--open{visibility:visible;box-shadow:var(--shadow-xl);transform:none}.notes-backdrop{z-index:25;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-color:#0006;border:none;position:fixed;inset:0}.notes-backdrop.notes-sidebar--open{opacity:1;pointer-events:auto}}.notes-sidebar-header{height:3.75rem;padding:0 var(--spacing-3) 0 var(--spacing-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.notes-home{font-size:var(--text-sm)}.notes-list{min-height:0;padding:0 var(--spacing-2) var(--spacing-4);flex:1;list-style:none;overflow-y:auto}.notes-item{margin-bottom:var(--spacing-0-5);border-radius:var(--radius-md);transition:background-color var(--transition-fast);position:relative}.notes-item:hover,.notes-item--active{background-color:var(--surface)}.notes-item-select{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);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;display:flex}.notes-item-select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.notes-item-title,.notes-item-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{top:50%;right:var(--spacing-1);opacity:0;position:absolute;transform:translateY(-50%)}.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{flex-direction:column;flex:1;min-width:0;display:flex}.notes-toolbar{height:3.75rem;padding:0 var(--spacing-3);flex-shrink:0;align-items:center;display:flex}.notes-page{width:100%;max-width:44rem;min-height:0;padding:0 var(--spacing-6);flex-direction:column;flex:1;margin:0 auto;display:flex}.notes-title,.notes-body{width:100%;color:var(--fg);background:0 0;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{min-height:0;padding:var(--spacing-2) 0 var(--spacing-8);resize:none;flex:1;font-size:1.0625rem;line-height:1.75}.notes-empty{justify-content:center;align-items:center;gap:var(--spacing-4);color:var(--fg-muted);flex-direction:column;flex:1;display:flex}.notes-status{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;flex-shrink:0}.social-results{gap:var(--spacing-8);margin-top:var(--spacing-8);flex-direction:column;display:flex}.social-images-notice{justify-content:space-between;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.social-section-title{margin-bottom:var(--spacing-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.social-muted{color:var(--fg-muted);font-size:var(--text-sm)}.social-upper{color:var(--fg-muted);font-size:var(--text-xs);text-transform:uppercase}.social-clamp-1,.social-clamp-2,.social-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.social-clamp-1{-webkit-line-clamp:1}.social-clamp-2{-webkit-line-clamp:2}.social-clamp-3{-webkit-line-clamp:3}.social-image{aspect-ratio:1.91;object-fit:cover;background-color:var(--surface);width:100%;display:block}.social-image--empty{color:var(--fg-muted);font-size:var(--text-sm);background-color:var(--surface);justify-content:center;align-items:center;display:flex}.social-favicon{border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;width:1rem;height:1rem}span.social-favicon{background-color:var(--surface)}.social-card{border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden}.social-card-body{gap:var(--spacing-0-5);padding:var(--spacing-3);background-color:var(--surface-subtle);border-top:1px solid var(--border);flex-direction:column;display:flex}.social-card-title{font-weight:var(--font-weight-semibold);line-height:1.3}.social-linkedin{border-radius:var(--radius-lg)}.social-google{gap:var(--spacing-1);flex-direction:column;display:flex}.social-google-site{align-items:center;gap:var(--spacing-3);display:flex}.social-google-site .social-favicon{width:1.75rem;height:1.75rem;padding:var(--spacing-1);border:1px solid var(--border);border-radius:var(--radius-full)}.social-google-name{font-size:var(--text-sm)}.social-google-url{font-size:var(--text-xs);color:var(--fg-muted);word-break:break-all}.social-google-title{font-size:var(--text-xl);color:#1a0dab;line-height:1.3}html.dark .social-google-title{color:#99c3ff}.social-google-desc{font-size:var(--text-sm);color:var(--fg-muted)}.social-x-large{border:1px solid var(--border-strong);border-radius:var(--radius-xl);position:relative;overflow:hidden}.social-x-overlay{bottom:var(--spacing-3);left:var(--spacing-3);max-width:calc(100% - var(--spacing-6));padding:0 var(--spacing-1);font-size:var(--text-xs);color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-sm);background-color:#000000c4;position:absolute;overflow:hidden}.social-x-from{margin-top:var(--spacing-1)}.social-x--small{border:1px solid var(--border-strong);border-radius:var(--radius-xl);display:flex;overflow:hidden}.social-x-thumb{aspect-ratio:1;object-fit:cover;border-right:1px solid var(--border-strong);flex-shrink:0;width:8rem}.social-x-body{justify-content:center;gap:var(--spacing-0-5);min-width:0;padding:var(--spacing-3);flex-direction:column;display:flex}.social-x-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.social-chat{gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-left:4px solid var(--border-strong);flex-direction:column;display:flex}.social-chat--discord{max-width:27rem;padding:var(--spacing-3) var(--spacing-4);background-color:var(--surface);border-left-color:var(--fg-muted);border-radius:var(--radius-sm)}.social-chat-site{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);display:flex}.social-chat--discord .social-chat-site{font-size:var(--text-xs);font-weight:var(--font-weight-normal);color:var(--fg-muted)}.social-chat-title{font-weight:var(--font-weight-semibold);color:var(--accent)}.social-chat-desc{font-size:var(--text-sm)}.social-chat-image{max-width:100%;max-height:16rem;margin-top:var(--spacing-1);border-radius:var(--radius-md);display:block}.social-chat-image.social-image--empty{display:none}.social-tags{width:100%;font-size:var(--text-sm);border-collapse:collapse}.social-tags td{padding:var(--spacing-1-5) var(--spacing-2);vertical-align:top;border-bottom:1px solid var(--border)}.social-tags-key{font-family:var(--font-family-mono);white-space:nowrap;color:var(--fg-muted)}.social-tags-value{word-break:break-word}.social-missing{color:var(--danger)}