.language-switcher{display:inline-flex;align-items:center;justify-content:center;position:relative;width:5.4rem;min-width:5.4rem;height:2.2rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast) ease,opacity var(--transition-fast) ease}.language-switcher:hover{border-color:var(--border-strong)}.language-switcher:active{transform:scale(.98)}.language-switcher:focus-visible{outline:none;box-shadow:var(--focus-ring)}.language-switcher__thumb{position:absolute;top:.2rem;bottom:.2rem;left:.2rem;width:calc(50% - .2rem);border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border);pointer-events:none;transition:transform var(--transition-fast) cubic-bezier(.22,1,.36,1)}.language-switcher.is-en .language-switcher__thumb{transform:translate(100%)}.language-switcher__labels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;gap:0}.language-switcher__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:.8rem;font-weight:500;letter-spacing:.03em;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast) ease;padding:.25rem 0}.language-switcher__label.is-active{color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.language-switcher{width:5rem;min-width:5rem;height:2.05rem}.language-switcher__label{font-size:.78rem}}.theme-switcher{display:inline-flex;align-items:center;justify-content:center;position:relative;width:5.4rem;min-width:5.4rem;height:2.2rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast) ease,opacity var(--transition-fast) ease}.theme-switcher:hover{border-color:var(--border-strong)}.theme-switcher:active{transform:scale(.98)}.theme-switcher:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-switcher__thumb{position:absolute;top:.2rem;bottom:.2rem;left:.2rem;width:calc(50% - .2rem);border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border);pointer-events:none;transition:transform var(--transition-fast) cubic-bezier(.22,1,.36,1)}.theme-switcher.is-dark .theme-switcher__thumb{transform:translate(100%)}.theme-switcher__labels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;gap:0}.theme-switcher__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:.8rem;font-weight:500;letter-spacing:.03em;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast) ease;padding:.25rem 0}.theme-switcher__label.is-active{color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.theme-switcher{width:5rem;min-width:5rem;height:2.05rem}.theme-switcher__label{font-size:.78rem}}.home{padding:1.5rem 0 2rem}.home-hero{max-width:640px;margin:0 auto 2.5rem;text-align:center;position:relative}.home-hero:before{content:"";position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:480px;height:280px;background:radial-gradient(ellipse at 50% 0%,rgba(var(--primary-rgb),.09) 0%,transparent 70%);pointer-events:none;z-index:0}.home-hero>*{position:relative;z-index:1}.home-hero h1{font-size:clamp(1.6rem,1rem + 2.2vw,2.2rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:.75rem;font-weight:800;color:var(--text)}.home-hero p{font-size:clamp(.9rem,.8rem + .4vw,1.05rem);line-height:1.65;color:var(--text-secondary);max-width:34rem;margin-inline:auto;margin-bottom:1.25rem;min-height:5em}.home-trust{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:0}.home-trust-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;font-weight:500;box-shadow:var(--shadow);white-space:nowrap}.home-trust-badge svg{flex-shrink:0;color:var(--primary);opacity:.85}.categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;align-items:stretch}.category-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;min-width:0;height:100%;box-shadow:var(--shadow);transition:border-color var(--transition-base) ease,box-shadow var(--transition-base) ease}.category-section:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.category-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:1.1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.01em;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.category-title svg{color:var(--primary);flex-shrink:0;opacity:.9}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:0;width:100%;align-items:stretch}.tool-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.1rem 1rem;text-decoration:none;color:var(--text);transition:border-color var(--transition-base) ease,transform var(--transition-base) ease,box-shadow var(--transition-base) ease;display:grid;grid-template-rows:52px minmax(2.5em,3em) minmax(3.8em,4.2em);align-items:center;text-align:center;gap:.7rem;min-height:210px;height:210px;align-content:start;width:100%;min-width:0;cursor:pointer}.tool-card:hover{border-color:var(--primary);background:var(--card-bg);transform:translateY(-2px);box-shadow:0 6px 20px -10px rgba(var(--primary-rgb),.45)}.tool-card:focus-visible{outline:none;box-shadow:var(--focus-ring),0 6px 20px -10px rgba(var(--primary-rgb),.45);border-color:var(--primary)}.tool-icon{margin:0 auto;color:var(--primary);background:var(--primary-soft);border-radius:12px;padding:.7rem;width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -2px 0 var(--icon-accent);transition:background var(--transition-base) ease,box-shadow var(--transition-base) ease}.tool-card:hover .tool-icon{background:rgba(var(--primary-rgb),.11);box-shadow:inset 0 -2px 0 var(--icon-accent),0 4px 12px -4px rgba(var(--primary-rgb),.3)}.tool-card h2,.tool-card h3{font-size:.95rem;margin:0;font-weight:600;letter-spacing:.01em;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;align-self:stretch;line-height:1.4;text-align:center;color:var(--text)}.tool-card p{color:var(--text-secondary);margin:0;font-size:.83rem;align-self:stretch;line-height:1.55;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-align:center}.home>.container>.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-secondary)}.home-articles{margin-top:2.5rem;padding:1.5rem;border-radius:24px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow)}.home-articles__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.home-articles__eyebrow{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;border:1px solid rgba(var(--primary-rgb),.15)}.home-articles__header>div{flex:1;min-width:0}.home-articles__header h2{font-size:1.15rem;font-weight:700;margin-bottom:.35rem;color:var(--text)}.home-articles__header p{margin-bottom:0;max-width:38rem;font-size:.88rem;color:var(--text-secondary);line-height:1.55}.home-articles__link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem 1rem;border-radius:12px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:border-color var(--transition-fast) ease,color var(--transition-fast) ease,background var(--transition-fast) ease,transform var(--transition-fast) ease}.home-articles__link:hover{border-color:var(--primary);color:var(--primary);background:var(--bg);transform:translateY(-1px)}.home-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.home-article-card{display:grid;gap:.6rem;padding:1rem;border-radius:16px;border:1px solid var(--border);background:var(--bg);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease,transform var(--transition-fast) ease}.home-article-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.home-article-card__meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--text-secondary);font-size:.8rem}.home-article-card h3{font-size:.95rem;margin:0;line-height:1.4;font-weight:600}.home-article-card h3 a{color:var(--text);text-decoration:none;transition:color var(--transition-fast) ease}.home-article-card h3 a:hover{color:var(--primary)}.home-article-card p{margin:0;font-size:.83rem;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.home{padding:1rem 0 1.5rem}.home-hero{margin-bottom:2rem}.home-hero:before{width:320px;height:200px;top:-1rem}.categories-grid{grid-template-columns:1fr;gap:1.25rem}.category-section{padding:1.25rem}.category-title{font-size:.72rem}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.home>.container>.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:.9rem .75rem;min-height:190px;height:190px;grid-template-rows:48px minmax(2.4em,2.8em) minmax(3.5em,4em);gap:.6rem}.tool-icon{width:48px;height:48px;padding:.6rem}.tool-card h2,.tool-card h3{font-size:.88rem}.tool-card p{font-size:.78rem}.home-articles__header{flex-direction:column;align-items:stretch;gap:.75rem}.home-articles__grid{grid-template-columns:1fr}.home-articles{padding:1.25rem}}.header{background-color:color-mix(in srgb,var(--bg-secondary) 92%,transparent);background-image:none;border-bottom:1px solid var(--border);padding:.95rem 0;position:sticky;top:0;z-index:100;min-height:80px;box-shadow:0 1px 0 var(--border),0 2px 8px -4px #0f172a14;will-change:auto;transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease,background-color var(--transition-fast) ease;background-clip:padding-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header a,.header button,.header input,.header select,.header textarea{-webkit-tap-highlight-color:transparent}.header-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px) auto;align-items:center;gap:1.5rem;min-height:60px}.header-content.is-compact{grid-template-columns:minmax(0,1fr) auto}.header-actions{display:inline-flex;align-items:center;gap:.75rem;justify-self:end}.header-content.is-compact .logo{min-width:0}.header-search-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;min-width:clamp(10rem,16vw,11.5rem);padding:.65rem .95rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);text-decoration:none;box-shadow:var(--shadow);transition:border-color var(--transition-fast) ease,color var(--transition-fast) ease,background-color var(--transition-fast) ease,transform var(--transition-fast) ease}.header-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.65rem .95rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);text-decoration:none;box-shadow:var(--shadow);transition:border-color var(--transition-fast) ease,color var(--transition-fast) ease,background-color var(--transition-fast) ease,transform var(--transition-fast) ease}.header-nav-link:hover,.header-search-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-secondary);transform:translateY(-1px)}.header-search-box{width:100%;position:relative;justify-self:center}.header-search-box input{font-size:.92rem;padding:.75rem 1rem!important;width:100%;border:1px solid var(--border);border-radius:14px;background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow);min-height:48px;height:48px}.header-search-box input:focus{box-shadow:var(--focus-ring),var(--shadow)}.logo{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);font-weight:600;font-size:1.25rem;transition:opacity .2s ease,transform .2s ease;min-width:0;width:100%;max-width:26rem;min-height:3.5rem;flex-shrink:0;justify-self:start;overflow:visible;padding-left:.35rem}.language-switcher{justify-self:end}.logo-wrapper{display:flex;flex-direction:column;gap:.1rem;min-height:3rem;min-width:0;justify-content:center;align-self:center}.logo-subtitle{display:block;font-size:.76rem;font-weight:400;color:var(--text-secondary);line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo:hover{opacity:.9;transform:translateY(-1px)}.logo-icon{width:3rem;height:3rem;color:var(--primary);flex-shrink:0;align-self:center;transform:translateY(5px);overflow:hidden;border-radius:8px}.logo-image{display:block;object-fit:contain;object-position:center;overflow:hidden}@media (max-width: 768px){.header-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center}.logo{min-width:auto;flex:1;max-width:none;min-height:3rem;padding-left:.2rem}.logo-icon{width:2.5rem;height:2.5rem}.header-content.is-home-search{grid-template-columns:minmax(0,1fr) auto;align-items:center}.header-actions{gap:.45rem;min-width:0}.header-search-link span,.header-nav-link span{display:none}.header-search-link{min-width:2.75rem}.header-nav-link{min-width:2.75rem;padding-left:0;padding-right:0}.header-content.is-home-search .header-search-box{display:none}.header-content.is-home-search .header-actions:before{content:"";display:inline-flex;width:2.75rem;height:2.75rem;border-radius:999px;background:var(--bg-elevated);box-shadow:var(--shadow);border:1px solid var(--border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23667289' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;flex-shrink:0}.logo-text{font-size:1.1rem}.logo-subtitle{font-size:.7rem}}.footer{margin-top:auto;flex-shrink:0;position:relative;padding:1.25rem 0 1rem;border-top:1px solid var(--border);background-color:var(--bg-secondary);text-align:center;color:var(--text-secondary);font-size:.875rem}.footer-brand{margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.footer-brand__name{display:block;font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.15rem;letter-spacing:.06em;text-transform:uppercase}.footer-brand__tagline{font-size:.78rem;color:var(--text-secondary);line-height:1.5;max-width:32rem;margin:0 auto}.footer-feedback{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;padding:0;max-width:680px;margin-left:auto;margin-right:auto}.feedback-text{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:.6rem;font-weight:500}.feedback-button{display:inline-block;padding:.6rem 1.25rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:999px;border:1px solid var(--primary);font-weight:600;font-size:.88rem;transition:background var(--transition-fast) ease,border-color var(--transition-fast) ease,transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.feedback-button:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px -4px rgba(var(--primary-rgb),.4)}.feedback-button:active{transform:translateY(0);box-shadow:none}.footer-links{display:flex;justify-content:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:500;transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease,background var(--transition-fast) ease,transform var(--transition-fast) ease}.footer-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-elevated);transform:translateY(-1px)}.footer-copyright{color:var(--text-secondary);font-size:.8rem}@media (max-width: 768px){.footer{padding:1.25rem 0 1rem}.footer-brand{margin-bottom:.85rem;padding-bottom:.85rem}.footer-brand__name{font-size:.95rem}}.breadcrumbs{padding:.4rem 0 .8rem;margin-bottom:1rem;min-height:2.5rem}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.breadcrumbs-item{display:inline-flex;align-items:center}.breadcrumbs-link{color:var(--text-secondary, #6b7280);text-decoration:none;transition:color .2s ease,background-color .2s ease;padding:.35rem .65rem;border-radius:999px}.breadcrumbs-link:hover{color:var(--primary, #3b82f6);background:var(--primary-soft);text-decoration:none}.breadcrumbs-category{color:var(--text-secondary, #6b7280)}.breadcrumbs-current{color:var(--text, #1f2937);font-weight:600;padding:.35rem .65rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border)}.breadcrumbs-separator{color:var(--text-secondary, #9ca3af);-webkit-user-select:none;user-select:none;opacity:.7}@media (max-width: 640px){.breadcrumbs{padding:.5rem 0;font-size:.8125rem}.breadcrumbs-list{gap:.375rem}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:9998;padding:1rem;background:var(--bg-elevated);border-top:1px solid var(--border);box-shadow:0 -4px 20px -8px #0f172a1a}.cookie-consent__container{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:72rem;margin:0 auto;flex-wrap:wrap}.cookie-consent__text{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);flex-wrap:wrap;justify-content:center}.cookie-consent__links{display:inline-flex;align-items:center;gap:.35rem}.cookie-consent__link{color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast) ease}.cookie-consent__link:hover{color:var(--primary-hover);text-decoration:underline}.cookie-consent__separator{color:var(--text-secondary)}.cookie-consent__button{padding:.5rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease;white-space:nowrap}.cookie-consent__button:hover{background:var(--primary-hover);transform:translateY(-1px)}.cookie-consent__button:active{transform:translateY(0)}@media (max-width: 640px){.cookie-consent__container{flex-direction:column;gap:1rem;text-align:center}.cookie-consent__text{flex-direction:column;gap:.35rem}}.tool-page-shell{display:grid;gap:1.25rem}.tool-page-hero{display:grid;gap:.55rem;max-width:760px;align-content:start;grid-template-rows:auto minmax(2.4em,auto) minmax(3.4em,auto) auto}.tool-page-hero.is-centered{margin-inline:auto;text-align:center}.tool-page-hero__eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tool-page-hero:not(.has-eyebrow){grid-template-rows:minmax(2.4em,auto) minmax(3.4em,auto) auto}.tool-page-hero:not(.has-note){grid-template-rows:auto minmax(2.4em,auto) minmax(3.4em,auto)}.tool-page-hero:not(.has-eyebrow):not(.has-note){grid-template-rows:minmax(2.4em,auto) minmax(3.4em,auto)}.tool-page-hero__eyebrow:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#22c55e}.tool-page-hero__title{margin:0;min-height:2.28em;display:flex;align-items:flex-start;justify-content:center}.tool-page-hero__subtitle,.tool-page-hero__note{margin:0}.tool-page-hero.has-subtitle .tool-page-hero__subtitle,.tool-page-hero.has-note .tool-page-hero__note{max-width:46rem;margin-inline:auto;text-wrap:balance;align-self:start}@media (min-width: 769px){.tool-page-hero.has-subtitle .tool-page-hero__subtitle,.tool-page-hero.has-note .tool-page-hero__note{min-height:3.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}.tool-page-hero.has-eyebrow{padding-top:.1rem}.tool-page-layout{display:grid;gap:1rem}.tool-page-layout--split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.tool-page-panel{display:grid;gap:1rem;padding:1.1rem;border-radius:20px;border:0;background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--border),var(--shadow);background-clip:padding-box}.tool-page-panel--subtle{background:var(--bg-secondary)}.tool-page-controls,.tool-page-result{min-width:0}.tool-page-help,.tool-page-related{display:grid;gap:1rem}.tool-section-heading{display:grid;gap:.35rem;margin-bottom:.25rem}.tool-section-heading h2,.tool-section-heading p{margin:0}.tool-help-prose{color:var(--text)}.tool-help-prose>*+*{margin-top:1rem}.tool-help-prose ul,.tool-help-prose ol{margin-left:1.5rem;padding-left:.25rem;line-height:1.8}.tool-help-prose p{color:var(--text)}.tool-help-heading{font-size:1.5rem;margin-bottom:1rem}.tool-help-subheading{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.75rem}.tool-inline-icon{margin-right:.5rem;vertical-align:middle}@media (max-width: 768px){.tool-page-shell{gap:1rem}.tool-page-layout--split{grid-template-columns:1fr}.tool-page-panel{padding:1rem}}.random-number-page{display:grid;gap:1rem}.random-number-hero{display:grid;gap:.45rem;max-width:720px;margin:0 auto .25rem;text-align:center}.random-number-hero__title{margin:0;font-size:clamp(1.5rem,1.34rem + .75vw,1.95rem);line-height:1.14;letter-spacing:-.02em}.random-number-hero__title-wrap{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;max-width:100%}.random-number-hero__icon{flex-shrink:0;align-self:center;transform:translateY(.01em)}.random-number-hero__title-text{min-width:0}.random-number-hero__subtitle{margin:0 auto;max-width:42rem;line-height:1.65;min-height:3.3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@media (max-width: 768px){.random-number-page{gap:.85rem}.random-number-hero{margin-bottom:.1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--primary-rgb: 79, 70, 229;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: rgba(var(--primary-rgb), .08);--bg: #ffffff;--bg-secondary: #fbfcfe;--bg-elevated: #ffffff;--bg-tertiary: #f6f8fc;--page-gradient: radial-gradient(circle at 85% 15%, rgba(var(--primary-rgb), .07) 0%, transparent 40%), radial-gradient(circle at 15% 85%, rgba(var(--primary-rgb), .04) 0%, transparent 35%), linear-gradient(180deg, var(--bg) 0%, var(--bg-secondary) 100%);--card-bg: #f6f8fc;--header-bg: #ffffff;--text: #0f172a;--text-secondary: #667289;--border: #dce3ef;--border-strong: #c5cedf;--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--icon-accent: #059669;--error: #ef4444;--focus-ring: 0 0 0 4px rgba(var(--primary-rgb), .14);--shadow: 0 8px 20px -20px rgba(15, 23, 42, .14);--shadow-lg: 0 14px 28px -22px rgba(15, 23, 42, .18);--header-shadow: 0 8px 18px -18px rgba(15, 23, 42, .14);--countdown-card-bg: rgba(255, 255, 255, .16);--countdown-card-border: rgba(255, 255, 255, .18);--skeleton-base: #e5e7eb;--skeleton-highlight: #f3f4f6;--surface: #f9fafb;--transition-fast: .14s;--transition-base: .22s;--transition-slow: .3s;--transition-ease: cubic-bezier(.22, 1, .36, 1);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem}:root[data-theme=dark]{color-scheme:dark;--primary-rgb: 129, 140, 248;--primary: #818cf8;--primary-hover: #a5b4fc;--primary-soft: rgba(var(--primary-rgb), .1);--bg: #0f1012;--bg-secondary: #14161a;--bg-elevated: #1a1c21;--bg-tertiary: #22252b;--page-gradient: radial-gradient(1200px 520px at 12% -18%, rgba(255, 255, 255, .022), transparent 58%), radial-gradient(1100px 500px at 88% -22%, rgba(255, 255, 255, .018), transparent 55%), linear-gradient(180deg, #0d0e10 0%, #0a0b0d 100%);--card-bg: #1a1c21;--header-bg: #14161a;--text: #e5e7eb;--text-secondary: #a3a7b0;--border: #2a2d34;--border-strong: #3b3f49;--success: #67b28a;--success-soft: rgba(103, 178, 138, .18);--icon-accent: #34d399;--error: #e08787;--focus-ring: 0 0 0 4px rgba(var(--primary-rgb), .22);--shadow: 0 10px 24px -24px rgba(0, 0, 0, .86);--shadow-lg: 0 16px 34px -26px rgba(0, 0, 0, .9);--header-shadow: 0 10px 22px -22px rgba(0, 0, 0, .82);--countdown-card-bg: rgba(20, 22, 26, .9);--countdown-card-border: rgba(255, 255, 255, .06);--skeleton-base: #2a2d34;--skeleton-highlight: #3b3f49;--surface: #1a1c21}html,body{min-height:100vh;min-height:100dvh}html{background-color:var(--bg);background-image:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);background:var(--page-gradient);background-repeat:no-repeat;background-size:100% 100%;color:var(--text);line-height:1.65;overflow-y:scroll;font-size:16px;transition:color var(--transition-fast) ease}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg)}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.app-main:focus,.app-main:focus-visible{outline:none}[data-theme=dark] .app-main:before,[data-theme=dark] .app-main:after{content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(80px);z-index:0;opacity:.5}[data-theme=dark] .app-main{background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(79,70,229,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(14,165,233,.04) 0%,transparent 50%)}@keyframes floatBlob1{0%,to{transform:translate(8%) translate(0) scale(1)}33%{transform:translate(8%) translate(18px,-22px) scale(1.04)}66%{transform:translate(8%) translate(-12px,14px) scale(.97)}}@keyframes floatBlob2{0%,to{transform:translate(-8%) translate(0) scale(1)}40%{transform:translate(-8%) translate(-14px,18px) scale(1.06)}70%{transform:translate(-8%) translate(10px,-8px) scale(.95)}}::selection{background:rgba(var(--primary-rgb),.2)}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.tool-container{max-width:760px;margin:0 auto;padding:1.75rem 1rem 2.25rem;width:100%;box-sizing:border-box}h1{font-size:clamp(2rem,1.7rem + 1vw,2.6rem);font-weight:700;margin-bottom:.65rem;color:var(--text);line-height:1.15;letter-spacing:-.025em}h2{font-size:clamp(1.35rem,1.25rem + .55vw,1.75rem);font-weight:600;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}p{color:var(--text-secondary);margin-bottom:1.35rem;font-size:1rem;line-height:1.75}a{color:inherit}.skip-link{position:absolute;left:1rem;top:1rem;z-index:300;padding:.7rem 1rem;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);transform:translateY(-160%);transition:transform var(--transition-fast) ease}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}input[type=text],input[type=email],input[type=search],input[type=number],input[type=date],input[type=datetime-local],textarea,select{width:100%;max-width:100%;padding:.875rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-elevated);color:var(--text);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease,background-color var(--transition-fast) ease,transform var(--transition-fast) ease;min-height:56px;height:56px;box-sizing:border-box;flex-shrink:0;flex-grow:0;box-shadow:var(--shadow)}input[type=date],input[type=datetime-local]{appearance:none;-webkit-appearance:none;-moz-appearance:none}input[type=file]{width:100%;max-width:100%;padding:.6rem .75rem;font-size:.95rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-elevated);color:var(--text);min-height:56px;box-sizing:border-box;box-shadow:var(--shadow);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease,background-color var(--transition-fast) ease}input[type=file]::file-selector-button{margin-right:.75rem;padding:.55rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}input[type=file]::file-selector-button:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}input[type=color]{width:100%;max-width:100%;height:56px;min-height:56px;padding:.35rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-elevated);box-shadow:var(--shadow);cursor:pointer}input[type=range]{width:100%;max-width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.08))}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.08))}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;margin-top:-6px;border:2px solid var(--bg-elevated);background:var(--primary);box-shadow:0 6px 14px -10px #0f172a73}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid var(--bg-elevated);background:var(--primary);box-shadow:0 6px 14px -10px #0f172a73}input[type=range]:focus-visible{box-shadow:none}select{padding-right:3rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}input::placeholder,textarea::placeholder{color:var(--text-secondary)}input[type=checkbox]{width:18px;height:18px;min-height:18px;cursor:pointer}textarea{height:auto;min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:var(--focus-ring),var(--shadow)}button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.9rem 1.35rem;font-size:1rem;font-weight:600;border:1px solid transparent;border-radius:14px;cursor:pointer;min-height:52px;line-height:1.2;text-align:center;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease,opacity var(--transition-fast) ease;background:var(--primary);color:#fff;box-shadow:var(--shadow)}button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0)}button.secondary{color:var(--primary);border-color:rgba(var(--primary-rgb),.12);background:linear-gradient(180deg,rgba(var(--primary-rgb),.03) 0%,var(--bg-elevated) 100%)}button.secondary:hover{color:var(--primary-hover);border-color:rgba(var(--primary-rgb),.24);background:linear-gradient(180deg,rgba(var(--primary-rgb),.06) 0%,var(--bg-secondary) 100%)}button.secondary:active{color:var(--primary);border-color:rgba(var(--primary-rgb),.22);background:linear-gradient(180deg,rgba(var(--primary-rgb),.05) 0%,var(--bg-secondary) 100%)}[data-theme=dark] button:hover{background:linear-gradient(135deg,#4f46e5,#2563eb);transform:translateY(-1px);box-shadow:var(--shadow-lg)}[data-theme=dark] button:active{background:linear-gradient(135deg,#4338ca,#1d4ed8);transform:translateY(0)}[data-theme=dark] button.secondary:hover{background:linear-gradient(135deg,#4f46e5,#2563eb);border-color:transparent;color:#fff;box-shadow:0 14px 26px -18px #4f46e570}[data-theme=dark] button.secondary:active{background:linear-gradient(135deg,#4338ca,#1d4ed8);border-color:transparent;color:#fff;transform:translateY(0);box-shadow:0 14px 26px -18px #4f46e570}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-group{display:flex;gap:.85rem;flex-wrap:wrap;align-items:stretch;margin-top:.25rem}.btn-group>button,.btn-group>a{min-width:clamp(10rem,18vw,12rem);justify-content:center}.field{margin-bottom:1rem;width:100%}.field label{display:block;margin-bottom:.55rem;font-weight:600;color:var(--text);font-size:.95rem}.field label input[type=checkbox]{width:auto;height:auto;min-height:auto;margin:0;margin-right:.5rem;flex-shrink:0;flex-grow:0;cursor:pointer}.field input,.field select,.field textarea{width:100%;max-width:100%}.result-box{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:1.5rem;margin:1.5rem 0;box-shadow:var(--shadow)}.result-box.success{background:var(--success-soft);border-color:var(--success)}.surface-panel{background:var(--bg-elevated);border:0;border-radius:18px;box-shadow:inset 0 0 0 1px var(--border),var(--shadow);padding:1rem;background-clip:padding-box}.surface-panel--subtle{background:var(--bg-secondary)}.status-panel{padding:1rem;border-radius:16px;border:1px solid transparent;line-height:1.65}.status-panel--error{background:#ef444414;border-color:#ef44442e;color:var(--text)}.status-panel--notice{background:var(--bg-secondary);border-color:var(--border);color:var(--text-secondary)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.meta-item{display:grid;gap:.25rem}.meta-item strong{color:var(--text)}.meta-item-value{font-size:.9rem;color:var(--text-secondary);line-height:1.6;word-break:break-word}.stack-list{display:flex;flex-direction:column;gap:1rem}.inline-link{color:var(--primary);word-break:break-all}.seo-share-button{background:#25d366;color:#fff}.seo-share-button:hover{background:#1fb758}.seo-audit-pro-section{margin-bottom:2rem}.seo-audit-pro-list-item{padding:.75rem 0;display:flex;align-items:flex-start;gap:.75rem}.seo-audit-pro-list-icon{font-size:1.25rem;flex-shrink:0}.seo-audit-pro-list-text{color:var(--text);line-height:1.65}.seo-audit-pro-list{margin-left:1.5rem;color:var(--text);line-height:1.8}.seo-audit-pro-notice{margin-top:1rem;margin-bottom:0}.inline-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(255,255,255,.32);border-top-color:currentColor;animation:spin .7s linear infinite}.button-spinner{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:1.2rem}.skeleton-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow)}.skeleton-line{display:block;width:100%;border-radius:999px;background:linear-gradient(90deg,rgba(var(--primary-rgb),.06),rgba(var(--primary-rgb),.13),rgba(var(--primary-rgb),.06));background-size:200% 100%;animation:shimmer 1.25s var(--transition-ease) infinite}.route-skeleton{min-height:clamp(420px,58svh,760px);flex:1 0 auto}.route-skeleton__container{min-height:inherit;display:grid;gap:1.25rem;padding-top:.75rem;padding-bottom:2.25rem}.route-skeleton__hero,.route-skeleton__tool,.route-skeleton__content{padding:1.5rem}.route-skeleton__hero{display:grid;gap:.85rem}.route-skeleton__eyebrow{width:7rem;height:.9rem}.route-skeleton__title{width:min(100%,26rem);height:2.5rem}.route-skeleton__subtitle{width:min(100%,32rem);height:1.1rem}.route-skeleton__tool{display:grid;gap:1.15rem}.route-skeleton__field{display:grid;gap:.55rem}.route-skeleton__label{width:9rem;height:.95rem}.route-skeleton__label--short{width:6rem}.route-skeleton__input{width:100%;height:3.4rem;border-radius:16px}.route-skeleton__input--wide{height:5.25rem;border-radius:18px}.route-skeleton__actions{display:flex;gap:.85rem;flex-wrap:wrap}.route-skeleton__button{width:12rem;height:3.25rem;border-radius:16px}.route-skeleton__button--ghost{width:8.5rem}.route-skeleton__content{display:grid;gap:.95rem}.route-skeleton__section-title{width:15rem;height:1.5rem}.route-skeleton__section-title--lower{margin-top:.45rem}.route-skeleton__paragraph{width:100%;height:1rem}.route-skeleton__paragraph--short{width:82%}.result-value{font-size:1.5rem;font-weight:600;color:var(--text);word-break:break-word}.copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:0 1rem;min-height:40px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:var(--primary);color:#fff;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease;white-space:nowrap}.copy-btn:hover{background:var(--primary-dark, #3730a3)}.copy-btn:active{transform:scale(.98)}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.copy-btn--error,.copy-btn--error:hover{background:var(--error)}.copy-btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.copy-btn--ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-secondary)}.error{color:var(--error);font-size:.875rem;margin-top:.5rem}@media (max-width: 768px){h1{font-size:1.75rem}.tool-container{padding:.5rem 1rem 1.75rem}.btn-group{flex-direction:column}button{width:100%}}.page-transition-wrapper{min-height:0;flex:1 0 auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}