.section-title{font-size:clamp(1.3rem, 2vw, 1.5rem);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-title i{color:var(--color-brand)}.section-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.card-title-link{color:inherit;text-decoration:none;transition:color 0.2s}.card-title-link:hover{color:var(--color-brand-strong)}.card-title-link:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-focus);outline-offset:3px}section.content-section{padding:clamp(40px, 5vw, 56px) 0;scroll-margin-top:calc(var(--navbar-height, 60px) + 16px)}section.content-section:nth-child(even){background:var(--color-surface)}.bg-surface-subtle{background:var(--color-surface-subtle)!important}section.content-section:nth-child(odd){background:var(--color-surface)}.section-animate{opacity:0;transform:translateY(12px);transition:opacity 0.4s ease-out,transform 0.4s var(--transition-smooth)}.section-animate.is-visible{opacity:1;transform:translateY(0)}.tool-card{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px;transition:border-color 0.2s ease,background-color 0.2s ease;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.tool-card::before{content:none;position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);opacity:.35;transition:opacity 0.35s}.tool-card:hover{background:var(--color-surface-subtle);border-color:var(--color-brand-border);box-shadow:none}.tool-card:hover::before{opacity:1}.tool-card .tool-logo{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-card);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);font-size:1.35rem;color:var(--color-brand);transition:transform 0.3s var(--transition-smooth)}.tool-card:hover .tool-logo{transform:none}.tool-card .tool-logo img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.tool-card h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-1)}.tool-card h3 a{color:var(--color-text)}.tool-card h3 a:hover{color:var(--color-brand-strong)}.tool-card p{font-size:.88rem;color:var(--color-text-secondary);flex:1;margin-bottom:var(--space-2)}.tool-card .tool-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);padding-top:14px}.tool-card .views{font-size:var(--font-size-caption);color:var(--color-text-muted)}.tool-rating-summary{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-caption);gap:var(--space-0-5);white-space:nowrap}.tool-rating-summary i{color:var(--color-warning)}.tool-rating-summary strong{color:var(--color-text)}.prompt-card{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px;transition:border-color 0.2s ease,background-color 0.2s ease;height:100%;position:relative}.prompt-card:hover{background:var(--color-surface-subtle);border-color:var(--color-brand-border);box-shadow:none;transform:none}.prompt-card .prompt-tool{display:inline-block;font-size:var(--font-size-caption);font-weight:600;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-accent-vivid-soft);color:var(--color-accent);margin-bottom:12px}.prompt-metadata{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:12px}.prompt-metadata span{align-items:center;background:var(--color-surface-muted);border-radius:var(--radius-pill);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-caption);gap:5px;line-height:1.35;max-width:100%;padding:4px 10px}.prompt-metadata .prompt-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-card h3{font-size:1rem;font-weight:600;margin-bottom:10px}.prompt-card h3 a{color:var(--color-text)}.prompt-card .prompt-text{font-size:.85rem;color:var(--color-text-secondary);background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:14px;margin-bottom:14px;font-family:'Courier New',monospace;max-height:100px;overflow:hidden;border:1px solid var(--color-border)}.prompt-preview{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden;position:relative}.prompt-preview::after{background:linear-gradient(to bottom,transparent,var(--color-surface-subtle));bottom:37px;content:'';height:34px;left:0;pointer-events:none;position:absolute;right:0}.prompt-preview__text{color:var(--color-text-secondary);font-family:'Courier New',monospace;font-size:.85rem;line-height:1.6;max-height:104px;overflow:hidden;padding:14px;white-space:pre-wrap}.prompt-preview__detail{align-items:center;background:var(--color-surface-subtle);border-top:1px solid var(--color-border);display:flex;font-size:var(--font-size-caption);font-weight:700;gap:5px;justify-content:flex-end;min-height:38px;padding:6px 12px;position:relative;text-decoration:underline;text-underline-offset:2px;z-index:1}.prompt-card .prompt-actions{display:flex;justify-content:space-between;align-items:center}.btn-copy{background:var(--color-brand-action);color:var(--color-on-brand-action);border:none;padding:7px 18px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px;min-height:44px}.btn-copy:hover{background:var(--color-brand-action-hover);transform:scale(1.03)}.btn-copy.copied{background:var(--color-success-action)}.copy-count{font-size:var(--font-size-caption);color:var(--color-text-muted)}.letter-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:30px;justify-content:center}.letter-nav a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all 0.2s}.letter-nav a:hover,.letter-nav a.active{background:var(--color-brand-action);color:var(--color-on-brand-action);border-color:var(--color-brand)}.term-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;margin-bottom:var(--space-2);transition:all 0.2s}.term-card:hover{border-color:var(--color-brand)}.term-card h3{font-size:1.1rem;font-weight:600;color:var(--color-brand-strong);margin-bottom:var(--space-1)}.term-card p{font-size:.9rem;color:var(--color-text-secondary);margin:0}.badge-free,.badge-freemium,.badge-paid{align-items:center;background:#fff0;display:inline-flex;flex-shrink:0;font-size:var(--font-size-badge,.75rem);font-weight:600;justify-content:center;letter-spacing:.01em;line-height:1.25;max-width:100%;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.badge-free{color:var(--color-success)}.badge-freemium{color:var(--color-warning)}.badge-paid{color:var(--color-danger)}.badge-free.small,.badge-freemium.small,.badge-paid.small,small.badge-free,small.badge-freemium,small.badge-paid{font-size:var(--font-size-badge-sm,.7rem);padding:0}.badge-tag{align-items:center;background:var(--color-brand-soft);border:1px solid var(--color-brand-border-soft);border-radius:var(--radius-pill);color:var(--color-brand-strong);display:inline-flex;font-size:var(--font-size-caption);font-weight:500;justify-content:center;line-height:1.25;padding:3px 10px;transition:all 0.2s;white-space:nowrap}.badge-tag:hover{background:var(--color-brand-border);color:var(--color-brand-strong)}.btn-yz{align-items:center;background:#fff0;border:1px solid #fff0;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-1);justify-content:center;min-height:40px;padding:.5rem 1.125rem;text-decoration:none;transition:background-color 0.2s,border-color 0.2s,box-shadow 0.2s,color 0.2s,transform 0.2s}.btn-yz:active{transform:scale(.97);transition:transform var(--duration-instant) var(--ease-out)}.btn-yz--primary{background:var(--gradient-brand);box-shadow:var(--shadow-brand);color:var(--color-on-brand-action)}.btn-yz--primary:hover,.btn-yz--primary:focus-visible{transform:translateY(-2px);color:var(--color-on-brand-action);box-shadow:var(--shadow-brand)}.btn-yz--secondary,.btn-yz--neutral{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-yz--secondary:hover,.btn-yz--secondary:focus-visible,.btn-yz--secondary.active{background:var(--color-brand-soft);border-color:var(--color-border-strong);color:var(--color-brand-strong)}.btn-yz--neutral:hover,.btn-yz--neutral:focus-visible{background:var(--color-surface-muted);color:var(--color-text)}.btn-yz--outline{background:#fff0;border:1px solid var(--color-border);color:var(--color-text)}.btn-yz--outline:hover,.btn-yz--outline:focus-visible{background:var(--color-brand-soft);border-color:var(--color-brand);color:var(--color-brand-strong)}.btn-yz--ghost{background:#fff0;border:1px solid #fff0;color:var(--color-text-secondary)}.btn-yz--ghost:hover,.btn-yz--ghost:focus-visible{background:var(--color-surface-muted);color:var(--color-text)}.btn-yz.is-armed{color:var(--color-on-danger);background:var(--color-danger-action);border-color:var(--color-danger-action)}.btn-yz--danger{background:var(--color-danger-action);color:var(--color-on-danger)}.btn-yz--danger:hover,.btn-yz--danger:focus-visible{background:var(--color-danger-action-hover);color:var(--color-on-danger)}.btn-yz--soft{background:var(--color-brand-soft);color:var(--color-brand-strong)}.btn-yz--soft:hover,.btn-yz--soft:focus-visible{background:var(--color-brand-soft-strong);color:var(--color-brand-strong)}.btn-yz--icon{border-radius:var(--radius-md);flex:0 0 40px;padding:0;width:40px}.btn-yz--block{width:100%}.btn-yz:disabled,.btn-yz[aria-disabled="true"]{cursor:not-allowed;opacity:.62;pointer-events:none;transform:none}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;margin-bottom:var(--space-3)}.tool-filter-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2)}.tool-filter-label{align-items:center;color:var(--color-text);display:inline-flex;font-size:var(--font-size-caption);font-weight:700;gap:6px;margin-right:var(--space-1)}.tool-filter-count{align-items:center;background:var(--color-brand-action);border-radius:var(--radius-pill);color:var(--color-on-brand-action);display:inline-flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.tool-filter-clear{align-items:center;display:inline-flex;font-size:var(--font-size-caption);gap:6px;margin-left:auto;min-height:44px;padding:0 var(--space-1);text-decoration:underline;text-underline-offset:3px}.tool-results-summary{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-caption);gap:var(--space-1) var(--space-2);margin:0 0 var(--space-3)}.tool-results-summary strong{color:var(--color-text)}.tool-results-summary span+span{border-left:1px solid var(--color-border);padding-left:var(--space-2)}.tool-filter-mobile-bar{display:none}.tool-niche-strip{margin:var(--space-1) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.tool-niche-strip__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.tool-niche-strip__title{display:flex;align-items:center;gap:var(--space-1);margin:0 0 var(--space-0-5);font-size:var(--font-size-lead);color:var(--color-text)}.tool-niche-strip__head p{max-width:62ch;margin:0;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.tool-niche-strip__all{flex:0 0 auto;font-size:var(--font-size-caption);font-weight:600;white-space:nowrap}.tool-niche-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.tool-niche-card{display:flex;gap:var(--space-1);height:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.tool-niche-card:hover,.tool-niche-card:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);color:var(--color-text)}.tool-niche-card__logo{display:inline-flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary)}.tool-niche-card__logo img{width:100%;height:100%;object-fit:contain}.tool-niche-card__body{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.tool-niche-card__name{font-weight:600;line-height:1.3}.tool-niche-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:var(--font-size-caption);line-height:1.45;color:var(--color-text-secondary)}.tool-niche-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-0-5) var(--space-1);margin-top:auto;font-size:var(--font-size-caption)}.tool-niche-card__price{color:var(--color-text-muted);font-weight:600;white-space:nowrap}.tool-niche-card__foundation{display:flex;gap:var(--space-0-5);min-width:0;max-width:100%;color:var(--color-text-muted)}.tool-niche-card__foundation-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-niche-card__foundation-more{flex:0 0 auto;font-weight:600}.tool-niche-intro{display:flex;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-surface-subtle);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.tool-niche-intro p{margin:0}.tool-niche-intro strong{color:var(--color-text)}@media (max-width:991.98px){.tool-niche-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.tool-niche-strip{padding:var(--space-2)}.tool-niche-strip__head{flex-direction:column;gap:var(--space-1)}.tool-niche-strip__grid{grid-template-columns:minmax(0,1fr)}}.tool-filter-sheet{background:var(--color-surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);margin:auto;max-width:560px;padding:0;width:calc(100% - var(--space-4))}.tool-filter-sheet::backdrop{background:var(--color-backdrop-strong)}.tool-filter-sheet__form{display:grid;gap:var(--space-3);padding:var(--space-3)}.tool-filter-sheet__header{align-items:flex-start;display:flex;justify-content:space-between}.tool-filter-sheet__header h2{font-size:var(--font-size-title-sm);margin:0}.tool-filter-sheet__header p{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:var(--space-0-5) 0 0}.tool-filter-fieldset{border:0;display:grid;gap:var(--space-1);margin:0;padding:0}.tool-filter-fieldset--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-filter-fieldset--grid legend{grid-column:1 / -1}.tool-filter-fieldset legend{font-size:var(--font-size-body);font-weight:700;margin-bottom:var(--space-1)}.tool-filter-fieldset label{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-1);min-height:44px;padding:8px 12px}.tool-filter-fieldset label:has(input:checked){background:var(--color-brand-soft);border-color:var(--color-brand);color:var(--color-brand-strong);font-weight:600}.tool-filter-fieldset input{accent-color:var(--color-brand);height:20px;width:20px}.tool-filter-sheet__actions{display:grid;gap:var(--space-1);grid-template-columns:1fr 2fr}.btn-yz--run{background:var(--color-shape-btn-bg);color:var(--color-shape-btn-text);border:1px solid var(--color-brand-action-hover);font-weight:600;transition:all var(--duration-fast) var(--ease-out)}.btn-yz--run:hover{background:var(--color-shape-btn-bg-hover);border-color:var(--color-brand-action-active);color:var(--color-shape-btn-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-yz--run:active{transform:translateY(0)}.yz-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.3;white-space:nowrap;flex-shrink:0;color:var(--color-text);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.yz-tag .bi{color:var(--color-text-muted)}.yz-tag--md{padding:.375rem .75rem;font-size:.75rem;color:var(--color-text-secondary)}.yz-tag--brand{color:var(--color-brand-strong);background:var(--color-brand-soft);border-color:var(--color-brand-border-soft)}.yz-tag--info{color:var(--color-info);background:var(--color-info-soft);border-color:var(--color-info-border)}.yz-tag--warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:var(--color-warning-border)}.yz-tag--success{color:var(--color-success);background:var(--color-success-soft);border-color:var(--color-success-border)}.yz-tag--muted{color:var(--color-text-secondary);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.filter-dropdown{position:relative;display:inline-block}.filter-dropdown-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s;text-decoration:none;min-height:44px;white-space:nowrap}.filter-dropdown-toggle:hover{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-faint)}.filter-dropdown-toggle.has-active{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-soft)}.filter-dropdown-toggle .bi-chevron-down{font-size:var(--font-size-caption);transition:transform 0.2s}.filter-dropdown.open .filter-dropdown-toggle .bi-chevron-down{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);z-index:50;padding:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}.filter-dropdown-menu--scroll{max-height:min(60vh, 420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.filter-dropdown--end .filter-dropdown-menu{left:auto;right:0}.filter-dropdown.open .filter-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.filter-dropdown-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 10px;font-size:.9rem;font-weight:500;line-height:1.3;color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--duration-fast);white-space:nowrap}.filter-dropdown-item:hover{background:var(--color-brand-faint);color:var(--color-text)}.filter-dropdown-item:focus-visible{background:var(--color-brand-faint);box-shadow:inset 0 0 0 1px var(--color-brand-border);outline:none}.filter-dropdown-item.active{color:var(--color-text);font-weight:650}.filter-dropdown-item.active::after{border-bottom:2px solid var(--color-brand);border-right:2px solid var(--color-brand);content:'';flex-shrink:0;height:10px;margin:-3px 4px 0 auto;transform:rotate(45deg);width:5px}.filter-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:500;color:var(--color-text-secondary);background:#fff0;border:1px solid #fff0;border-radius:var(--radius-pill);text-decoration:none;transition:all 0.2s;cursor:pointer}.filter-pill:hover{color:var(--color-text);background:var(--color-brand-faint)}.filter-pill.active{color:var(--color-brand);background:var(--color-brand-soft);border-color:var(--color-brand-border);font-weight:600}.newsletter-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.newsletter-privacy{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:1.55;margin:calc(var(--space-2) * -1) auto var(--space-3);max-width:620px}.newsletter-privacy a{color:inherit;text-decoration:underline;text-underline-offset:2px}.newsletter-privacy--footer{margin:calc(var(--space-1) * -1) 0 var(--space-2)}.newsletter-form{display:flex;gap:0;max-width:420px;margin:0 auto;width:100%}.newsletter-form input{flex:1;background:var(--color-surface-subtle);border:1px solid var(--color-control-border);color:var(--color-text);padding:9px 16px;border-radius:var(--radius-pill) 0 0 var(--radius-pill);outline:none;font-size:.9rem;min-height:42px;min-width:0}.newsletter-form .btn-yz{border-radius:0 var(--radius-pill) var(--radius-pill) 0;box-shadow:none;flex:0 0 auto;min-height:42px;padding-inline:16px}.newsletter-form input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft);position:relative;z-index:1}.footer-yz{background:var(--gradient-section-mesh),var(--color-surface);border-top:1px solid var(--color-border);padding:40px 0 20px;position:relative}.footer-brand{align-items:center;display:inline-flex;flex-direction:column;gap:12px;justify-content:center;line-height:1.2;text-align:center;width:100%}.footer-brand-mark{align-items:center;display:flex;justify-content:center;width:100%}.footer-brand-logo{display:inline-block;height:48px;width:48px;object-fit:contain}.footer-brand-logo.brand-logo--dark{display:none}html[data-theme='dark'] .footer-brand-logo.brand-logo--light{display:none}html[data-theme='dark'] .footer-brand-logo.brand-logo--dark{display:inline-block}.footer-brand-title{align-items:center;display:flex;justify-content:center;width:100%}.footer-brand-text{height:24px;width:auto;object-fit:contain;vertical-align:middle}.footer-brand-text.brand-text--dark{display:none}html[data-theme='dark'] .footer-brand-text.brand-text--light{display:none}html[data-theme='dark'] .footer-brand-text.brand-text--dark{display:inline-block}.footer-description{font-size:.9rem;line-height:1.6;margin-bottom:var(--space-2);margin-inline:auto;max-width:320px;text-align:center}.footer-imprint{display:flex;justify-content:center;margin-top:var(--space-2)}.footer-contact-link{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;text-decoration:none;transition:color 0.15s ease}.footer-contact-link:hover,.footer-contact-link:focus-visible{color:var(--color-brand)}.footer-contact-link i{color:var(--color-brand);font-size:.95rem}.footer-heading{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.footer-yz ul{list-style:none;padding:0}.footer-yz ul li{margin-bottom:var(--space-1)}.footer-yz ul li a{color:var(--color-text-secondary);font-size:.88rem;text-decoration:none;position:relative;transition:color 0.2s,transform 0.2s}.footer-yz ul li a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-brand);transition:width 0.3s ease}.footer-yz ul li a:hover{color:var(--color-brand-strong);transform:translateX(3px)}.footer-yz ul li a:hover::after{width:100%}.footer-bottom{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:20px;text-align:center;font-size:.82rem;color:var(--color-text-muted)}.footer-machine-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:0 0 6px;font-size:.76rem}.footer-machine-links a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;min-height:24px}.footer-machine-links a:hover{color:var(--color-brand-strong)}.social-links{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;margin:0;padding:0}.social-links__item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);display:inline-flex;font-size:1rem;height:38px;justify-content:center;text-decoration:none;transition:background-color 0.2s,border-color 0.2s,color 0.2s,transform 0.2s;width:38px}.social-links__item:hover,.social-links__item:focus-visible{background:var(--color-brand-faint);border-color:var(--color-border-strong);color:var(--color-brand-strong);transform:translateY(-2px)}.social-links__item--linkedin:hover,.social-links__item--linkedin:focus-visible{color:var(--color-linkedin)}.footer-yz .footer-social{justify-content:center;margin-top:var(--space-2)}.footer-yz .footer-social li{margin:0}.footer-yz .footer-social .social-links__item{color:var(--color-text-secondary);font-size:1rem}.footer-yz .footer-social .social-links__item::after{content:none}.footer-yz .footer-social .social-links__item:hover{transform:translateY(-2px)}html[data-theme='dark'] .social-links__item:hover,html[data-theme='dark'] .social-links__item:focus-visible{color:var(--color-brand-light)}html[data-theme='dark'] .social-links__item--linkedin:hover,html[data-theme='dark'] .social-links__item--linkedin:focus-visible{color:var(--color-linkedin)}.btn-yz--linkedin{background:var(--color-linkedin);border-color:var(--color-linkedin);color:var(--color-on-linkedin)}.btn-yz--linkedin:hover,.btn-yz--linkedin:focus-visible{background:var(--color-linkedin-hover);border-color:var(--color-linkedin-hover);color:var(--color-on-linkedin);transform:translateY(-2px)}.social-feed{align-items:stretch;display:grid;gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}.social-post{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1rem 1rem .85rem;position:relative;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s}.social-post:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}.social-post__head{align-items:center;display:flex;gap:.65rem;min-width:0}.social-post__avatar{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:50%;display:inline-flex;flex:0 0 40px;height:40px;justify-content:center;overflow:hidden;width:40px}.social-post__avatar img{height:26px;object-fit:contain;width:26px}.social-post__author{display:flex;flex:1 1 auto;flex-direction:column;line-height:1.25;min-width:0}.social-post__author strong{color:var(--color-text);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-post__author a{color:var(--color-text-muted);font-size:.78rem;text-decoration:none}.social-post__author a:hover,.social-post__author a:focus-visible{color:var(--color-text);text-decoration:underline}.social-post__mark{color:var(--color-linkedin);flex:0 0 auto;font-size:1.15rem}.social-post__pin{color:var(--color-text-muted);flex:0 0 auto;font-size:.85rem}.social-post__text{color:var(--color-text);font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}.social-post__text p{margin:0 0 .6em}.social-post__text p:last-child{margin-bottom:0}.social-post__text a{color:var(--color-linkedin);text-decoration:none}.social-post__text a:hover,.social-post__text a:focus-visible{text-decoration:underline}.social-post__text.is-clamped{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}.social-post__text.is-clamped p{display:inline}.social-post__text.is-clamped p+p::before{content:' '}.social-post__more{align-self:flex-start;background:none;border:0;color:var(--color-text-secondary);cursor:pointer;font-size:.84rem;font-weight:600;margin-top:-.4rem;padding:0}.social-post__more:hover,.social-post__more:focus-visible{color:var(--color-text);text-decoration:underline}.social-post__media{aspect-ratio:4 / 5;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:block;min-height:0;overflow:hidden;position:relative}.social-post__media-img{display:block;height:100%;object-fit:contain;position:relative;transition:transform 0.4s var(--ease-out);width:100%}.social-post__media-backdrop{filter:blur(22px) saturate(1.1);height:100%;inset:0;object-fit:cover;opacity:.55;position:absolute;transform:scale(1.2);width:100%}.social-post__media:hover .social-post__media-img{transform:scale(1.03)}.social-post__play{align-items:center;background:var(--color-mask-soft);border-radius:50%;color:var(--color-on-dark);display:flex;font-size:1.6rem;height:52px;inset:0;justify-content:center;margin:auto;position:absolute;width:52px}.social-post__doc{aspect-ratio:4 / 5;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.social-post__doc-track{display:flex;flex:1 1 auto;min-height:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.social-post__doc-track::-webkit-scrollbar{display:none}.social-post__doc-track:focus-visible{outline:2px solid var(--color-linkedin);outline-offset:-2px}.social-post__doc-page{display:block;flex:0 0 100%;height:100%;object-fit:contain;scroll-snap-align:start;width:100%}.social-post__doc-nav{align-items:center;background:var(--color-mask-soft);border:0;border-radius:50%;color:var(--color-on-dark);cursor:pointer;display:flex;font-size:1rem;height:34px;justify-content:center;padding:0;position:absolute;top:calc((100% - 2.2rem) / 2);transform:translateY(-50%);transition:opacity 0.2s;width:34px}.social-post__doc-nav[hidden]{display:none}.social-post__doc-nav:disabled{cursor:default;opacity:0}.social-post__doc-nav--prev{left:8px}.social-post__doc-nav--next{right:8px}.social-post__doc-nav:not(:disabled):hover,.social-post__doc-nav:focus-visible{background:var(--color-mask-opaque)}.social-post__doc-bar{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;font-size:.78rem;gap:.6rem;justify-content:space-between;min-height:2.2rem;padding:.35rem .7rem}.social-post__doc-title{color:var(--color-text);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-post__doc-count{color:var(--color-text-muted);flex:0 0 auto;font-variant-numeric:tabular-nums}.social-post__foot{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--space-1);justify-content:space-between;margin-top:auto;padding-top:.7rem}.social-post__stats{color:var(--color-text-muted);display:inline-flex;font-size:.8rem;gap:.85rem}.social-post__stats i{margin-right:2px}.social-post__open{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.82rem;font-weight:600;gap:4px;margin-left:auto;text-decoration:none;white-space:nowrap}.social-post__open:hover,.social-post__open:focus-visible{color:var(--color-linkedin)}.home-social-accounts{justify-content:center;margin-top:var(--space-3)}@media (max-width:1199px){.social-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.social-post{padding:.9rem .9rem .75rem}.social-post__doc-track{overflow-x:hidden}.home-social-follow{display:none}.home-social-accounts{margin-top:var(--space-2)}}.page-hero{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:28px 0 24px;text-align:left}.page-header-component{overflow:hidden;position:relative}.page-header-component>.container{position:relative}.page-header-component>.container::after{background:var(--color-brand);bottom:-24px;content:'';height:2px;left:calc(var(--bs-gutter-x, 1.5rem) * 0.5);position:absolute;width:72px}.page-header-component__breadcrumb{margin-bottom:var(--space-2)}.page-header-component__main{align-items:flex-end;display:flex;gap:var(--space-3);justify-content:space-between}.page-header-component__copy{max-width:760px}.page-header-component h1{align-items:center;display:flex;font-family:var(--font-family-body);font-size:clamp(1.65rem, 2.7vw, 2.25rem);font-weight:800;gap:12px;letter-spacing:-.035em;line-height:1.15;margin:0 0 7px}.page-header-component h1 i{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-brand);display:inline-flex;flex:0 0 34px;font-size:.95rem;height:34px;justify-content:center;width:34px}.page-header-component p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7;margin:0 0 10px}.page-header-component__count{color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-caption);font-weight:600}.page-header-component__action{flex:0 0 auto}.page-header-component--opensource{background-image:radial-gradient(var(--color-blueprint-dot) 1px,transparent 1.2px);background-position:0 0;background-size:16px 16px}.page-header-component--opensource>.container::after{background:var(--color-brand-action);width:96px}.page-header-component__identity{display:flex;align-items:flex-start;gap:1.25rem;min-width:0}.page-header-component__leading{flex:0 0 auto}.detail-header{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-4)}.detail-logo{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--gradient-card);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-brand);flex-shrink:0}.detail-logo img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.avatar-initials{font-size:1.65rem;font-weight:800;letter-spacing:-.04em}.yz-pagination-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:var(--space-4)}.yz-pagination-info{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);text-align:center;margin-top:var(--space-3)}.yz-pagination-info strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.yz-pagination-info__divider{color:var(--color-text-muted)}.yz-pagination{display:flex;align-items:center;justify-content:center;gap:4px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.yz-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all 0.2s ease}.yz-page-link:hover{color:var(--color-brand);border-color:var(--color-brand);background:var(--color-brand-faint);transform:translateY(-1px)}.yz-page-link.active{color:var(--color-on-brand-action);background:var(--color-brand-action);border-color:var(--color-brand);box-shadow:var(--shadow-brand);font-weight:600}.yz-page-link.yz-page-edge{color:var(--color-text-muted);background:#fff0;border-color:#fff0;min-width:44px;height:44px;font-size:.8rem}.yz-page-link.yz-page-edge:hover{color:var(--color-brand);background:var(--color-brand-faint);border-color:#fff0}.pagination .page-link{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);margin:0 2px;font-size:.85rem;padding:6px 14px;transition:all 0.2s}.pagination .page-link:hover{background:var(--color-brand-faint);color:var(--color-brand);border-color:var(--color-brand)}.pagination .page-item.active .page-link{background:var(--color-brand-action);border-color:var(--color-brand);color:var(--color-on-brand-action);box-shadow:var(--shadow-brand)}.yz-infinite-scroll{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:var(--space-6);margin-bottom:var(--space-4);clear:both}.yz-infinite-scroll__status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.yz-infinite-scroll__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:10px 26px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.yz-infinite-scroll__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.yz-infinite-scroll__btn-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.yz-infinite-scroll__loading{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:10px 22px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.yz-infinite-scroll__spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:yzInfiniteSpin 0.7s linear infinite;flex-shrink:0}@keyframes yzInfiniteSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.yz-infinite-scroll__end{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-full)}.yz-infinite-scroll--prev{grid-column:1 / -1;flex:0 0 100%;margin-top:0;margin-bottom:1rem}.yz-infinite-scroll--prev.is-loading .yz-infinite-scroll__btn{opacity:.6;pointer-events:none}.yz-infinite-scroll__noscript{margin-top:var(--space-4);width:100%}.form-control,.form-select{background:var(--color-field-fill)!important;border:0!important;border-bottom:1.5px solid var(--color-control-border)!important;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text)!important;min-height:44px;padding:.625rem .875rem;transition:background-color var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-control:hover,.form-select:hover{border-bottom-color:var(--color-control-border-hover)!important}.form-control:focus,.form-select:focus{border-bottom-color:var(--color-focus)!important;box-shadow:inset 0 -1.5px 0 var(--color-focus)!important;color:var(--color-text)!important;outline:none}.form-control::placeholder{color:var(--color-text-muted)!important}.form-label{color:var(--color-text)!important;font-size:var(--font-size-caption);font-weight:600;margin-bottom:var(--space-1)}.form-text,.form-hint{color:var(--color-text-muted);font-size:var(--font-size-caption);margin-top:var(--space-1)}.invalid-feedback,.form-error{color:var(--color-danger);font-size:var(--font-size-caption);margin-top:var(--space-1)}.field-error{align-items:flex-start;gap:var(--space-1)}.field-error--visible{display:flex!important}.field-error__icon{flex:0 0 auto;line-height:1.4}.field-error__message:empty{display:none}.valid-feedback,.form-success{color:var(--color-success);font-size:var(--font-size-caption);margin-top:var(--space-1)}.form-control.is-invalid,.form-select.is-invalid,.form-control[aria-invalid="true"],.form-select[aria-invalid="true"]{border-bottom-color:var(--color-danger)!important}.form-control.is-invalid:focus,.form-select.is-invalid:focus,.form-control[aria-invalid="true"]:focus,.form-select[aria-invalid="true"]:focus{box-shadow:inset 0 -1.5px 0 var(--color-danger)!important}.form-control:disabled,.form-select:disabled{background:var(--color-surface-muted)!important;border-bottom-style:dashed!important;color:var(--color-text-muted)!important;cursor:not-allowed}select.yz-picker-native{border:0!important;clip-path:inset(50%);height:1px;margin:0;min-height:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;white-space:nowrap;width:1px}.yz-picker{position:relative;width:100%}.yz-picker__trigger{align-items:center;background:var(--color-field-fill);border:0;border-bottom:1.5px solid var(--color-control-border);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text);cursor:pointer;display:flex;font:inherit;gap:8px;min-height:44px;padding:.5rem .875rem;text-align:left;transition:background-color var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%}.yz-picker__trigger:hover{border-bottom-color:var(--color-control-border-hover)}.yz-picker__trigger:focus-visible,.yz-picker.is-open .yz-picker__trigger{border-bottom-color:var(--color-focus);box-shadow:inset 0 -1.5px 0 var(--color-focus);outline:none}.yz-picker__trigger.is-placeholder{color:var(--color-text-muted)}select.is-invalid+.yz-picker .yz-picker__trigger,select[aria-invalid="true"]+.yz-picker .yz-picker__trigger{border-bottom-color:var(--color-danger)}.yz-picker__trigger:disabled{background:var(--color-surface-muted);border-bottom-style:dashed;color:var(--color-text-muted);cursor:not-allowed}.yz-picker--line .yz-picker__trigger{background:#fff0;border:0;border-bottom:1px solid var(--color-border-strong);border-radius:0;font-weight:600;padding:0 2px}.yz-picker--line .yz-picker__trigger.is-placeholder{font-weight:500}.yz-picker--line .yz-picker__trigger:focus-visible,.yz-picker--line.is-open .yz-picker__trigger{border-bottom-color:var(--color-brand);box-shadow:0 1px 0 0 var(--color-brand)}select.is-invalid+.yz-picker--line .yz-picker__trigger,select[aria-invalid="true"]+.yz-picker--line .yz-picker__trigger{border-bottom-color:var(--color-danger)}.yz-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yz-picker__chevron{border-bottom:1.5px solid var(--color-text-muted);border-right:1.5px solid var(--color-text-muted);flex-shrink:0;height:7px;margin:0 4px 3px 0;transform:rotate(45deg);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast);width:7px}.yz-picker.is-open .yz-picker__chevron{border-color:var(--color-brand);margin-bottom:-3px;transform:rotate(-135deg)}.yz-picker__logo-slot{display:inline-flex;flex-shrink:0}.yz-picker__logo-slot[hidden]{display:none}.yz-picker__logo{align-items:center;background:var(--color-logo-plate);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:24px;justify-content:center;overflow:hidden;width:24px}.yz-picker__logo img{height:100%;object-fit:contain;padding:2px;width:100%}.yz-picker__list{animation:yzPickerIn var(--duration-fast) var(--ease-out);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);left:0;list-style:none;margin:0;max-height:min(320px, 50vh);overflow-y:auto;overscroll-behavior:contain;padding:6px;position:absolute;right:0;scrollbar-width:thin;text-align:left;top:calc(100% + 6px);z-index:1060}.yz-picker__list.is-up{animation-name:yzPickerInUp;bottom:calc(100% + 6px);top:auto}.yz-picker__list[hidden]{display:none}.yz-picker__list[popover]{position:fixed}.yz-picker__list:focus{outline:none}.yz-picker__group{color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:10px 10px 4px;text-transform:uppercase}.yz-picker__group:first-child{padding-top:4px}.yz-picker__option{align-items:center;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:.92rem;font-weight:500;gap:10px;line-height:1.3;min-height:40px;padding:6px 10px}.yz-picker__option.is-active{background:var(--color-brand-faint)}.yz-picker__list:focus-visible .yz-picker__option.is-active{box-shadow:inset 0 0 0 1px var(--color-brand-border)}.yz-picker__option[aria-selected="true"]{font-weight:650}.yz-picker__option[aria-disabled="true"]{cursor:not-allowed;opacity:.4}.yz-picker__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yz-picker__check{color:var(--color-brand);font-size:1rem;visibility:hidden}.yz-picker__option[aria-selected="true"] .yz-picker__check{visibility:visible}@keyframes yzPickerIn{from{opacity:0;transform:translateY(-4px)}}@keyframes yzPickerInUp{from{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.yz-picker__list{animation:none}}.yz-picker-scope{position:relative}@media (max-width:767px){.yz-picker-scope .yz-picker{position:static}.yz-picker-scope .yz-picker__list,.yz-picker-scope .yz-picker__list.is-up{animation-name:yzPickerIn;bottom:auto;margin-top:6px;top:auto}.yz-picker__trigger .yz-picker__logo{height:20px;width:20px}}.alert{border-radius:var(--radius-md);font-size:.9rem}.alert-custom{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);margin-bottom:20px;padding:14px 20px}.alert-success.alert-custom{border-left:4px solid var(--color-success)}.alert-danger.alert-custom{border-left:4px solid var(--color-danger)}.alert-success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success)}.alert-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.alert-warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning)}.app-flash-wrapper{margin-bottom:var(--space-2);margin-top:var(--space-2)}.flash-messages{display:grid;gap:var(--space-1);margin:0;max-width:none;padding:0;pointer-events:none;width:100%}.flash-messages>*{pointer-events:auto}.app-alert{align-items:flex-start;animation:app-alert-enter 220ms cubic-bezier(.16,1,.3,1) forwards;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-brand);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);display:flex;gap:12px;overflow:hidden;padding:14px 14px 14px 16px;position:relative;transition:opacity 180ms ease,transform 180ms ease}@keyframes app-alert-enter{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-alert--closing{opacity:0!important;transform:translateY(-8px) scale(.96)!important}.app-alert--success{background:var(--color-success-subtle);border-color:var(--color-success-border-soft);border-left-color:var(--color-success)}.app-alert--warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);border-left-color:var(--color-warning)}.app-alert--error{background:var(--color-danger-soft);border-color:var(--color-danger-border);border-left-color:var(--color-danger)}.app-alert--info{background:var(--color-info-soft);border-color:var(--color-info-border);border-left-color:var(--color-info)}.app-alert--success .app-alert__icon{color:var(--color-success)}.app-alert--warning .app-alert__icon{color:var(--color-warning)}.app-alert--error .app-alert__icon{color:var(--color-danger)}.app-alert--info .app-alert__icon{color:var(--color-info)}.app-alert__icon{color:var(--color-brand);flex:0 0 auto;font-size:1.25rem;line-height:1;margin-top:2px}.app-alert__content{flex:1;font-size:var(--font-size-body);line-height:1.5}.app-alert__title{color:var(--color-text);font-size:var(--font-size-body);font-weight:700;margin:0 0 2px}.app-alert__message{color:var(--color-text);margin:0}.app-alert__list{margin:4px 0 0;padding-left:20px}.app-alert__list li{margin-bottom:2px}.app-alert__action{align-self:center;background:var(--color-brand-faint);border:1px solid var(--color-brand-border-soft);border-radius:var(--radius-sm);color:var(--color-brand-strong);display:inline-flex;font-size:.82rem;font-weight:600;padding:6px 12px;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.app-alert__action:hover{background:var(--color-brand-soft);color:var(--color-brand-strong)}.app-alert__close{align-items:center;align-self:flex-start;background:#fff0;border:0;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;margin:-10px -10px -10px 0;min-height:44px;min-width:44px;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:44px}.app-alert__close:hover,.app-alert__close:focus-visible{background:var(--color-surface-muted);color:var(--color-text)}.app-alert--toast{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-surface-glass-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:14px 16px;width:min(420px, calc(100vw - 32px))}.app-alert__progress{bottom:0;height:3px;left:0;position:absolute;right:0;transform-origin:left}.app-alert--success .app-alert__progress{background:var(--color-success)}.app-alert--warning .app-alert__progress{background:var(--color-warning)}.app-alert--error .app-alert__progress{background:var(--color-danger)}.app-alert--info .app-alert__progress{background:var(--color-info)}.submission-receipt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-3);padding:clamp(24px, 4vw, 40px);position:relative}.submission-receipt__header{align-items:center;display:flex;flex-direction:column;text-align:center}.submission-receipt__icon-wrap{align-items:center;background:var(--color-success-soft);border:1px solid var(--color-success-border-soft);border-radius:50%;color:var(--color-success);display:flex;font-size:2.25rem;height:68px;justify-content:center;margin-bottom:var(--space-2);width:68px}.submission-receipt__badge{background:var(--color-success-subtle);border:1px solid var(--color-success-border-soft);border-radius:var(--radius-sm);color:var(--color-success);display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.04em;margin-bottom:var(--space-1);padding:3px 10px;text-transform:uppercase}.submission-receipt__title{color:var(--color-text);font-size:clamp(1.3rem, 2.5vw, 1.65rem);font-weight:700;line-height:1.3;margin:0 0 var(--space-1)}.submission-receipt__desc{color:var(--color-text-secondary);font-size:.95rem;line-height:1.55;margin:0;max-width:540px}.submission-receipt__details{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--space-1);padding:var(--space-2)}.submission-receipt__detail-row{align-items:center;display:flex;justify-content:space-between;padding:6px 4px}.submission-receipt__detail-row:not(:last-child){border-bottom:1px solid var(--color-border)}.submission-receipt__label{color:var(--color-text-muted);font-size:.84rem}.submission-receipt__value{color:var(--color-text);font-size:.9rem;font-weight:600}.submission-receipt__status-tag{align-items:center;background:var(--color-warning-soft);border-radius:var(--radius-sm);color:var(--color-warning);display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:2px 8px}.submission-receipt__actions{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;margin-top:var(--space-1)}.dropdown-menu{background:var(--color-surface)!important;border:1px solid var(--color-border)!important}.dropdown-item{color:var(--color-text-secondary)!important}.dropdown-item:hover,.dropdown-item:focus{background:var(--color-brand-soft)!important;color:var(--color-text)!important}.nav-tabs{border-color:var(--color-border)!important}.nav-tabs .nav-link{color:var(--color-text-secondary)!important;background:transparent!important;border-color:transparent!important;transition:all 0.2s}.nav-tabs .nav-link:hover{border-color:var(--color-border)!important;color:var(--color-text)!important}.nav-tabs .nav-link.active{color:var(--color-brand-strong)!important;background:var(--color-surface)!important;border-color:var(--color-border) var(--color-border) var(--color-surface)!important}.badge{font-weight:500}.text-muted{color:var(--color-text-muted)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}h1,h2,h3,h4,h5,h6{color:var(--color-text)}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.blog-home-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:border-color 0.2s ease,background-color 0.2s ease;text-decoration:none;color:inherit}.blog-home-card:hover{background:var(--color-surface-subtle);border-color:var(--color-brand-border);box-shadow:none;transform:none}.blog-home-image-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-dark-deep)}.blog-home-image-wrap picture{display:block;height:100%;width:100%}.blog-home-image{width:100%;height:100%;object-fit:cover;transition:none}.blog-home-card:hover .blog-home-image{transform:none}.blog-home-category-badge{position:absolute;top:12px;left:12px;background:var(--color-brand-action);color:var(--color-on-brand-action);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.4px}.blog-home-body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-home-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--color-text-muted);margin-bottom:8px}.blog-home-title{font-size:1.12rem;font-weight:700;line-height:1.4;color:var(--color-text);margin-bottom:8px;transition:color 0.2s}.blog-home-card:hover .blog-home-title{color:var(--color-brand-strong)}.blog-home-excerpt{font-size:.85rem;color:var(--color-text-secondary);line-height:1.55;margin-bottom:16px;flex:1}.blog-home-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-brand-strong);font-weight:600}.daily-term-card{background:var(--color-surface);border:1px solid var(--color-brand-border-soft);border-radius:var(--radius-lg);padding:clamp(18px, 3vw, 24px);position:relative;overflow:hidden;box-shadow:none}.daily-term-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:var(--gradient-brand)}.daily-term-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-brand-strong);background:var(--color-brand-soft);padding:4px 12px;border-radius:var(--radius-pill);margin-bottom:12px}.daily-term-title{font-size:clamp(1.4rem, 3vw, 1.9rem);font-weight:800;color:var(--color-text);margin-bottom:6px}.daily-term-en{font-size:.95rem;color:var(--color-text-muted);margin-bottom:14px}.daily-term-desc{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);max-width:800px;margin-bottom:20px}.stat-counter-card{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;transition:all 0.35s var(--transition-smooth);position:relative;overflow:hidden}.stat-counter-card::before{content:none;position:absolute;top:0;left:50%;transform:translateX(-50%);width:50%;height:3px;background:var(--gradient-brand);border-radius:0 0 4px 4px;opacity:0;transition:opacity 0.35s,width 0.35s}.stat-counter-card:hover{transform:none;border-color:var(--color-brand-border);box-shadow:none}.stat-counter-card:hover::before{opacity:1;width:80%}.stat-counter-icon{font-size:2rem;color:var(--color-brand);margin-bottom:12px;display:inline-block;transition:transform 0.3s var(--transition-bounce)}.stat-counter-card:hover .stat-counter-icon{transform:scale(1.15)}.stat-counter-number{font-size:clamp(2rem, 3.5vw, 2.75rem);font-weight:800;line-height:1;color:var(--color-text);margin-bottom:6px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-brand) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.stat-counter-label{font-size:.88rem;font-weight:600;color:var(--color-text-secondary);margin:0}.home-tools-section,.home-prompts-section{background:var(--color-surface)!important}.home-learning-section,.home-trust-section{background:var(--color-section-alt)!important}.home-section-eyebrow{color:var(--color-brand-strong);display:block;font-size:.75rem;font-weight:750;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.home-tool-grid .tool-card,.home-prompts-section .prompt-card{backdrop-filter:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;margin-bottom:0;padding:18px;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.home-tool-grid .tool-card::before,.home-prompts-section .prompt-card::before{content:none}.home-tool-grid .tool-card:active,.home-prompts-section .prompt-card:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.home-tool-grid .tool-card:hover,.home-prompts-section .prompt-card:hover{border-color:var(--color-brand-border);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.home-tool-grid .tool-card:hover .tool-logo{border-color:var(--color-brand-border);transform:scale(1.04)}}.home-tool-evidence{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;gap:6px;line-height:1.4;margin:0 0 12px}.home-tool-evidence>i{color:var(--color-success)}.home-category-block{border-top:1px solid var(--color-border);margin-top:28px;padding-top:20px}.home-subsection-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.home-subsection-heading h3{font-size:1.1rem;margin:0 0 3px}.home-subsection-heading p{color:var(--color-text-muted);font-size:.84rem;margin:0}.home-subsection-heading>a,.daily-term-all-link{color:var(--color-brand-strong);font-size:.84rem;font-weight:650;text-decoration:none}.home-subsection-heading>a:hover,.home-subsection-heading>a:focus-visible,.daily-term-all-link:hover,.daily-term-all-link:focus-visible{text-decoration:underline;text-underline-offset:3px}.home-learning-grid{align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.home-article-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-article-grid>article,.home-article-grid .blog-home-card{height:100%;min-width:0}.home-learning-section .blog-home-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.home-learning-section .blog-home-card:active{transform:scale(.99)}.blog-home-image-wrap{overflow:hidden;position:relative}.blog-home-image{transition:transform 300ms var(--ease-out)}@media (hover:hover) and (pointer:fine){.home-learning-section .blog-home-card:hover{border-color:var(--color-brand-border);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.home-learning-section .blog-home-card:hover .blog-home-image{transform:scale(1.03)}}.blog-home-image-placeholder{align-items:center;background:var(--color-surface-muted);color:var(--color-text-muted);display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.home-learning-section .blog-home-body{padding:16px}.home-learning-section .blog-home-excerpt{margin-bottom:12px}.home-learning-section .daily-term-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-editorial);border-radius:var(--radius-lg);box-shadow:none;display:flex;flex-direction:column;justify-content:center;padding:24px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.home-learning-section .daily-term-card::before{content:none}.home-learning-section .daily-term-title{font-size:clamp(1.45rem, 3vw, 2rem)}.home-learning-section .daily-term-desc{font-size:.9rem;line-height:1.65;margin-bottom:18px}.home-learning-section .daily-term-all-link{margin-top:14px}.home-prompts-section .btn-copy{transition:transform var(--duration-instant) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.home-prompts-section .btn-copy:active{transform:scale(.96)}.home-trust-layout{align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}.home-stats-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-trust-section .stat-counter-card{backdrop-filter:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;padding:18px 16px;text-align:left;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.home-trust-section .stat-counter-card::before{content:none}@media (hover:hover) and (pointer:fine){.home-trust-section .stat-counter-card:hover{border-color:var(--color-brand-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}}.home-trust-section .stat-counter-number{background:none;color:var(--color-text);font-size:clamp(1.75rem, 3vw, 2.25rem);font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.04em;line-height:1.1;margin-bottom:4px;-webkit-text-fill-color:currentColor}.home-editorial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:20px}.home-editorial-card h3{font-size:1.25rem;margin-bottom:8px}.home-editorial-card p{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:18px}.home-editorial-links{display:grid;gap:8px}.home-editorial-links a{align-items:center;border-top:1px solid var(--color-border);color:var(--color-brand-strong);display:flex;font-size:.86rem;font-weight:650;justify-content:space-between;min-height:44px;text-decoration:none;transition:color var(--duration-fast) var(--ease-out),padding-left var(--duration-fast) var(--ease-out)}.home-editorial-links a:hover,.home-editorial-links a:focus-visible{color:var(--color-brand);padding-left:4px}.autolink-term,.autolink-tool{color:var(--color-brand-strong);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color 0.15s ease,text-decoration-color 0.15s ease,background-color 0.15s ease;font-weight:550;cursor:pointer;border-radius:var(--radius-sm);padding:0 2px}.autolink-term:hover,.autolink-tool:hover,.autolink-term:focus-visible,.autolink-tool:focus-visible{color:var(--color-brand-action);text-decoration-style:solid;background-color:var(--color-brand-faint)}.hover-preview-card{position:fixed;top:0;left:0;width:320px;max-width:calc(100vw - 32px);pointer-events:none;z-index:99999;opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);transform-origin:center bottom;transition:opacity 0.18s cubic-bezier(.23,1,.32,1),transform 0.18s cubic-bezier(.23,1,.32,1),visibility 0.18s ease;will-change:opacity,transform,left,top}.hover-preview-card.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.hover-preview-card__inner{background:var(--color-surface-glass-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg),0 0 20px var(--color-brand-faint);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme="dark"] .hover-preview-card__inner{background:var(--color-surface-glass);border-color:var(--color-border-strong);box-shadow:var(--shadow-xl),var(--shadow-glow)}.hover-preview-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin-bottom:var(--space-1)}.hover-preview-card__badge{display:inline-flex;align-items:center;gap:var(--space-0-5);font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand);border:1px solid var(--color-brand-border-soft)}.hover-preview-card[data-type="tool"] .hover-preview-card__badge{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-brand-border-soft)}.hover-preview-card__extra{font-size:.7rem;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-subtle);padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--color-border)}.hover-preview-card__title-row{margin-bottom:6px}.hover-preview-card__title{font-size:.95rem;font-weight:700;color:var(--color-text);line-height:1.3;letter-spacing:-.01em}.hover-preview-card__en{display:inline-block;font-size:.75rem;color:var(--color-text-muted);font-style:italic;margin-top:2px}.hover-preview-card__desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.45;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hover-preview-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border);font-size:.72rem;font-weight:600;color:var(--color-brand)}.hover-preview-card__footer i{font-size:.7rem;transition:transform 0.15s ease}@media (prefers-reduced-motion:reduce){.hover-preview-card{transition:none!important;transform:none!important}}.scroll-top{--scroll-progress:0;--scroll-top-lift:0px;align-items:center;background:var(--color-surface);border:0;border-radius:50%;bottom:calc(24px + var(--scroll-top-lift) + env(safe-area-inset-bottom, 0px));box-shadow:var(--shadow-lg);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:1.1rem;height:46px;justify-content:center;opacity:0;padding:0;position:fixed;right:24px;transform:translateY(12px) scale(.92);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),visibility 0s linear var(--duration-normal);visibility:hidden;width:46px;z-index:80}.scroll-top::before{background:conic-gradient(var(--color-brand) calc(var(--scroll-progress) * 1turn),var(--color-border) 0);border-radius:50%;content:"";inset:0;-webkit-mask:linear-gradient(currentColor 0 0) content-box,linear-gradient(currentColor 0 0);-webkit-mask-composite:xor;mask:linear-gradient(currentColor 0 0) content-box exclude,linear-gradient(currentColor 0 0);padding:3px;pointer-events:none;position:absolute}.scroll-top i{transition:transform var(--duration-fast) var(--ease-out)}.scroll-top.is-visible{opacity:1;transform:none;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);visibility:visible}.scroll-top:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.scroll-top:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.scroll-top:hover{background:var(--color-brand-action);color:var(--color-on-brand-action)}.scroll-top:hover i{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.scroll-top,.scroll-top.is-visible,.scroll-top i{transition:none}}@media print{.scroll-top{display:none}}