.language-switcher{display:inline-flex;align-items:center;justify-content:center;position:relative;width:5.6rem;min-width:5.6rem;height:2.3rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast) ease,background-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.language-switcher:hover{border-color:var(--border-strong);background:var(--bg-secondary);transform:none;box-shadow:var(--shadow)}.language-switcher:active,.language-switcher:focus,.language-switcher:focus-visible{transform:none}.language-switcher__thumb{position:absolute;top:.2rem;bottom:.2rem;left:.2rem;width:calc(50% - .2rem);border-radius:999px;background:var(--primary-soft);border:1px solid rgba(var(--primary-rgb),.18);pointer-events:none;transition:transform var(--transition-fast) ease}.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%}.language-switcher__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:.88rem;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast) ease}.language-switcher__label.is-active{color:var(--primary);font-weight:700}@media (max-width: 768px){.language-switcher{width:5.2rem;min-width:5.2rem;height:2.15rem}.language-switcher__label{font-size:.86rem}}.theme-switcher{display:inline-flex;align-items:center;justify-content:center;position:relative;width:5rem;min-width:5rem;height:2.3rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast) ease,background-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.theme-switcher:hover{border-color:var(--border-strong);background:var(--bg-secondary);transform:none;box-shadow:var(--shadow)}.theme-switcher:active,.theme-switcher:focus,.theme-switcher:focus-visible{transform:none}.theme-switcher__thumb{position:absolute;top:.2rem;bottom:.2rem;left:.2rem;width:calc(50% - .2rem);border-radius:999px;background:var(--primary-soft);border:1px solid rgba(var(--primary-rgb),.18);pointer-events:none;transition:transform var(--transition-fast) ease}.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%}.theme-switcher__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:.95rem;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast) ease;line-height:1}.theme-switcher__label.is-active{color:var(--primary);font-weight:700}@media (max-width: 768px){.theme-switcher{width:4.75rem;min-width:4.75rem;height:2.15rem}.theme-switcher__label{font-size:.9rem}}.home{padding:1rem 0}.home-hero{max-width:760px;margin:0 auto 1.75rem;text-align:center}.home-hero h1{font-size:clamp(1.15rem,1rem + .9vw,1.45rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:.45rem}.home-hero p{font-size:clamp(.82rem,.76rem + .3vw,.95rem);line-height:1.55;max-width:34rem;min-height:3.2em;margin-bottom:0;display:flex;align-items:center;justify-content:center;margin-inline:auto}.search-box{max-width:600px;margin:0 auto 1.5rem;position:relative}.search-box input{font-size:.95rem;padding:.75rem 1rem!important;width:100%}.search-box input::placeholder{padding-left:0}.categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:stretch}.category-section{margin-bottom:0;background:var(--bg-elevated);border:0;border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;min-width:0;height:100%;box-shadow:inset 0 0 0 1px var(--border),var(--shadow);background-clip:padding-box}.category-section:last-child{margin-bottom:0}.category-title{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--primary);text-align:center}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:0;width:100%;align-items:stretch}.tool-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1rem;text-decoration:none;color:var(--text);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background-color .2s ease;display:grid;grid-template-rows:60px minmax(3em,3em) minmax(4.35em,4.35em);align-items:center;text-align:center;gap:.85rem;min-height:224px;height:224px;align-content:start;width:100%;min-width:0;cursor:pointer}.tool-card h2,.tool-card h3{font-size:1.125rem;margin:0;font-weight:500;letter-spacing:.02em;min-height:3em}.tool-card p{color:var(--text-secondary);margin:0;font-size:.9rem;min-height:3.2em}.home>.container>.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tool-card:hover{border-color:var(--border-strong);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.tool-icon{margin-bottom:0;color:var(--primary);background:var(--primary-soft);border-radius:12px;padding:.75rem;width:60px;height:60px;flex-shrink:0;display:block;border-bottom:3px solid #10b981;justify-self:center;align-self:center}.tool-card h2,.tool-card h3{font-size:1.125rem;margin:0;font-weight:500;letter-spacing:.02em;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.35;text-align:center}.tool-card p{color:var(--text-secondary);margin:0;font-size:.9rem;align-self:stretch;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-secondary)}.home-articles{margin-top:2rem;padding:1.35rem;border-radius:24px;border:1px solid rgba(var(--primary-rgb),.1);background:radial-gradient(circle at top right,rgba(var(--primary-rgb),.08),transparent 24%),linear-gradient(180deg,rgba(var(--primary-rgb),.035) 0%,var(--bg-elevated) 100%);box-shadow:var(--shadow)}.home-articles__header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.home-articles__eyebrow{display:inline-flex;align-items:center;padding:.38rem .8rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.home-articles__header h2{margin-bottom:.45rem}.home-articles__header p{margin-bottom:0;max-width:40rem}.home-articles__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1rem;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-weight:700;text-decoration:none}.home-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-article-card{display:grid;gap:.7rem;padding:1rem;border-radius:18px;border:1px solid var(--border);background:var(--bg-elevated)}.home-article-card__meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--text-secondary);font-size:.86rem}.home-article-card h3{font-size:1.05rem;margin:0;line-height:1.3}.home-article-card h3 a{color:inherit;text-decoration:none}.home-article-card h3 a:hover{color:var(--primary)}.home-article-card p{margin:0;font-size:.94rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.hero h1{font-size:1.75rem}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-title{font-size:1.1rem}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home>.container>.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card h2,.tool-card h3{font-size:.95rem}.tool-card{padding:1rem;grid-template-rows:56px minmax(2.8em,2.8em) minmax(3.9em,3.9em);min-height:208px;height:208px}.tool-icon{width:56px;height:56px}.tool-card p{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.home-articles__header{flex-direction:column;align-items:stretch}.home-articles__grid{grid-template-columns:1fr}}.header{background-color:var(--bg-secondary);background-image:none;border-bottom:1px solid var(--border);padding:.95rem 0;position:sticky;top:0;z-index:100;min-height:80px;box-shadow:none;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:none;-webkit-backdrop-filter:none}.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(2px)}.logo-image{display:block;object-fit:contain;object-position:center;overflow:visible}@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:2rem 0 1.5rem;border-top:0;background-color:var(--header-bg);background-image:none;text-align:center;color:var(--text-secondary);font-size:.875rem;background-clip:padding-box}.footer:after{content:"";position:absolute;left:0;right:0;bottom:calc(-1*env(safe-area-inset-bottom,0px));height:env(safe-area-inset-bottom,0px);background:var(--header-bg);pointer-events:none}.footer a,.footer button,.footer input,.footer select,.footer textarea{-webkit-tap-highlight-color:transparent}.footer-feedback{display:flex;flex-direction:column;align-items:center;margin-bottom:1.25rem;padding:.35rem 0 .6rem;max-width:680px;margin-left:auto;margin-right:auto}.footer-links{display:flex;justify-content:center;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;border-radius:999px;border:1px solid transparent;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.footer-link:hover{color:var(--text);background:var(--bg-elevated);border-color:var(--border);transform:translateY(-1px)}.feedback-text{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.98rem;color:var(--text);margin-bottom:.75rem;font-weight:500}.feedback-icon{flex-shrink:0}.feedback-button{display:inline-block;padding:.6rem 1.1rem;background:transparent;color:var(--primary);text-decoration:none;border-radius:999px;border:1px solid var(--border);font-weight:600;font-size:.92rem;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.feedback-button:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:translateY(-1px)}.footer-copyright{margin-top:.75rem;color:var(--text-secondary);font-size:.85rem}@media (max-width: 768px){.footer{padding:1.75rem 0 1.35rem}.feedback-text{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}}.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:currentColor;opacity:.75}.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: #ffffff;--header-bg: #ffffff;--text: #0f172a;--text-secondary: #667289;--border: #e6ebf3;--border-strong: #d7dfeb;--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--error: #ef4444;--focus-ring: 0 0 0 4px rgba(var(--primary-rgb), .14);--shadow: 0 10px 24px -24px rgba(15, 23, 42, .18);--shadow-lg: 0 16px 34px -26px rgba(15, 23, 42, .22);--header-shadow: 0 10px 22px -22px rgba(15, 23, 42, .18);--countdown-card-bg: rgba(255, 255, 255, .16);--countdown-card-border: rgba(255, 255, 255, .18);--transition-fast: .14s;--transition-base: .22s;--transition-slow: .3s;--transition-ease: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{color-scheme:dark;--primary-rgb: 161, 161, 170;--primary: #a1a1aa;--primary-hover: #b5b5be;--primary-soft: rgba(var(--primary-rgb), .16);--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);--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)}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;overflow-x:hidden}.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:before{top:-5%;right:-8%;width:480px;height:480px;background:radial-gradient(circle,rgba(79,70,229,.07) 0%,transparent 70%);animation:floatBlob1 28s ease-in-out infinite}[data-theme=dark] .app-main:after{bottom:10%;left:-5%;width:520px;height:520px;background:radial-gradient(circle,rgba(14,165,233,.055) 0%,transparent 70%);animation:floatBlob2 34s ease-in-out infinite}@keyframes floatBlob1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(18px,-22px) scale(1.04)}66%{transform:translate(-12px,14px) scale(.97)}}@keyframes floatBlob2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-14px,18px) scale(1.06)}70%{transform: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:650;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{border-color:rgba(var(--primary-rgb),.12);background:linear-gradient(180deg,rgba(var(--primary-rgb),.03) 0%,var(--bg-elevated) 100%)}button.secondary: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{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:rgba(var(--primary-rgb),.88);color:#fff;box-shadow:0 14px 26px -18px #4f46e570}[data-theme=dark] button.secondary:active{background:linear-gradient(135deg,#4338ca,#1d4ed8);border-color:rgba(var(--primary-rgb),.88);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{margin-top:1rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.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;animation:pageEnter var(--transition-base) var(--transition-ease)}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@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}}