.gen-nc[data-nc-mode="couple"]{--gen-brand: #ec4899;--gen-brand-strong: #db2777;--gen-brand-deep: #be185d;--gen-brand-soft: #fdf2f8;--gen-accent-2: #8b5cf6}.gen-nc[data-nc-mode="baby"]{--gen-brand: #f59e0b;--gen-brand-strong: #d97706;--gen-brand-deep: #b45309;--gen-brand-soft: #fffbeb;--gen-accent-2: #ea580c}.gen-nc[data-nc-mode="username"]{--gen-brand: #0ea5e9;--gen-brand-strong: #0284c7;--gen-brand-deep: #0369a1;--gen-brand-soft: #f0f9ff;--gen-accent-2: #2563eb}.gen-nc[data-nc-mode="word"]{--gen-brand: #10b981;--gen-brand-strong: #059669;--gen-brand-deep: #047857;--gen-brand-soft: #ecfdf5;--gen-accent-2: #0d9488}html[data-theme="dark"] .gen-nc[data-nc-mode="couple"]{--gen-brand: #f472b6;--gen-brand-strong: #ec4899;--gen-brand-deep: #db2777;--gen-brand-soft: #3b0a2a;--gen-accent-2: #a78bfa}html[data-theme="dark"] .gen-nc[data-nc-mode="baby"]{--gen-brand: #fbbf24;--gen-brand-strong: #f59e0b;--gen-brand-deep: #d97706;--gen-brand-soft: #3a2708;--gen-accent-2: #fb923c}html[data-theme="dark"] .gen-nc[data-nc-mode="username"]{--gen-brand: #38bdf8;--gen-brand-strong: #0ea5e9;--gen-brand-deep: #0284c7;--gen-brand-soft: #082f49;--gen-accent-2: #60a5fa}html[data-theme="dark"] .gen-nc[data-nc-mode="word"]{--gen-brand: #34d399;--gen-brand-strong: #10b981;--gen-brand-deep: #059669;--gen-brand-soft: #052e23;--gen-accent-2: #2dd4bf}html[data-theme="dark"] .gen-nc[data-nc-mode="baby"],html[data-theme="dark"] .gen-nc[data-nc-mode="username"],html[data-theme="dark"] .gen-nc[data-nc-mode="word"]{--gen-on-brand: #0f172a}.gen-scope{--gen-accent-2: var(--gen-brand-deep);--gen-on-brand: #fff;--gen-band: var(--gen-surface);--gen-band-alt: var(--gen-surface-2);--gen-wrap: 1120px;--gen-prose: 760px}.gen-page{width: 100%;padding: 0;margin: 0}.gen-page>.gen-scope{display: block;width: 100%}.gen-band{width: 100%;padding: 56px 0;background: var(--gen-band);border-top: 1px solid var(--gen-border)}.gen-band:first-child{border-top: 0}.gen-band-alt{background: var(--gen-band-alt)}.gen-band-hero{position: relative;padding: 44px 0 56px;border-top: 0;background: radial-gradient(60% 70% at 18% 0%,color-mix(in srgb,var(--gen-brand) 13%,transparent) 0%,transparent 70%),radial-gradient(55% 65% at 88% 12%,color-mix(in srgb,var(--gen-accent-2) 11%,transparent) 0%,transparent 70%),var(--gen-band-alt)}@supports not (background: color-mix(in srgb,red 10%,transparent)){.gen-band-hero{background: var(--gen-brand-soft)}}.gen-wrap{width: 100%;max-width: var(--gen-wrap);margin-inline: auto;padding-inline: 16px}.gen-wrap-prose{max-width: var(--gen-prose)}.gen-page .gen-intro{margin: 0 auto 28px;max-width: 720px;text-align: center}.gen-page .gen-h1{margin: 0 0 14px;font-size: clamp(1.9rem,1.2rem + 2.6vw,3.1rem);font-weight: 800;line-height: 1.1;letter-spacing: -0.022em;color: var(--gen-text-strong);text-wrap: balance}.gen-page .gen-quick{margin: 0 auto;max-width: 62ch;font-size: 1.0625rem;line-height: 1.65;color: var(--gen-text-dim);text-wrap: pretty}.gen-page .nc-tool,.gen-page .ek-stage{max-width: 860px;margin-inline: auto;padding: 26px;background: var(--gen-surface);border: 1px solid var(--gen-border);border-radius: 20px;box-shadow: 0 1px 2px rgb(15 23 42 / 0.04),0 18px 40px -24px rgb(15 23 42 / 0.26)}html[data-theme="dark"] .gen-page .nc-tool,html[data-theme="dark"] .gen-page .ek-stage{box-shadow: 0 1px 2px rgb(0 0 0 / 0.3),0 18px 40px -24px rgb(0 0 0 / 0.6)}.gen-page .nc-tool-title,.gen-page .hc-card-title,.gen-page .ek-board-title{display: flex;align-items: center;gap: 12px;margin: 0 0 20px;padding-bottom: 18px;border-bottom: 1px solid var(--gen-border);font-size: 1.0625rem;font-weight: 700;letter-spacing: -0.01em;color: var(--gen-text-strong)}.gen-page .nc-tool-title::before{content: "";flex: 0 0 auto;width: 34px;height: 34px;border-radius: 11px;background: var(--gen-brand-soft);border: 1px solid color-mix(in srgb,var(--gen-brand) 28%,transparent);box-shadow: inset 0 0 0 3px var(--gen-surface),inset 0 0 0 11px var(--gen-brand)}@supports not (background: color-mix(in srgb,red 10%,transparent)){.gen-page .nc-tool-title::before{border-color: var(--gen-brand)}}.gen-page .nc-pair{display: grid;gap: 16px;grid-template-columns: 1fr}@media (min-width: 640px){.gen-page .nc-pair{grid-template-columns: 1fr 1fr}}.gen-page .nc-label,.gen-page .hc-label{display: block;margin-bottom: 7px;font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase;color: var(--gen-text-dim)}.gen-page .nc-input,.gen-page .nc-select,.gen-page .hc-input,.gen-page .ek-search-input{width: 100%;padding: 13px 15px;font-size: 1rem;color: var(--gen-text);background: var(--gen-surface-2);border: 1px solid var(--gen-border);border-radius: 12px;transition: border-color 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease}.gen-page .nc-input:hover,.gen-page .nc-select:hover{border-color: color-mix(in srgb,var(--gen-brand) 45%,var(--gen-border))}.gen-page .nc-input:focus,.gen-page .nc-input:focus-visible,.gen-page .nc-select:focus,.gen-page .nc-select:focus-visible,.gen-page .hc-input:focus-visible,.gen-page .ek-search-input:focus-visible{outline: none;background: var(--gen-surface);border-color: var(--gen-brand);box-shadow: 0 0 0 4px color-mix(in srgb,var(--gen-brand) 22%,transparent)}@supports not (background: color-mix(in srgb,red 10%,transparent)){.gen-page .nc-input:focus-visible,.gen-page .nc-select:focus-visible,.gen-page .hc-input:focus-visible,.gen-page .ek-search-input:focus-visible{outline: 2px solid var(--gen-brand);outline-offset: 2px}}.gen-page .nc-field-shell{position: relative;display: flex;align-items: center;gap: 10px;padding-left: 12px;background: var(--gen-surface-2);border: 1px solid var(--gen-border);border-radius: 12px;transition: border-color 0.15s ease,box-shadow 0.15s ease}.gen-page .nc-field-shell:focus-within{background: var(--gen-surface);border-color: var(--gen-brand);box-shadow: 0 0 0 4px color-mix(in srgb,var(--gen-brand) 22%,transparent)}.gen-page .nc-field-shell .nc-input{border: 0;background: transparent;border-radius: 0 12px 12px 0;padding-left: 0}.gen-page .nc-field-shell .nc-input:focus,.gen-page .nc-field-shell .nc-input:focus-visible{box-shadow: none;background: transparent}.gen-page .nc-field-num{position: static;padding-left: 0;flex: 0 0 auto;font-size: 0.8125rem;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--gen-brand)}.gen-page .nc-btn,.gen-page .hc-btn,.gen-page .ek-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;font-size: 0.9375rem;font-weight: 600;line-height: 1.2;border-radius: 12px;border: 1px solid transparent;cursor: pointer;transition: transform 0.12s ease,box-shadow 0.15s ease,background-color 0.15s ease,border-color 0.15s ease}.gen-page .nc-btn-primary,.gen-page .hc-btn-primary{color: var(--gen-on-brand);background-image: linear-gradient(135deg,var(--gen-brand) 0%,var(--gen-accent-2) 100%);background-color: var(--gen-brand-strong);box-shadow: 0 10px 22px -12px color-mix(in srgb,var(--gen-brand) 85%,transparent)}.gen-page .nc-btn-primary:hover,.gen-page .hc-btn-primary:hover{transform: translateY(-1px);box-shadow: 0 14px 26px -12px color-mix(in srgb,var(--gen-brand) 95%,transparent)}.gen-page .nc-btn-primary:active,.gen-page .hc-btn-primary:active{transform: translateY(0)}.gen-page .nc-btn-ghost{color: var(--gen-text);background: var(--gen-surface);border-color: var(--gen-border)}.gen-page .nc-btn-ghost:hover{border-color: var(--gen-brand);color: var(--gen-brand-strong)}.gen-page .nc-btn-quiet{color: var(--gen-text-dim);background: transparent}.gen-page .nc-btn-quiet:hover{color: var(--gen-brand-strong)}.gen-page .nc-btn:focus-visible,.gen-page .hc-btn:focus-visible,.gen-page .ek-btn:focus-visible{outline: 2px solid var(--gen-brand);outline-offset: 2px}.gen-page .nc-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 20px;padding-top: 18px;border-top: 1px solid var(--gen-border)}.gen-page .nc-actions .nc-btn-primary{margin-inline-start: auto;order: 2}@media (max-width: 519px){.gen-page .nc-actions .nc-btn-primary{margin-inline-start: 0;width: 100%;order: 0}.gen-page .nc-actions{flex-direction: column;align-items: stretch}}.gen-page .nc-seg input:checked + .nc-seg-face,.gen-page .hc-seg input:checked + .hc-seg-face{color: var(--gen-on-brand)}.gen-page .nc-results{margin-top: 24px;padding-top: 22px;border-top: 1px solid var(--gen-border)}.gen-page .nc-results-head{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-bottom: 16px}.gen-page .nc-results-title{margin: 0;font-size: 1.0625rem;font-weight: 700;color: var(--gen-text-strong)}.gen-page .nc-results-count{padding: 3px 10px;font-size: 0.75rem;font-weight: 600;border-radius: 999px;color: var(--gen-brand-deep);background: var(--gen-brand-soft)}html[data-theme="dark"] .gen-page .nc-results-count{color: var(--gen-brand)}.gen-page .nc-results-head [data-nc-copy-all]{margin-inline-start: auto}.gen-page .nc-results-grid{display: grid;gap: 10px;grid-template-columns: repeat(auto-fill,minmax(168px,1fr))}.gen-page .nc-result{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 11px 8px 11px 14px;background: var(--gen-surface-2);border: 1px solid var(--gen-border);border-radius: 12px;transition: border-color 0.15s ease,background-color 0.15s ease,transform 0.12s ease}.gen-page .nc-result:hover{transform: translateY(-1px);background: var(--gen-surface);border-color: color-mix(in srgb,var(--gen-brand) 50%,var(--gen-border))}.gen-page .nc-result:focus-within{border-color: var(--gen-brand)}.gen-page .nc-result [data-nc-value]{font-size: 1rem;font-weight: 600;color: var(--gen-text-strong);overflow-wrap: anywhere}.gen-page .nc-result-copy{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 9px;border: 1px solid transparent;background: transparent;color: var(--gen-text-dim);cursor: pointer;transition: color 0.15s ease,background-color 0.15s ease}.gen-page .nc-result-copy:hover{color: var(--gen-brand-strong);background: var(--gen-brand-soft)}.gen-page .nc-result-copy:focus-visible{outline: 2px solid var(--gen-brand);outline-offset: 2px}.gen-page .nc-result.is-copied{border-color: var(--gen-brand);background: var(--gen-brand-soft)}.gen-page .nc-error:not(:empty){display: block;margin-top: 14px;padding: 10px 14px;font-size: 0.875rem;font-weight: 500;color: #b91c1c;background: #fef2f2;border: 1px solid #fecaca;border-radius: 10px}html[data-theme="dark"] .gen-page .nc-error:not(:empty){color: #fca5a5;background: #450a0a;border-color: #7f1d1d}.gen-page .gen-h2{margin: 0 0 14px;font-size: clamp(1.35rem,1.1rem + 1vw,1.75rem);font-weight: 700;line-height: 1.25;letter-spacing: -0.015em;color: var(--gen-text-strong)}.gen-page .gen-section + .gen-section{margin-top: 34px}.gen-page .gen-p{margin: 0 0 14px;font-size: 1rem;line-height: 1.7;color: var(--gen-text)}.gen-page .gen-p:last-child{margin-bottom: 0}.gen-page .gen-faq .gen-h2,.gen-page .gen-related .gen-h2{margin-bottom: 22px;text-align: center}.gen-page .gen-faq-list{display: grid;gap: 10px}.gen-page .gen-faq-item{background: var(--gen-surface);border: 1px solid var(--gen-border);border-radius: 12px;overflow: hidden}.gen-page .gen-faq-item[open]{border-color: color-mix(in srgb,var(--gen-brand) 45%,var(--gen-border))}.gen-page .gen-faq-q{display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 15px 18px;font-size: 0.9875rem;font-weight: 600;color: var(--gen-text-strong);cursor: pointer;list-style: none}.gen-page .gen-faq-q::-webkit-details-marker{display: none}.gen-page .gen-faq-q:focus-visible{outline: 2px solid var(--gen-brand);outline-offset: -2px}.gen-page .gen-faq-chevron{flex: 0 0 auto;width: 18px;height: 18px;color: var(--gen-text-dim);transition: transform 0.2s ease}.gen-page .gen-faq-item[open] .gen-faq-chevron{transform: rotate(180deg);color: var(--gen-brand)}.gen-page .gen-faq-a{padding: 0 18px 16px}.gen-page .gen-related-list{display: grid;gap: 12px;margin: 0;padding: 0;list-style: none;grid-template-columns: repeat(auto-fit,minmax(230px,1fr))}.gen-page .gen-related-link{display: flex;flex-direction: column;gap: 5px;height: 100%;padding: 16px 18px;text-decoration: none;background: var(--gen-surface);border: 1px solid var(--gen-border);border-radius: 14px;transition: border-color 0.15s ease,transform 0.12s ease,box-shadow 0.15s ease}.gen-page .gen-related-link:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--gen-brand) 55%,var(--gen-border));box-shadow: 0 12px 24px -18px rgb(15 23 42 / 0.5)}.gen-page .gen-related-link:focus-visible{outline: 2px solid var(--gen-brand);outline-offset: 2px}.gen-page .gen-related-name{font-size: 0.9875rem;font-weight: 700;color: var(--gen-brand-strong)}html[data-theme="dark"] .gen-page .gen-related-name{color: var(--gen-brand)}.gen-page .gen-related-text{font-size: 0.875rem;line-height: 1.55;color: var(--gen-text-dim)}.gen-page .hc-layout{display: grid;gap: 20px;grid-template-columns: 1fr;align-items: start}@media (min-width: 900px){.gen-page .hc-layout{grid-template-columns: minmax(300px,360px) minmax(0,1fr)}}.gen-page .hc-panel{display: grid;gap: 16px;align-content: start;min-width: 0}.gen-page .hc-main{display: grid;gap: 16px;min-width: 0}.gen-page .hc-card{padding: 20px;background: var(--gen-surface);border: 1px solid var(--gen-border);border-radius: 16px;box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);min-width: 0}.gen-page .hc-stage{max-width: 100%;overflow: hidden}.gen-page .hc-scroll{max-width: 100%;overflow-x: auto;overscroll-behavior-x: contain;-webkit-overflow-scrolling: touch}.gen-page .hc-table-wrap{max-width: 100%;overflow-x: auto}.gen-page .ek-board{min-width: 0}.gen-page .ek-grid{display: grid;gap: 4px;grid-template-columns: repeat(auto-fill,minmax(46px,1fr))}@media (max-width: 480px){.gen-page .ek-grid{grid-template-columns: repeat(auto-fill,minmax(40px,1fr))}}.gen-page .ek-key{display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;padding: 0;font-size: 1.5rem;line-height: 1;background: transparent;border: 1px solid transparent;border-radius: 10px;cursor: pointer;transition: background-color 0.12s ease,transform 0.12s ease}.gen-page .ek-key:hover{transform: scale(1.12);background: var(--gen-brand-soft)}.gen-page .ek-key:focus-visible{outline: 2px solid var(--gen-brand);outline-offset: 1px}.gen-page .ek-tabs{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 16px}@media (prefers-reduced-motion: reduce){.gen-page *,.gen-page *::before,.gen-page *::after{transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;scroll-behavior: auto !important}.gen-page .nc-btn-primary:hover,.gen-page .nc-result:hover,.gen-page .gen-related-link:hover,.gen-page .ek-key:hover{transform: none}}@media (max-width: 639px){.gen-band{padding: 38px 0}.gen-band-hero{padding: 28px 0 38px}.gen-page .nc-tool,.gen-page .ek-stage{padding: 18px;border-radius: 16px}.gen-page .hc-card{padding: 16px}}.gen-page .gen-badge{display: inline-flex;align-items: center;gap: 7px;margin: 0 0 16px;padding: 6px 14px;font-size: 0.78125rem;font-weight: 600;letter-spacing: 0.01em;line-height: 1.3;color: var(--gen-brand-deep);background: var(--gen-surface);border: 1px solid color-mix(in srgb,var(--gen-brand) 32%,var(--gen-border));border-radius: 999px;box-shadow: 0 1px 2px rgb(15 23 42 / 0.05)}html[data-theme="dark"] .gen-page .gen-badge{color: var(--gen-brand);background: color-mix(in srgb,var(--gen-brand) 12%,var(--gen-surface))}@supports not (background: color-mix(in srgb,red 10%,transparent)){.gen-page .gen-badge{border-color: var(--gen-brand)}html[data-theme="dark"] .gen-page .gen-badge{background: var(--gen-surface)}}.gen-page .gen-badge-dot{width: 6px;height: 6px;border-radius: 50%;background: var(--gen-brand)}.gen-scope .gen-article{padding-inline: clamp(12px,2.4vw,26px);box-sizing: border-box}