.side-panel.is-open{visibility:visible;transition:transform .3s var(--ease);transform:translate(0)!important}.menu-overlay,.search-overlay{right:0;left:auto;transform:translate(100%);box-shadow:-4px 0 15px rgba(0,0,0,.05)}[dir=rtl] .menu-overlay,[dir=rtl] .search-overlay{right:auto;left:0;transform:translate(-100%);box-shadow:4px 0 15px rgba(0,0,0,.05)}.menu-overlay a{display:block;padding:var(--sp-md) var(--sp-sm);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border);transition:all var(--dur) var(--ease)}.menu-overlay a.is-active{color:var(--brand);font-weight:700;border-inline-start:3px solid var(--brand);background:var(--brand-light)}.menu-overlay a:hover{color:var(--brand);padding-inline-start:var(--sp-md);background:var(--bg-hover)}.search-input{height:48px;padding:0 var(--sp-md);border-width:2px;border-radius:var(--radius-md);background:var(--bg-page)}.site-footer{background:var(--bg-card);padding:var(--sp-lg) 0;text-align:center;margin-top:auto}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;transition:color var(--dur) var(--ease)}.footer-links a:hover{color:var(--brand)}.copyright{font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:600px){.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.tool-card:hover{background:var(--bg-page)}.tool-card:nth-child(3n+1) .tool-card-icon{background:var(--success-light);color:var(--success)}.tool-card:nth-child(3n+2) .tool-card-icon{background:var(--brand-light);color:var(--brand)}.tool-card:nth-child(3n) .tool-card-icon{background:var(--danger-light);color:var(--danger)}.tool-card-icon{padding:var(--sp-xs);border:1px dashed rgba(92,92,92,16%);border-radius:var(--radius-sm)}.tool-card-icon svg,.icon-tool-default{width:18px;height:18px}.icon-tool-default{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 3h6v2H9zm0 8h6v2H9zM5 1H3v2H1v2h2v2h2V5h2V3H5zm2 9.4L5.6 9L4 10.6L2.4 9L1 10.4L2.6 12L1 13.6L2.4 15L4 13.4L5.6 15L7 13.6L5.4 12zm6 4.1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-5a1 1 0 1 1-2 0a1 1 0 0 1 2 0' /%3E%3C/svg%3E");display:inline-block;background-color:currentColor;opacity:.7;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tool-card-text{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.4}.content-block{font-size:var(--text-base);line-height:1.8}.content-block p{margin-bottom:var(--sp-md)}.content-block h2{color:var(--brand);padding-bottom:var(--sp-sm);border-bottom:2px solid var(--brand-light);margin-bottom:var(--sp-md)}.content-block h3{color:var(--brand);margin-bottom:var(--sp-lg);display:inline-flex;align-items:center;gap:var(--sp-sm)}.content-block a{color:var(--link);border-bottom:1px solid transparent}.content-block a:hover{border-bottom-color:var(--link)}.content-block ul{padding-inline-start:var(--sp-lg);list-style:disc;margin-bottom:var(--sp-md)}.content-block li{margin-bottom:var(--sp-xs)}.loader{position:relative;display:inline-block;color:transparent!important}.loader:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;margin-left:-9px;margin-top:-9px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(26,26,46,.4);z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-dialog-content{width:90%;max-width:450px;animation:slideUp .3s var(--ease);margin:0;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-modal{padding:var(--sp-xs);border-radius:var(--radius-sm);transition:background var(--dur)}.close-modal:hover{background:var(--bg-hover);color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a:not(.btn,.logo):hover{color:var(--brand)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}}.self-center{align-self:center}.flex-1{flex:1}.w-100{width:100%}.relative{position:relative}.mt-sm{margin-top:var(--sp-sm)}.mt-lg{margin-top:var(--sp-lg)}.mb-xl{margin-bottom:var(--sp-xl)}.p-md{padding:var(--sp-md)}.logo:hover{color:#fff}.btn.header-btn:hover,.btn.hamburger:hover{transform:none}.side-panel{transition:transform .3s var(--ease),visibility 0s linear .3s;overflow-y:auto;padding:var(--sp-lg)}.overlay-backdrop{transition:opacity .3s var(--ease)}.overlay-backdrop.is-active{opacity:1;pointer-events:auto}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs a:hover{background:var(--bg-hover);color:var(--brand)}.btn{transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}.btn:hover{box-shadow:var(--shadow-sm);transform:scale(1.03)}.btn:active{box-shadow:none;transform:scale(.98)}.btn-primary:hover{background:var(--info-hover)}.btn-primary-outline:hover,.btn-primary-outline-sky:hover{background:var(--brand);color:#fff}.btn-quiet:hover{border-color:var(--brand);color:var(--brand-dark)}.btn-success:hover{background:var(--success-hover)}.btn-success:active{box-shadow:0 1px rgba(0,0,0,.15)}.btn-on-brand:hover,.btn-on-brand.is-active{background:rgba(255,255,255,.12);color:#fff}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.form-control{transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(26,95,139,.12)}.form-control.is-invalid{border-color:var(--error)}.action-group{background:var(--bg-hover)}.action-btn{padding:6px var(--sp-md);color:#4d4d4e;white-space:nowrap}.action-btn:hover{background:#e2e8f0;color:var(--text-primary)}.action-group .action-btn{background:transparent}.action-group .action-btn:hover{background:rgba(0,0,0,.05)}.action-btn.is-active svg{stroke-width:2.5}.action-btn[data-action=like].is-active{color:var(--brand)}.action-btn[data-action=dislike].is-active{color:var(--danger)}.more-dropdown-wrapper,.action-overflow-panel{display:contents}.more-btn{display:none!important;padding:6px var(--sp-sm)}@media(max-width:600px){.more-dropdown-wrapper{display:inline-flex;position:relative}.more-btn{display:inline-flex!important}.action-overflow-panel{display:none;position:absolute;top:calc(100% + var(--sp-xs));inset-inline-end:0;z-index:50;padding:var(--sp-sm) 0;min-width:180px;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.css-toggle:checked~.action-overflow-panel{display:flex}.action-overflow-panel .action-btn{border-radius:0;background:transparent;padding:var(--sp-sm) var(--sp-lg);justify-content:flex-start;width:100%}.action-overflow-panel .action-btn:hover{background:var(--bg-hover)}}.collapsible-wrapper{position:relative;margin-bottom:var(--sp-lg)}.css-toggle:checked~.collapsible-content{-webkit-line-clamp:unset;-webkit-mask-image:none;mask-image:none}.collapsible-overlay{position:absolute;bottom:-15px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none}.css-toggle:checked~.collapsible-overlay{position:relative;bottom:auto;margin-top:var(--sp-md)}.read-more-btn{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);pointer-events:auto;font-size:var(--text-sm);padding:var(--sp-xs) var(--sp-md)}.toggle-icon{transition:transform var(--dur, .2s) var(--ease, ease-in-out)}.css-toggle:checked~.collapsible-overlay .toggle-icon{transform:rotate(180deg)}.copy-val-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:currentColor;border:none;cursor:pointer;opacity:.6;vertical-align:middle;margin-inline-start:.35rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E") no-repeat center / 18px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E") no-repeat center / 18px}.copy-val-btn:hover,.copy-val-btn:focus-visible{opacity:.8}.copy-val-btn.copied{opacity:1;background-color:var(--success, #1e6e38);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / 20px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / 20px}.ad-slot.ad-empty{min-height:0;max-height:none!important}.ad-slot.ad-empty .ad-label,.ad-slot.ad-empty [id^=div-gpt-]{display:none!important}.ad-sticky{position:fixed;bottom:0;left:0;right:0;z-index:90;background:rgba(247,247,247,.97);box-shadow:0 -2px 12px rgba(0,0,0,.2);padding:6px 0;text-align:center}.ad-sticky .ad-label{position:absolute;top:-15px;left:10px;margin:0;background:#f7f7f7;padding:0 5px;color:var(--text-muted);pointer-events:none}.ad-sticky-close{position:absolute;top:-30px;right:15px;width:34px;height:32px;background:#f7f7f7;border:none;border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;font-family:monospace,arial;color:var(--text-before-muted);cursor:pointer;z-index:91}.ad-sticky-close svg{width:12px;height:12px}.ad-sticky-mobile{display:block}@media(min-width:768px){.ad-sticky-mobile{display:none}}.ad-sticky-desktop{display:none}@media(min-width:768px){.ad-sticky-desktop{display:block}}body{padding-bottom:0}body.has-sticky-ad{padding-bottom:104px}@media(max-width:767px){body.has-sticky-ad{padding-bottom:114px}}@media print{.ad-slot,.ad-sticky{display:none!important}body{padding-bottom:0}}
