:root{--brand-name:"Peek And Do";--brand-description:"Everyday Tools";--brand-slogan:"Peek Smarter. Do Better.";--brand-headline:"Useful Tools & Calculators for Everyday Life";--brand-supporting-copy:"Simple, practical tools to calculate, convert, plan, and get things done.";--brand-blue:#4285f4;--brand-coral:#ff705b;--brand-yellow:#ffc857;--brand-mint:#43c6ac;--brand-purple:#8066e9;--brand-gray:#6b7280;--color-mascot-blue:#4285f4;--color-mascot-coral:#ff705b;--color-accent-yellow:#ffc857;--color-accent-mint:#43c6ac;--color-accent-purple:#8066e9;--color-neutral-gray:#6b7280;--mascot-peeky-surface:#4285f414;--mascot-peeky-border:#4285f433;--mascot-doyy-surface:#ff705b14;--mascot-doyy-border:#ff705b33;--character-peeky-color:var(--brand-blue);--character-peeky-tint:#6ba1f8;--character-peeky-subtle:#4285f41a;--character-doyy-color:var(--brand-coral);--character-doyy-tint:#ff8f7d;--character-doyy-subtle:#ff705b1a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--font-regular:400;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0f;--shadow-search:0 12px 32px -4px #4285f426, 0 4px 12px -2px #0f172a0f;--bg-page:#fff;--bg-gradient:none;--bg-surface:#f8fafc;--bg-surface-elevated:#fff;--bg-surface-hover:#f1f5f9;--bg-surface-active:#e2e8f0;--text-primary:#151515;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--border-hairline:#e2e8f0;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#1a5fd1;--color-brand:#1a5fd1;--color-brand-raw:#4285f4;--color-brand-hover:#154cb0;--color-brand-light:#4285f414;--color-brand-glow:#4285f440;--color-accent:#c2412d;--color-accent-raw:#ff705b;--color-accent-hover:#a83624;--color-accent-light:#ff705b14;--color-accent-glow:#ff705b40;--wordmark-blue:#1a5fd1;--wordmark-coral:#c2412d;--color-success:#18725e;--color-success-bg:#43c6ac1f;--color-success-border:#43c6ac59;--color-warning:#8a5a00;--color-warning-bg:#ffc85729;--color-warning-border:#ffc85766;--color-danger:#d9381e;--color-danger-bg:#d9381e14;--color-danger-border:#d9381e40;--color-error:var(--color-danger);--color-error-bg:var(--color-danger-bg);--color-error-border:var(--color-danger-border);--color-info:#1a5fd1;--color-info-bg:#4285f414;--color-info-border:#4285f440;--focus-ring-offset:2px;--focus-ring-color:#1a5fd1;--focus-ring:2px solid var(--focus-ring-color);--btn-primary-bg:linear-gradient(180deg, #1a5fd1 0%, #174ea6 100%);--btn-primary-hover-bg:linear-gradient(180deg, #1856bd 0%, #154696 100%);--btn-primary-active-bg:#154696;--btn-primary-text:#fff;--btn-primary-shadow:0 3px 0 #123c82, 0 4px 10px #174ea640;--btn-primary-focus:0 0 0 3px #1a5fd159;--btn-secondary-bg:var(--bg-surface);--btn-secondary-border:var(--border-subtle);--btn-secondary-hover-bg:var(--bg-surface-hover);--btn-secondary-hover-border:var(--border-strong);--btn-secondary-text:var(--text-primary);--btn-action-bg:#c2412d;--btn-action-hover-bg:#a83624;--btn-action-text:#fff;--form-input-bg:var(--bg-surface);--form-input-border:var(--border-subtle);--form-input-border-hover:var(--border-strong);--form-input-border-focus:var(--color-brand);--form-input-text:var(--text-primary);--form-input-placeholder:var(--text-muted);--form-input-ring:0 0 0 3px var(--color-brand-glow);--card-bg:var(--bg-surface);--card-bg-elevated:var(--bg-surface-elevated);--card-border:var(--border-subtle);--card-border-hover:var(--border-strong);--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-md)}[data-theme=dark]{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009, 0 8px 10px -6px #00000080;--shadow-search:0 16px 36px -4px #4285f440, 0 4px 16px -2px #0009;--bg-page:#080808;--bg-gradient:none;--bg-surface:#141414;--bg-surface-elevated:#1c1c1c;--bg-surface-hover:#222;--bg-surface-active:#2a2a2a;--text-primary:#f2f2f2;--text-secondary:#a0a0a0;--text-muted:#8a8a8a;--text-inverse:#080808;--border-hairline:#262626;--border-subtle:#262626;--border-strong:#383838;--border-focus:#6ba1f8;--color-brand:#6ba1f8;--color-brand-raw:#4285f4;--color-brand-hover:#82b1ff;--color-brand-light:#4285f426;--color-brand-glow:#6ba1f859;--color-accent:#ff705b;--color-accent-raw:#ff705b;--color-accent-hover:#ff8f7d;--color-accent-light:#ff705b26;--color-accent-glow:#ff705b59;--mascot-peeky-surface:#4285f426;--mascot-peeky-border:#6ba1f84d;--mascot-doyy-surface:#ff705b26;--mascot-doyy-border:#ff705b4d;--wordmark-blue:#6ba1f8;--wordmark-coral:#ff705b;--color-success:#43c6ac;--color-success-bg:#43c6ac26;--color-success-border:#43c6ac59;--color-warning:#ffc857;--color-warning-bg:#ffc85726;--color-warning-border:#ffc85759;--color-danger:#ff705b;--color-danger-bg:#ff705b26;--color-danger-border:#ff705b59;--color-error:var(--color-danger);--color-error-bg:var(--color-danger-bg);--color-error-border:var(--color-danger-border);--color-info:#6ba1f8;--color-info-bg:#4285f426;--color-info-border:#4285f459;--focus-ring-color:#6ba1f8;--btn-primary-bg:linear-gradient(180deg, #1a5fd1 0%, #174ea6 100%);--btn-primary-hover-bg:linear-gradient(180deg, #1856bd 0%, #154696 100%);--btn-primary-active-bg:#154696;--btn-primary-text:#fff;--btn-primary-shadow:0 3px 0 #123c82, 0 4px 10px #00000080;--btn-primary-focus:0 0 0 3px #6ba1f866;--btn-action-bg:#ff705b;--btn-action-hover-bg:#ff8f7d;--btn-action-text:#0f172a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;user-select:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight)}table{border-collapse:collapse;border-spacing:0}.skip-link{top:-100px;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-brand);color:var(--text-inverse);font-weight:var(--font-semibold);font-size:var(--text-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:top var(--transition-fast);position:absolute}.skip-link:focus{top:var(--space-4);outline:3px solid var(--text-primary)}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-wrapper{background-image:var(--bg-gradient);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:1200px;padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.container-narrow{width:100%;max-width:680px;padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.glass-panel{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}[inert]{pointer-events:none!important;user-select:none!important}#home-shell[data-search-state=focused] .state-hide-on-focus{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast);transform:translateY(8px)}#home-shell[data-search-state=default] .state-hide-on-focus{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--transition-normal), visibility var(--transition-normal), transform var(--transition-normal);transform:translateY(0)}#home-shell[data-search-state=focused] .search-hero-container{transition:transform var(--transition-normal);transform:translateY(-24px)}@media (width<=640px){#home-shell[data-search-state=focused] .search-hero-container{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){#home-shell[data-search-state=focused] .state-hide-on-focus,#home-shell[data-search-state=default] .state-hide-on-focus,#home-shell[data-search-state=focused] .search-hero-container,#home-shell[data-search-state=default] .search-hero-container,.skip-link,.tool-pill,.category-tool-link,.footer-link,.control-btn{transition:none!important;animation:none!important;transform:none!important}}.btn-primary{padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--btn-primary-text);background:var(--btn-primary-bg);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-primary:hover{background:var(--btn-primary-hover-bg)}.btn-primary:focus-visible{box-shadow:var(--btn-primary-focus);outline:none}.btn-secondary{padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--btn-secondary-text);background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border)}.btn-action{padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--btn-action-text);background:var(--btn-action-bg);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-action:hover{background:var(--btn-action-hover-bg)}.result-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-fast), border-color var(--transition-fast)}.result-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.form-input{width:100%;padding:var(--space-2-5) var(--space-3-5);font-size:var(--text-base);color:var(--form-input-text);background:var(--form-input-bg);border:1.5px solid var(--form-input-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--form-input-placeholder)}.form-input:focus-visible{border-color:var(--form-input-border-focus);box-shadow:var(--form-input-ring);outline:none}.badge-success{padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-warning{padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-danger{padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-full);align-items:center;display:inline-flex}