::-webkit-scrollbar{width:8px;height:8px;background:#212020}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#dcdcdc}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block;padding-top:100px}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-display:auto;font-size:1em;max-width:100vh}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-display:auto;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-display:auto;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}code[class*=language-],pre[class*=language-]{color:#f39c12;background:0 0;font-family:ubuntu mono,Consolas,Monaco,andale mono,monospace;font-size:1em;text-align:left;text-shadow:0 1px 0 rgba(0,0,0,.5);white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-],:not(pre)>code[class*=language-]{background:#300a24}pre[class*=language-]{border-radius:.5em;border:.2em solid #5e2750;box-shadow:0 2px 8px rgba(0,0,0,.3);margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::-moz-selection{background:#e95420}pre[class*=language-]::selection{background:#e95420}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#e95420}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#e95420}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #5e2750;box-shadow:0 1px 3px rgba(0,0,0,.3);padding:.15em .2em .05em;white-space:normal;background:#300a24;color:#f39c12}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#75715e}.token.punctuation{color:#fff;opacity:.8}.token.namespace{opacity:.7}.token.tag,.token.boolean,.token.number,.token.deleted{color:#fd971f}.token.keyword,.token.property,.token.selector,.token.constant,.token.symbol,.token.builtin{color:#66d9ef}.token.attr-name,.token.attr-value,.token.string,.token.char,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable,.token.inserted{color:#a6e22e}.token.atrule{color:#7386a5}.token.regex,.token.important{color:#e9c163}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{padding:1em 0 1em 3em;position:relative}.language-markup .token.tag,.language-markup .token.attr-name,.language-markup .token.punctuation{color:#ad895c}.token{position:relative;z-index:1}.line-highlight{background:rgba(84,84,84,.25);background:linear-gradient(to right,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;left:0;line-height:inherit;margin-top:.75em;padding:inherit 0;pointer-events:none;position:absolute;right:0;white-space:pre;z-index:0}.line-highlight:before,.line-highlight[data-end]:after{background-color:#8794a6;border-radius:999px;box-shadow:0 1px white;color:#f5f2f0;content:attr(data-start);font:700 65%/1.5 sans-serif;left:.6em;min-width:1em;padding:0 .5em;position:absolute;text-align:center;text-shadow:none;top:.4em;vertical-align:.3em}.line-highlight[data-end]:after{bottom:.4em;content:attr(data-end);top:auto}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:rgba(153,122,102,8%);background:linear-gradient(to right,rgba(153,122,102,.1) 70%,rgba(153,122,102,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:rgba(153,122,102,.4);color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px white}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,.2)}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{color:inherit;text-decoration:none}.bg{background-color:#fff}.chroma{background-color:#fff}.chroma .err{color:#f6f8fa;background-color:#82071e}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#e5e5e5}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#cf222e}.chroma .kc{color:#cf222e}.chroma .kd{color:#cf222e}.chroma .kn{color:#cf222e}.chroma .kp{color:#cf222e}.chroma .kr{color:#cf222e}.chroma .kt{color:#cf222e}.chroma .na{color:#1f2328}.chroma .nc{color:#1f2328}.chroma .no{color:#0550ae}.chroma .nd{color:#0550ae}.chroma .ni{color:#6639ba}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#24292e}.chroma .nx{color:#1f2328}.chroma .nt{color:#0550ae}.chroma .nb{color:#6639ba}.chroma .bp{color:#6a737d}.chroma .nv{color:#953800}.chroma .vc{color:#953800}.chroma .vg{color:#953800}.chroma .vi{color:#953800}.chroma .vm{color:#953800}.chroma .nf{color:#6639ba}.chroma .fm{color:#6639ba}.chroma .s{color:#0a3069}.chroma .sa{color:#0a3069}.chroma .sb{color:#0a3069}.chroma .sc{color:#0a3069}.chroma .dl{color:#0a3069}.chroma .sd{color:#0a3069}.chroma .s2{color:#0a3069}.chroma .se{color:#0a3069}.chroma .sh{color:#0a3069}.chroma .si{color:#0a3069}.chroma .sx{color:#0a3069}.chroma .sr{color:#0a3069}.chroma .s1{color:#0a3069}.chroma .ss{color:#032f62}.chroma .m{color:#0550ae}.chroma .mb{color:#0550ae}.chroma .mf{color:#0550ae}.chroma .mh{color:#0550ae}.chroma .mi{color:#0550ae}.chroma .il{color:#0550ae}.chroma .mo{color:#0550ae}.chroma .o{color:#0550ae}.chroma .ow{color:#0550ae}.chroma .p{color:#1f2328}.chroma .c{color:#57606a}.chroma .ch{color:#57606a}.chroma .cm{color:#57606a}.chroma .c1{color:#57606a}.chroma .cs{color:#57606a}.chroma .cp{color:#57606a}.chroma .cpf{color:#57606a}.chroma .gd{color:#82071e;background-color:#ffebe9}.chroma .ge{color:#1f2328}.chroma .gi{color:#116329;background-color:#dafbe1}.chroma .go{color:#1f2328}.chroma .gl{text-decoration:underline}.chroma .w{color:#fff}:root{--desktopXlWidth:(max-width: 1920px);--desktopLgWidth:(max-width: 1440px);--desktopWidth:(max-width: 1280px);--desktopSmWidth:(max-width: 1024px);--tabletLgWidth:(max-width: 1000px);--tabletWidth:(max-width: 900px);--tabletMdWidth:(max-width: 768px);--tabletSmWidth:(max-width: 600px);--phoneXlWidth:(max-width: 684px);--phoneLgWidth:(max-width: 576px);--phoneWidth:(max-width: 480px);--phoneMdWidth:(max-width: 414px);--phoneSmWidth:(max-width: 390px);--phoneXsWidth:(max-width: 375px);--phoneXxsWidth:(max-width: 360px);--phoneTinyWidth:(max-width: 320px)}@font-face{font-family:inter;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/Inter-Regular.woff2)format("woff2"),url(fonts/Inter-Regular.woff)format("woff")}@font-face{font-family:inter;font-style:italic;font-display:swap;font-weight:400;src:url(fonts/Inter-Italic.woff2)format("woff2"),url(fonts/Inter-Italic.woff)format("woff")}@font-face{font-family:inter;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/Inter-Medium.woff2)format("woff2"),url(fonts/Inter-Medium.woff)format("woff")}@font-face{font-family:inter;font-style:italic;font-display:swap;font-weight:600;src:url(fonts/Inter-MediumItalic.woff2)format("woff2"),url(fonts/Inter-MediumItalic.woff)format("woff")}@font-face{font-family:inter;font-style:normal;font-display:swap;font-weight:800;src:url(fonts/Inter-Bold.woff2)format("woff2"),url(fonts/Inter-Bold.woff)format("woff")}@font-face{font-family:inter;font-style:italic;font-display:swap;font-weight:800;src:url(fonts/Inter-BoldItalic.woff2)format("woff2"),url(fonts/Inter-BoldItalic.woff)format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}button,.button,a.button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-top:7px;text-decoration:none;text-align:center;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#efefea}@media(prefers-color-scheme:dark){button,.button,a.button{background:#1b1c1d}}[data-theme=dark] button,[data-theme=dark] .button,[data-theme=dark] a.button{background:#1b1c1d}[data-theme=light] button,[data-theme=light] .button,[data-theme=light] a.button{background:#efefea}@media(prefers-color-scheme:dark){button,.button,a.button{color:inherit}}[data-theme=dark] button,[data-theme=dark] .button,[data-theme=dark] a.button{color:inherit}button.outline,.button.outline,a.button.outline{background:0 0;box-shadow:none;padding:8px 18px;border-color:#e8e8e3}@media(prefers-color-scheme:dark){button.outline,.button.outline,a.button.outline{border-color:#3b3d42}}[data-theme=dark] button.outline,[data-theme=dark] .button.outline,[data-theme=dark] a.button.outline{border-color:#3b3d42}[data-theme=light] button.outline,[data-theme=light] .button.outline,[data-theme=light] a.button.outline{border-color:#e8e8e3}@media(prefers-color-scheme:dark){button.outline,.button.outline,a.button.outline{color:inherit}}[data-theme=dark] button.outline,[data-theme=dark] .button.outline,[data-theme=dark] a.button.outline{color:inherit}button.outline :hover,.button.outline :hover,a.button.outline :hover{transform:none;box-shadow:none}button.primary,.button.primary,a.button.primary{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,8%)}button.primary:hover,.button.primary:hover,a.button.primary:hover{box-shadow:0 2px 6px rgba(50,50,93,.21),0 1px 3px rgba(0,0,0,8%)}button.link,.button.link,a.button.link{background:0 0;font-size:1rem}button.small,.button.small,a.button.small{font-size:.8rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:14px 24px}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a,.code-toolbar .toolbar-item button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;margin-bottom:5px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#e8e8e3}@media(prefers-color-scheme:dark){.code-toolbar .toolbar-item a,.code-toolbar .toolbar-item button{background:#3b3d42}}[data-theme=dark] .code-toolbar .toolbar-item a,[data-theme=dark] .code-toolbar .toolbar-item button{background:#3b3d42}[data-theme=light] .code-toolbar .toolbar-item a,[data-theme=light] .code-toolbar .toolbar-item button{background:#e8e8e3}@media(prefers-color-scheme:dark){.code-toolbar .toolbar-item a,.code-toolbar .toolbar-item button{color:inherit}}[data-theme=dark] .code-toolbar .toolbar-item a,[data-theme=dark] .code-toolbar .toolbar-item button{color:inherit}.code-toolbar .toolbar-item a:hover,.code-toolbar .toolbar-item button:hover{opacity:.8;border-color:rgba(255,255,255,.1)}.code-toolbar .toolbar-item a:active,.code-toolbar .toolbar-item button:active{transform:translateY(1px)}.code-toolbar .copy-code-button{transition:all .2s ease}.code-toolbar .copy-code-button:hover{background-color:rgba(255,255,255,.1)}.header{display:flex;align-items:center;justify-content:center;position:static;top:0;left:0;width:100%;z-index:100;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);max-height:125px;background:#efefea}@media(prefers-color-scheme:dark){.header{background:#1b1c1d}}[data-theme=dark] .header{background:#1b1c1d}[data-theme=light] .header{background:#efefea}.header__right{display:flex;flex-direction:row;align-items:center}@media(max-width:480px){.header__right{flex-direction:row-reverse}}.header__inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:760px;max-width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.theme-toggler{fill:currentColor}.not-selectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.header{border:4px solid transparent;border-image:linear-gradient(90deg,rgba(255,110,97,.439216),rgba(106,90,205,.439216),rgba(32,178,170,.439216),rgba(255,215,0,.439216),rgba(255,111,97,.439216),rgba(106,90,205,.439216),rgba(32,178,170,.439216),rgba(255,215,0,.439216))0 0 1 0;box-shadow:0 2px 12px rgba(0,0,0,8%);position:fixed;top:0;left:0;width:100%;z-index:100}.header-container{width:100%;max-width:100%;margin:0;padding:0}.header-top{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;min-height:60px;gap:1rem}@media(max-width:1000px){.header-top{padding:.5rem .75rem;gap:.5rem}}@media(max-width:480px){.header-top{padding:.5rem;min-height:50px}}@media(max-width:480px){.header-top{padding:.25rem;gap:.25rem}}.header-logo{flex:none;display:flex;align-items:center;position:relative;max-width:80px}@media(max-width:1000px){.header-logo{order:1}}.header-center{flex:auto;display:flex;justify-content:center;align-items:center}@media(max-width:1000px){.header-center{flex:none;order:3}}.header-main-nav{position:relative}.main-nav-desktop{display:flex;gap:2rem;align-items:center}@media(max-width:1000px){.main-nav-desktop{display:none}}.nav-item{color:currentColor;text-decoration:none;font-weight:700;font-size:1rem;padding:.75rem 1.25rem;border-radius:6px;transition:all .2s ease;position:relative;letter-spacing:.02em}.nav-item:hover{background:rgba(255,107,53,.12);color:#ff6b35;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,.15)}.nav-item::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#ff6b35;transition:all .3s ease;transform:translateX(-50%)}.nav-item:hover::after{width:80%}.nav-item[aria-current=page]{color:#ff6b35;background:rgba(255,107,53,.15);font-weight:800;box-shadow:0 2px 8px rgba(255,107,53,.2)}.nav-item[aria-current=page]::after{width:80%;height:3px}.main-nav-mobile-toggle{display:none;background:0 0;border:1px solid rgba(255,107,53,.3);color:#ff6b35;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;width:44px;height:44px;align-items:center;justify-content:center;position:relative;z-index:1001}@media(max-width:1000px){.main-nav-mobile-toggle{display:flex}}.main-nav-mobile-toggle:hover{background:rgba(255,107,53,.1);border-color:#ff6b35;transform:scale(1.05)}.main-nav-mobile-toggle.active{background:rgba(255,0,0,.1);border:none;color:red}.main-nav-mobile-toggle.active svg line{stroke:red;stroke-width:3}.main-nav-mobile-toggle.active svg line:nth-child(1){transform:translateY(4px)rotate(45deg)}.main-nav-mobile-toggle.active svg line:nth-child(2){opacity:0;transform:scaleX(0)}.main-nav-mobile-toggle.active svg line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.main-nav-mobile-toggle svg{overflow:visible}.main-nav-mobile-toggle svg line{transition:all .3s ease;transform-origin:center}.main-nav-mobile-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,107,53,.3);border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.4);z-index:1000;padding:8px;margin-top:8px;opacity:0;visibility:hidden;transform:translateX(-50%)translateY(-8px);transition:all .2s ease;min-width:280px}.main-nav-mobile-dropdown.show{opacity:1;visibility:visible;transform:translateX(-50%)translateY(0)}@media(max-width:1000px){.main-nav-mobile-dropdown{position:fixed;top:60px;left:50%;transform:translateX(-50%);width:90%;max-width:500px;min-width:280px}.main-nav-mobile-dropdown.show{transform:translateX(-50%)translateY(0)}}@media(max-width:480px){.main-nav-mobile-dropdown{width:95%;max-width:400px}}.mobile-nav-item{display:block;color:currentColor;text-decoration:none;font-weight:700;font-size:1rem;padding:1rem;border-radius:6px;transition:all .2s ease;margin:4px 0;text-align:center;letter-spacing:.02em}.mobile-nav-item:hover{background:rgba(255,107,53,.25);color:#ff6b35;box-shadow:0 4px 12px rgba(255,107,53,.2);transform:scale(1.02)}.mobile-nav-item[aria-current=page]{color:#ff6b35;background:rgba(255,107,53,.2);font-weight:800;box-shadow:0 2px 8px rgba(255,107,53,.3)}.header-right{flex:none;display:flex;align-items:center;gap:.75rem}@media(max-width:480px){.header-right{gap:.5rem}}@media(max-width:1000px){.header-right{flex:auto;justify-content:center;order:2}}.sidebar-toggle{display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:6px;width:40px;height:40px;cursor:pointer;transition:all .3s ease;color:currentColor;padding:0}.sidebar-toggle svg{width:24px;height:24px}.sidebar-toggle:hover{background:rgba(255,107,53,.1);color:#ff6b35;transform:scale(1.35)}.sidebar-toggle:active{transform:scale(.95)}@media(max-width:480px){.sidebar-toggle{width:36px;height:36px}.sidebar-toggle svg{width:20px;height:20px}}@keyframes pulse-glow{0%,100%{box-shadow:0 4px 15px rgba(255,107,53,.4),inset 0 -3px 8px rgba(0,0,0,.2),inset 0 3px 8px rgba(255,255,255,.3);transform:translateY(-2px)}50%{box-shadow:0 6px 25px rgba(255,107,53,.8),0 0 30px rgba(255,107,53,.6),inset 0 -3px 8px rgba(0,0,0,.2),inset 0 3px 8px rgba(255,255,255,.3);transform:translateY(-3px)}}.ai-tools-flashy-btn:hover{transform:translateY(-4px)scale(1.05)!important;box-shadow:0 8px 30px rgba(255,107,53,.9),0 0 40px rgba(255,107,53,.7),inset 0 -3px 8px rgba(0,0,0,.2),inset 0 3px 8px rgba(255,255,255,.4)!important;animation:none!important}.ai-tools-flashy-btn:active{transform:translateY(-1px)scale(.98)!important;box-shadow:0 2px 10px rgba(255,107,53,.6),inset 0 -1px 4px rgba(0,0,0,.3),inset 0 1px 4px rgba(255,255,255,.2)!important}html[data-theme=light] .controls-dropdown .header__random-btn,html[data-theme=light] .controls-dropdown .header-github-link,html[data-theme=light] .controls-dropdown .theme-toggle{background-color:#fff!important}html[data-theme=dark] .controls-dropdown .header__random-btn,html[data-theme=dark] .controls-dropdown .header-github-link,html[data-theme=dark] .controls-dropdown .theme-toggle{background-color:#1b1c1d!important}.controls-dropdown{position:absolute;top:100%;left:0;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,107,53,.3);border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.4);z-index:2000!important;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;margin-top:8px;width:auto;min-width:180px;max-width:220px}.controls-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:1000px){.controls-dropdown{position:fixed;top:60px;left:.5rem;right:auto;width:auto;min-width:200px}}@media(max-width:480px){.controls-dropdown{position:fixed;top:60px;left:.5rem;right:auto;width:auto;min-width:200px;z-index:1000}}.controls-dropdown .header__btn-group{flex-direction:row;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center}.controls-dropdown .header__random-btn,.controls-dropdown .header-github-link,.controls-dropdown .theme-toggle{width:auto;min-width:40px;height:40px;justify-content:center;padding:0 8px;gap:4px}.controls-dropdown .header-github-link{text-decoration:none;display:flex;align-items:center}.controls-dropdown .rss-feeds{width:auto}.controls-dropdown .rss-feeds button{width:auto;justify-content:center;padding:0 8px}.controls-dropdown .rss-menu{position:absolute!important;top:0!important;left:100%!important;right:auto!important;margin-left:8px!important;z-index:2001!important}.logo__mark--clickable{cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px;user-select:none}.logo__mark--clickable:hover{background:rgba(255,107,53,.1);transform:scale(1.1)}.logo__mark--clickable.active{background:rgba(255,107,53,.2);color:#ff6b35}.header__btn-group{display:flex;align-items:center;justify-content:center;gap:.25rem;margin:0}.header__random-btn,.theme-toggle{margin:0;font-size:1.1em;background:0 0;border:none;cursor:pointer;padding:0;height:44px;width:44px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:background .2s;border-radius:4px;touch-action:manipulation}.header__random-btn:hover,.theme-toggle:hover{background:rgba(255,255,255,8%)}@media(max-width:480px){.header__random-btn,.theme-toggle{height:40px;width:40px;min-width:40px}}.header-github-link{margin:0;padding:8px;height:44px;width:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s;touch-action:manipulation}.header-github-link:hover{background:rgba(255,255,255,8%)}@media(max-width:480px){.header-github-link{height:40px;width:40px;min-width:40px}}.rss-menu a.rss-link{display:block;padding:4px 6px;border-radius:4px;color:#ffb08a;text-decoration:none;font-size:.85rem}.rss-menu a.rss-link:hover{background:rgba(255,107,53,.15);color:#fff}.header-menu-desktop{display:flex;align-items:center;gap:.5rem}@media(max-width:480px){.header-menu-desktop{display:none}}.menu-trigger{margin:0;cursor:pointer;padding:8px;height:44px;width:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s;touch-action:manipulation}.menu-trigger:hover{background:rgba(255,255,255,8%)}.menu-trigger svg{width:24px;height:24px}@media(max-width:480px){.menu-trigger{height:40px;width:40px;min-width:40px}}.ai-profile{position:relative}.ai-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:8px;border:none;background:rgba(0,0,0,.4);color:#ff6b35;cursor:pointer;position:relative;transition:all .3s ease;transform-style:preserve-3d;touch-action:manipulation;overflow:visible}.ai-profile-btn:hover{transform:scale(1.15);border:none}.ai-profile-btn:hover .ai-cog{animation:cog-spin 1s ease-in-out infinite}.ai-cog{position:absolute;width:44px;height:44px;color:#ff6b35;stroke:currentColor;fill:none;transition:all .3s ease}@keyframes cog-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes ai-pulse{0%,100%{box-shadow:0 0 13px rgba(255,107,53,.6)}50%{box-shadow:0 0 20px rgba(255,107,53,.9)}}.ai-badge{font-weight:700;font-size:12px;letter-spacing:.5px;position:relative;z-index:1;color:#ff6b35;text-shadow:0 0 3px rgba(0,0,0,.8);pointer-events:none}.ai-dropdown{position:absolute;top:48px;right:0;width:320px;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,107,53,.3);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:1002;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease}@media(max-width:375px){.ai-dropdown{width:90vw}}.ai-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:480px){.ai-dropdown{position:fixed!important;top:60px!important;left:50%!important;transform:translateX(-50%)!important;width:90vw!important;max-width:95vw!important;box-sizing:border-box!important;z-index:2000!important}}@media(min-width:768px){.ai-dropdown.open:has(.ai-help-section[style*="display: block"]){width:800px;max-width:90vw}}@media(min-width:1200px){.ai-dropdown.open:has(.ai-help-section[style*="display: block"]){width:950px}}.ai-dropdown-inner{padding:16px}.ai-dropdown-content{display:flex;flex-direction:column;gap:16px}.ai-top-row{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.ai-top-row{flex-direction:row;gap:20px;align-items:stretch}}.ai-settings-section{flex:1;min-width:0;display:flex;flex-direction:column;order:1}@media(min-width:768px){.ai-settings-section{order:2}}.ai-instructions-row{padding-top:16px;border-top:1px solid rgba(255,107,53,.2);text-align:left}@media(min-width:768px){.ai-instructions-row{margin-top:8px}}.ai-instructions-row .ai-help-list{text-align:left;padding-left:20px;margin:0;list-style-type:decimal;list-style-position:outside}.ai-instructions-row .ai-help-list li{text-align:left;margin-bottom:8px;line-height:1.5;font-size:11px;color:#e0e0e0;opacity:.85;font-size:12px}.ai-dropdown-header{font-weight:700;margin-bottom:12px;color:#ff6b35;font-size:14px;display:flex;align-items:center;justify-content:space-between}.ai-help-btn{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease;padding:0}.ai-help-btn:hover{background:rgba(255,107,53,.2);border-color:#ff6b35;transform:scale(1.1)}.ai-help-btn:active{transform:scale(.95)}.ai-help-section{margin-top:0;padding-top:0;border-top:none;order:2}@media(min-width:768px){.ai-help-section{flex:none;min-width:280px;padding-right:20px;border-right:1px solid rgba(255,107,53,.2);display:flex;flex-direction:column;order:1}}.ai-help-content{display:flex;flex-direction:column;height:100%}@media(min-width:768px){.ai-help-content{width:400px}}@media(min-width:1200px){.ai-help-content{width:480px}}.ai-help-content h4{color:#ff6b35;font-size:13px;font-weight:600;margin:0 0 12px;flex-shrink:0}.ai-help-content .ai-help-gif{width:100%;border-radius:8px;margin-bottom:0;display:block;object-fit:contain}@media(min-width:768px){.ai-help-content .ai-help-gif{height:100%;flex:1}}.ai-help-content .ai-help-description{font-size:11px;line-height:1.5;color:#e0e0e0;margin:0;opacity:.85}.ai-help-content .ai-help-list{text-align:left;padding-left:20px;margin:0;list-style-type:decimal;list-style-position:outside}.ai-help-content .ai-help-list li{text-align:left;margin-bottom:8px;line-height:1.5}.ai-field{margin-bottom:12px}.ai-field label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500;color:#ff6b35}.ai-field select,.ai-field input{width:100%;padding:10px;background:#1a1a1a;border:1px solid rgba(255,107,53,.3);border-radius:8px;color:#e0e0e0;font-family:inherit;font-size:.9rem;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;min-height:44px}.ai-field select:focus,.ai-field input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 8px rgba(255,107,53,.2);background:#2a2a2a}.ai-field select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6b35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:30px;cursor:pointer}.ai-field select:hover{border-color:rgba(255,107,53,.5);background-color:#2a2a2a}.ai-field select option{background:#1a1a1a;color:#e0e0e0;padding:6px}.ai-field input[type=password]{font-family:courier new,monospace}.ai-field.loading select{opacity:.6;cursor:wait}.ai-field.error input,.ai-field.error select{border-color:#f44;box-shadow:0 0 8px rgba(255,68,68,.3)}.ai-help{display:block;margin-top:6px;font-size:10px;color:#e0e0e0;opacity:.7}.hamburger{display:flex;flex-direction:column;cursor:pointer;padding:8px;border:none;background:0 0;z-index:1001;transition:transform .2s ease;position:relative;width:44px;height:44px;min-width:44px;justify-content:center;align-items:center;border-radius:8px;touch-action:manipulation}.hamburger:hover{transform:scale(1.05);background:rgba(255,255,255,5%)}.hamburger:hover::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,red,#f30,#f60,#f90,#fc0,#ff0,#cf0,#9f0,#6f0,#3f0,lime,#0f3,#0f6,#0f9,#0fc,cyan,#0cf,#09f,#06f,#03f,blue,#30f,#60f,#90f,#c0f,#f0f,#f0c,#f09,#f06,#f03,red);background-size:400% 400%;border-radius:8px;z-index:-1;animation:rainbow-border 3s linear infinite;filter:blur(2px);opacity:.8}.hamburger span{width:24px;height:2px;background:#ff6b35;margin:2px 0;transition:all .3s ease;border-radius:2px;transform-origin:center;display:block}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}@media(max-width:480px){.hamburger{width:40px;height:40px;min-width:40px;padding:6px}.hamburger span{width:20px;height:2px}}.nav-menu{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:linear-gradient(180deg,var(--background) 0%,rgba(255,107,53,2%) 100%);border-left:1px solid rgba(255,107,53,.2);z-index:1002;transition:right .3s cubic-bezier(.25,.8,.25,1);overflow-y:auto;overflow-x:hidden;padding:70px 0 20px;list-style:none;margin:0;box-shadow:-6px 0 24px rgba(0,0,0,.12);backdrop-filter:blur(15px);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent)rgba(255,107,53,.1)}@media(max-width:375px){.nav-menu{width:85vw}}.nav-menu.open{right:0}.nav-menu::-webkit-scrollbar{width:8px}.nav-menu::-webkit-scrollbar-track{background:rgba(255,107,53,.1);border-radius:4px}.nav-menu::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px;border:1px solid rgba(255,107,53,.2)}.nav-menu::-webkit-scrollbar-thumb:hover{background:#ff8c42}.nav-menu .menu-category:last-child{margin-bottom:20px}@media(max-width:480px){.nav-menu{width:100vw;right:-100vw}}.nav-menu-header{position:sticky;top:0;background:linear-gradient(135deg,var(--background) 0%,rgba(255,107,53,5%) 100%);border-bottom:2px solid var(--accent);padding:15px;display:flex;justify-content:space-between;align-items:center;z-index:10;margin:-70px 0 0;min-height:50px;box-sizing:border-box;backdrop-filter:blur(10px)}@media(max-width:480px){.nav-menu-header{padding:12px;min-height:48px}}@media(max-width:480px){.nav-menu-header{padding:10px}}.nav-menu-brand{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.nav-brand-icon{color:var(--accent);animation:pulse 2s infinite;flex-shrink:0;width:20px;height:20px}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.nav-menu-title{font-weight:600;color:var(--accent);font-size:16px;background:linear-gradient(135deg,var(--accent),#ff8c42);-webkit-background-clip:text;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.nav-menu-title{font-size:14px}}.nav-menu-close{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);color:var(--accent);cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;touch-action:manipulation;backdrop-filter:blur(5px);flex-shrink:0}.nav-menu-close:hover{background:var(--accent);color:var(--background);transform:scale(1.1)rotate(90deg);box-shadow:0 3px 8px rgba(255,107,53,.3)}.nav-menu .home-link{border-bottom:2px solid rgba(255,107,53,.2);margin:10px 0;background:linear-gradient(135deg,rgba(255,107,53,5%),rgba(255,107,53,2%));border-radius:6px;overflow:hidden}.nav-menu .home-link a{display:flex;align-items:center;padding:12px 15px;color:var(--accent);text-decoration:none;font-weight:600;font-size:14px;min-height:36px;box-sizing:border-box;transition:all .3s ease;position:relative;overflow:hidden}.nav-menu .home-link a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.nav-menu .home-link a:hover{background:var(--accent);color:var(--background);transform:translateX(3px);box-shadow:0 3px 8px rgba(255,107,53,.3)}.nav-menu .home-link a:hover::before{left:100%}@media(max-width:480px){.nav-menu .home-link a{padding:10px 12px;font-size:13px}}@media(max-width:480px){.nav-menu .home-link a{padding-left:10px;padding-right:10px}}.nav-menu .menu-category{margin:8px 0;border-radius:6px;overflow:visible;background:rgba(255,255,255,2%);border:1px solid rgba(255,107,53,.1);transition:all .3s ease}.nav-menu .category-toggle{display:none}.nav-menu .category-title{padding:10px 15px;font-weight:600;color:var(--accent);font-size:12px;background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(255,107,53,5%));border-bottom:1px solid rgba(255,107,53,.2);min-height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;position:relative;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;user-select:none}.nav-menu .category-title:hover{background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(255,107,53,8%))}.nav-menu .category-title::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:0 2px 2px 0}@media(max-width:480px){.nav-menu .category-title{padding:8px 12px;font-size:11px}}@media(max-width:480px){.nav-menu .category-title{padding-left:10px;padding-right:10px}}.nav-menu .toggle-icon{font-weight:700;font-size:16px;color:var(--accent);transition:transform .3s ease;min-width:20px;text-align:center}@media(max-width:480px){.nav-menu .toggle-icon{font-size:14px;min-width:18px}}@media(max-width:480px){.nav-menu .toggle-icon{font-size:12px;min-width:16px}}.nav-menu .category-toggle:checked+.category-title .toggle-icon{transform:rotate(0)}.nav-menu .category-toggle:not(:checked)+.category-title .toggle-icon{transform:rotate(90deg)}.nav-menu .category-links{list-style:none;margin:0;padding:0 0 5px;overflow:hidden;max-height:500px;transition:max-height .4s ease,opacity .3s ease,padding .3s ease,margin .3s ease;opacity:1}.nav-menu .category-links li{margin:0}.nav-menu .category-toggle:not(:checked)~.category-links{max-height:0;opacity:0;padding:0;margin:0}.nav-menu .nav-link{display:flex;align-items:center;padding:8px 15px 8px 25px;color:var(--color);text-decoration:none;transition:all .3s ease;font-size:12px;min-height:32px;box-sizing:border-box;touch-action:manipulation;position:relative;border-left:2px solid transparent;line-height:1.3}.nav-menu .nav-link::before{content:'▸';position:absolute;left:10px;opacity:0;transform:translateX(-3px);transition:all .3s ease;color:var(--accent);font-size:10px}.nav-menu .nav-link:hover,.nav-menu .nav-link.active{background:linear-gradient(135deg,var(--accent),#ff8c42);color:var(--background);transform:translateX(3px);border-left-color:#ff8c42;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.nav-menu .nav-link:hover::before,.nav-menu .nav-link.active::before{opacity:1;transform:translateX(0)}@media(max-width:480px){.nav-menu .nav-link{padding:6px 12px 6px 20px;font-size:11px;min-height:28px}.nav-menu .nav-link::before{left:8px}}@media(max-width:480px){.nav-menu .nav-link{padding-left:18px;padding-right:10px}}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease;touch-action:none}.nav-overlay.open{opacity:1;visibility:visible}@keyframes rainbow-border{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.header__inner{display:none}.logo{display:flex;align-items:center;text-decoration:none;font-weight:700;font-display:auto;font-family:monospace,monospace}.logo img{height:44px}.logo__svg-link{display:flex;align-items:center;text-decoration:none;line-height:0}.logo__svg-link:hover .logo__svg{opacity:.85;transition:opacity .2s ease}.logo__svg{height:50px;width:auto;max-width:200px;display:block}@media(max-width:768px){.logo__svg{height:40px;max-width:160px}}@media(max-width:480px){.logo__svg{height:35px;max-width:140px}}.logo__mark{margin-right:5px}.logo__text{font-size:1.125rem;white-space:nowrap;color:var(--logo-text-color,darkorange)}.logo__cursor{display:inline-block;width:10px;height:1rem;background:#fe5186;margin-left:5px;border-radius:1px;animation:cursor 1s infinite}@media(prefers-reduced-motion:reduce){.logo__cursor{animation:none}}@keyframes cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.menu{z-index:9999;font-weight:700;background:#efefea}@media(prefers-color-scheme:dark){.menu{background:#1b1c1d}}[data-theme=dark] .menu{background:#1b1c1d}[data-theme=light] .menu{background:#efefea}@media(max-width:480px){.menu{position:absolute;top:50px;right:0;border:none;margin:0;padding:10px}}.menu__inner{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0 auto;padding:0 15px;font-size:1rem;list-style:none}.menu__inner li{margin:0 12px}@media(max-width:480px){.menu__inner{flex-direction:column;align-items:flex-start;padding:0}.menu__inner li{margin:0;padding:5px}}.menu-trigger{width:24px;height:24px;fill:currentColor;margin-left:10px;cursor:pointer;display:none}@media(max-width:480px){.menu-trigger{display:block}}.menu a{display:inline-block;margin-right:15px;text-decoration:none}.menu a:hover{text-decoration:underline}.menu a:last-of-type{margin-right:0}.submenu{background:#efefea}@media(prefers-color-scheme:dark){.submenu{background:#1b1c1d}}[data-theme=dark] .submenu{background:#1b1c1d}[data-theme=light] .submenu{background:#efefea}.submenu ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.submenu li a,.submenu .dropbtn{display:inline-block;text-decoration:none}.submenu li.dropdown{display:inline-block}.submenu .dropdown-content{display:none;position:absolute;background:#efefea}@media(prefers-color-scheme:dark){.submenu .dropdown-content{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content{background:#efefea}.submenu .dropdown-content a{padding:12px 20px;text-decoration:none;display:block;text-align:left}.submenu .dropdown-content a:hover{background:#efefea}@media(prefers-color-scheme:dark){.submenu .dropdown-content a:hover{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content a:hover{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content a:hover{background:#efefea}.submenu .dropdown:hover .dropdown-content{display:block}html{box-sizing:border-box;line-height:1.6;letter-spacing:.04em;scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100%}img[src*="/images/featured"],img[src*="images/featured"]{border:none!important;box-shadow:none!important;max-height:200px}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,roboto,segoe ui,Helvetica,Arial,sans-serif;font-display:auto;font-size:1rem;line-height:1.54;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl";-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%;max-width:100%;display:flex;min-height:100vh;flex-direction:column;background-color:#181a1b;background-image:repeating-linear-gradient(135deg,#232526 0,#232526 2px,transparent 2px,transparent 20px),repeating-linear-gradient(225deg,#232526 0,#232526 2px,transparent 2px,transparent 20px);background-size:15px 15px;background-attachment:fixed;background-position:50%;background-repeat:repeat;background:#f5f5f0;color:#222;background-image:none}@media(prefers-color-scheme:dark){body{background:#232425}}[data-theme=dark] body{background:#232425}[data-theme=light] body{background:#f5f5f0}@media(prefers-color-scheme:dark){body{color:#d6d6d6}}[data-theme=dark] body{color:#d6d6d6}[data-theme=light] body{color:#222}@media(prefers-color-scheme:dark){body{background-image:repeating-linear-gradient(135deg,#232526 0,#232526 2px,transparent 2px,transparent 20px),repeating-linear-gradient(225deg,#232526 0,#232526 2px,transparent 2px,transparent 20px)}}[data-theme=dark] body{background-image:repeating-linear-gradient(135deg,#232526 0,#232526 2px,transparent 2px,transparent 20px),repeating-linear-gradient(225deg,#232526 0,#232526 2px,transparent 2px,transparent 20px)}@media(max-width:480px){body{font-size:1rem}}h2,h3,h4,h5,h6{display:flex;align-items:left;line-height:1.3}h1{font-size:2.625rem}h2{font-size:1.625rem;margin-top:2.5em}h3{font-size:1.375rem}h4{font-size:1.125rem}@media(max-width:480px){h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1.125rem}}a{color:inherit}img{margin-left:auto;margin-right:auto;transition:transform .2s ease-in-out}img:hover{transform:scale(1.03)}img:focus{outline:2px solid #3eb0ef;outline-offset:4px}img{display:block;max-width:100%;max-height:400px;height:auto;border-radius:8px;border:4px solid;width:auto;border-radius:8px 12px 8px 12px}@media(max-width:1000px){img{max-height:none;width:100%}}@media(max-width:480px){img{max-height:none;width:100%;border:2px solid}}img.small{max-height:75px;width:auto;height:auto;border:none}img.left{margin-right:auto}img.center{margin-left:auto;margin-right:auto}img.right{margin-left:auto}img.circle{border-radius:50%;max-width:25%;margin:auto}figure{display:table;max-width:100%;margin:25px 0}figure.left{margin-right:auto}figure.left-floated{margin-right:auto;float:left}figure.left-floated img{margin:20px 20px 20px 0}figure.center{margin-left:auto;margin-right:auto}figure.right{margin-left:auto}figure.right-floated{margin-left:auto;float:right}figure.right-floated img{margin:20px 0 20px 20px}figure.rounded img{border-radius:50%}figure figcaption{font-size:14px;margin-top:5px;opacity:.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}em,i,strong{color:#111}@media(prefers-color-scheme:dark){em,i,strong{color:#fff}}[data-theme=dark] em,[data-theme=dark] i,[data-theme=dark] strong{color:#fff}[data-theme=light] em,[data-theme=light] i,[data-theme=light] strong{color:#111}[data-theme=light] em,[data-theme=light] i,[data-theme=light] strong{color:#000}code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-display:auto;font-feature-settings:normal;padding:1px 6px;margin:0 2px;border-radius:5px;font-size:.95rem;background:#e8e8e3}@media(prefers-color-scheme:dark){code{background:#3b3d42}}[data-theme=dark] code{background:#3b3d42}[data-theme=light] code{background:#e8e8e3}pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:.95rem;overflow:auto}@media(max-width:480px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:0 0!important;margin:0;padding:0;font-size:inherit;color:#ccc}@media(prefers-color-scheme:dark){pre code{color:inherit}}[data-theme=dark] pre code{color:inherit}[data-theme=light] pre code{color:#ccc}.code-block-wrapper{margin:1em 0;border-radius:8px;overflow:hidden}.code-block-wrapper .code-block-collapsible{margin:0;padding:0;border-radius:8px;background:#1a1a1a;transition:all .3s ease}.code-block-wrapper .code-block-collapsible:hover{transform:translateY(-2px)}.code-block-wrapper .code-block-collapsible[open]{box-shadow:0 8px 25px rgba(0,0,0,.5)}.code-block-wrapper .code-block-header{padding:.5rem 1rem;background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);color:#f7fafc;font-weight:600;font-size:.85em;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(212,175,55,.3);transition:all .3s ease;font-family:ubuntu mono,Consolas,Monaco,monospace}.code-block-wrapper .code-block-header:hover{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border-bottom-color:var(--accent,#d4af37)}.code-block-wrapper .code-block-header::marker,.code-block-wrapper .code-block-header::-webkit-details-marker{display:none}.code-block-wrapper .code-block-header::after{content:'▼';font-size:.9em;transition:transform .3s ease;margin-left:auto;padding-left:1rem;color:var(--accent,#d4af37)}.code-block-wrapper .code-block-collapsible[open] .code-block-header::after{transform:rotate(180deg)}.code-block-wrapper .code-language{text-transform:uppercase;letter-spacing:.05em;color:var(--accent,#d4af37);font-weight:700}.code-block-wrapper .code-language::before{content:'⚡ ';margin-right:.25rem}.code-block-wrapper .code-line-count{font-size:.85em;opacity:.7;color:#cbd5e0;padding-left:1rem}.code-block-wrapper .code-copy-btn{background:rgba(212,175,55,.2);border:1px solid var(--accent,#d4af37);color:var(--accent,#d4af37);padding:.35rem .75rem;border-radius:4px;font-size:.8em;cursor:pointer;transition:all .2s ease;font-family:ubuntu mono,Consolas,Monaco,monospace;font-weight:600;margin-left:1rem;margin-right:.5rem;margin-bottom:.2rem}.code-block-wrapper .code-copy-btn:hover{background:var(--accent,#d4af37);color:#1a1a1a;transform:scale(1.05)}.code-block-wrapper .code-copy-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.code-block-wrapper .code-block-content{padding:0;margin:0;animation:slideDown .3s ease-out}.code-block-wrapper .code-block-content pre{margin:0!important;border-radius:0 0 6px 6px;padding:.5rem .5rem .5rem 3.5rem;position:relative;overflow-x:auto;background:#300a24!important;border:none;tab-size:2;-moz-tab-size:2;-o-tab-size:2}.code-block-wrapper .code-block-content pre.line-numbers{counter-reset:linenumber}.code-block-wrapper .code-block-content pre code{display:block;line-height:1.4;tab-size:2;-moz-tab-size:2;-o-tab-size:2}.code-block-wrapper.plain-text .code-block-content pre{background:rgba(48,10,36,.2)!important;border:1px solid rgba(255,255,255,5%)}.code-block-wrapper.plain-text .code-block-content pre code{color:inherit;font-family:inherit;line-height:1.6}[data-theme=light] .code-block-wrapper.plain-text .code-block-content pre{background:rgba(0,0,0,3%)!important;border-color:rgba(0,0,0,8%)}@media(prefers-color-scheme:light){.code-block-wrapper.plain-text .code-block-content pre{background:rgba(0,0,0,3%)!important;border-color:rgba(0,0,0,8%)}}.line-numbers .line-number{display:inline-block;width:2.5rem;margin-left:-3.5rem;margin-right:1rem;text-align:right;color:#75715e;user-select:none;pointer-events:none;position:absolute;left:0;opacity:.6;font-size:.9em}.line-numbers .line-number::before{content:attr(data-line)}.line-numbers .line-number:hover{opacity:1}.line-numbers code{position:relative}.line-numbers code .line-number{position:relative;left:auto}[data-theme=light] .code-block-wrapper .code-block-collapsible{background:#f7fafc;border-color:#cbd5e0}[data-theme=light] .code-block-wrapper .code-block-header{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e0 100%);color:#1a202c;border-bottom-color:rgba(26,32,44,.2)}[data-theme=light] .code-block-wrapper .code-block-header:hover{background:linear-gradient(135deg,#cbd5e0 0%,#a0aec0 100%)}[data-theme=light] .code-block-wrapper .code-language{color:#2d3748}[data-theme=light] .code-block-wrapper .code-line-count{color:#4a5568}[data-theme=light] .code-block-wrapper .code-copy-btn{background:rgba(45,55,72,.1);border-color:#2d3748;color:#2d3748}[data-theme=light] .code-block-wrapper .code-copy-btn:hover{background:#2d3748;color:#fff}[data-theme=light] .code-block-wrapper .code-block-content pre{background:#f7fafc!important}[data-theme=light] .code-block-wrapper .line-number{color:#a0aec0!important}@media(prefers-color-scheme:light){.code-block-wrapper .code-block-collapsible{background:#f7fafc;border-color:#cbd5e0}.code-block-wrapper .code-block-header{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e0 100%);color:#1a202c;border-bottom-color:rgba(26,32,44,.2)}.code-block-wrapper .code-block-header:hover{background:linear-gradient(135deg,#cbd5e0 0%,#a0aec0 100%)}.code-block-wrapper .code-language{color:#2d3748}.code-block-wrapper .code-line-count{color:#4a5568}.code-block-wrapper .code-copy-btn{background:rgba(45,55,72,.1);border-color:#2d3748;color:#2d3748}.code-block-wrapper .code-copy-btn:hover{background:#2d3748;color:#fff}.code-block-wrapper .code-block-content pre{background:#f7fafc!important}.code-block-wrapper .line-number{color:#a0aec0!important}[data-theme=dark] .code-block-wrapper .code-block-collapsible{background:#1a1a1a;border-color:var(--accent,#d4af37)}[data-theme=dark] .code-block-wrapper .code-block-header{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);color:#f7fafc}[data-theme=dark] .code-block-wrapper .code-language{color:var(--accent,#d4af37)}[data-theme=dark] .code-block-wrapper .code-line-count{color:#cbd5e0}[data-theme=dark] .code-block-wrapper .code-block-content pre{background:#300a24!important}[data-theme=dark] .code-block-wrapper .line-number{color:#75715e!important}}blockquote{border-left:3px solid #3eb0ef;margin:40px;padding:10px 20px}@media(max-width:480px){blockquote{margin:10px;padding:10px}}blockquote:before{content:"”";font-family:Georgia,serif;font-display:auto;font-size:3.875rem;position:absolute;left:-40px;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}ul,ol{margin-left:40px;padding:0;text-align:left}@media(max-width:480px){ul,ol{margin-left:20px}}ol ol{list-style-type:lower-alpha}.container{flex:1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:1200px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}@media(max-width:1000px){.container{padding:0 16px}}@media(max-width:480px){.container{padding:0 12px}}.content{display:flex;flex-direction:column;flex:1 auto;align-items:left;margin:0}@media(max-width:480px){.content{margin-top:0}}.homepage-main{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px}@media(max-width:480px){.homepage-main{min-height:calc(100vh - 150px);padding:20px 12px}}.homepage-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:800px}.homepage-content h1{margin:.5em 0}.homepage-content p{margin:.5em 0}hr{width:100%;border:none;height:1px;background:#bbb}@media(prefers-color-scheme:dark){hr{background:#4e4e57}}[data-theme=dark] hr{background:#4e4e57}[data-theme=light] hr{background:#bbb}.hidden{display:none}@media(max-width:480px){.hide-on-phone{display:none}}@media(max-width:1000px){.hide-on-tablet{display:none}}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;width:auto;top:5px;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;z-index:100000}.background-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:50%}.highlight{margin:30px auto}details{margin:1em 0;padding:0;border-radius:8px;background:#1a1a1a;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;overflow:hidden}details:hover{box-shadow:0 6px 20px rgba(0,0,0,.4);transform:translateY(-2px)}details[open]{border-color:var(--accent,#d4af37);box-shadow:0 8px 25px rgba(0,0,0,.5)}summary{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--accent,#d4af37) 0%,var(--accent-light,#f4d47f) 100%);background-size:200% 200%;background-position:0;color:#1a1a1a;font-weight:600;font-size:1.1em;cursor:pointer;user-select:none;position:relative;border:none;outline:none;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;overflow:hidden}summary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:1}summary>*{position:relative;z-index:2}summary:hover{background:linear-gradient(135deg,var(--accent,#d4af37) 0%,var(--accent-light,#f4d47f) 25%,var(--accent,#d4af37) 50%,var(--accent-light,#f4d47f) 75%,var(--accent,#d4af37) 100%);background-size:400% 400%;animation:gradientShift 2s ease infinite;transform:translateX(4px);box-shadow:0 2px 8px var(--accent-glow,rgba(212,175,55,.4))}summary:hover::before{left:100%}summary:focus{outline-offset:2px}summary::after{content:'⚙️▼';font-size:1.25em;font-weight:700;transition:transform .3s ease;margin-left:auto;padding-left:1rem;opacity:.8}summary::-webkit-details-marker{display:none}details[open] summary{border-bottom:1px solid rgba(0,0,0,.2)}details[open] summary::after{transform:rotate(180deg)}details>*:not(summary){padding:.9rem;animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}details pre{margin:0!important;border-radius:4px}details .highlight{margin:0!important}details .highlight pre{border:1px solid rgba(255,255,255,.1)}details::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:8px}details:hover::before{opacity:1}.posts{width:100%;max-width:1000px;margin:0 auto;padding:0 2rem;text-align:left;padding:20px;margin:20px auto;margin-left:0;margin-right:0;box-sizing:border-box;display:block}@media(max-width:1000px){.posts{max-width:100%;width:100%;padding:0 16px;margin:0}}@media(max-width:576px){.posts{max-width:100%;width:100%;margin:0;padding:0 16px 20px}}@media(max-width:480px){.posts{max-width:100%;width:100%;margin:0;padding:0 16px 20px}}@media(max-width:375px){.posts{padding:0 12px 20px}}.posts-group{display:flex;margin-bottom:1.9em;line-height:normal}@media(max-width:1000px){.posts-group{display:block}}.posts-list{flex-grow:1;margin:0;padding:0;list-style:none}.posts .post-title{margin:20px 0 10px}.posts .post-year{padding-top:6px;margin-right:1.8em;font-size:1.6em;opacity:.6}@media(max-width:1000px){.posts .post-year{margin:-6px 0 4px}}.posts .post-item{border-bottom:1px grey dashed}.posts .post-item-inner{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;text-decoration:none}@media(max-width:1000px){.posts .post-item-inner{flex-direction:column;align-items:flex-start;gap:2px}}.posts .post-day{flex-shrink:0;margin-left:1em;opacity:.6}@media(max-width:1000px){.posts .post-day{margin-left:0}}img{max-width:800px;width:auto;height:auto;max-height:450px;display:block;margin-left:auto;margin-right:auto}a{color:#007acc;text-decoration:none;transition:color .2s;font-weight:700}a:hover{color:#005c99;text-decoration:underline}.post{width:100%;max-width:1000px;text-align:left;padding:20px;margin:20px auto;margin-left:20%;margin-right:0;box-sizing:border-box}@media(max-width:1000px){.post{max-width:100%;width:100%;margin-left:0;margin-right:0;padding:16px}}@media(max-width:576px){.post{max-width:100%;width:100%;margin:0;padding:12px 16px}}@media(max-width:480px){.post{max-width:100%;width:100%;margin:0;padding:8px 16px}}@media(max-width:375px){.post{padding:8px 12px}}.post-date:after{content:'-'}.post-title{font-size:2.625rem;margin:0 0 20px}@media(max-width:1000px){.post-title{font-size:2rem}}@media(max-width:480px){.post-title{font-size:1.5rem;margin-bottom:12px}}.post-title a{text-decoration:none}.post-tags{display:block;margin-bottom:20px;font-size:1rem;opacity:.5}@media(max-width:480px){.post-tags{font-size:.9rem;margin-bottom:12px}}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-content img{max-width:100%;height:auto;width:auto;display:block;margin-left:auto;margin-right:auto;border-radius:30px 10px 30px 10px}@media(max-width:1000px){.post-content img{width:100%;max-height:none}}@media(max-width:480px){.post-content img{width:100%;max-height:none;border:2px solid}}@media(max-width:480px){.post-content{margin-top:18px;font-size:1rem;word-break:break-word;overflow-x:hidden}}.post-cover{border-radius:8px;margin:40px -50px;width:860px;max-width:860px;overflow:hidden}.post-cover img{display:block;max-width:100%;height:auto;width:auto;object-fit:contain}@media(max-width:1000px){.post-cover img{width:100%;max-width:100%;height:auto}}@media(max-width:480px){.post-cover img{width:100vw;max-width:100vw;height:auto}}@media(max-width:1000px){.post-cover{margin:20px 0;width:100%}}@media(max-width:480px){.post-cover{margin:10px 0;width:100%;max-width:100vw}}.post-excerpt{color:grey;font-style:italic}@media(max-width:480px){.post-excerpt{font-size:.95em}}.post-info{margin-top:30px;font-size:.8rem;line-height:normal;opacity:.6}@media(max-width:480px){.post-info{margin-top:18px;font-size:.95em}}.post-info p{margin:.8em 0}.post-info a:hover{border-bottom:1px solid #fff}.post-info svg{margin-right:.8em}.post-info .tag{margin-right:.5em}.post-info .tag::before{content:"#"}.post-info .feather{display:inline-block;vertical-align:-.125em;width:1em;height:1em}.post-audio{display:flex;justify-content:center;align-items:center;padding-top:20px}.post-audio audio{width:90%}@media(max-width:480px){.post-audio audio{width:100%}}.post .flag{border-radius:50%;margin:0 5px}.pagination{margin-top:20px}.pagination__title{display:flex;text-align:center;position:relative;margin:20px 0}.pagination__title-h{text-align:center;margin:0 auto;padding:5px 10px;font-size:.8rem;text-transform:uppercase;text-decoration:none;letter-spacing:.1em;z-index:1;background:#f5f5f0;color:#666}@media(prefers-color-scheme:dark){.pagination__title-h{background:#232425}}[data-theme=dark] .pagination__title-h{background:#232425}[data-theme=light] .pagination__title-h{background:#f5f5f0}@media(prefers-color-scheme:dark){.pagination__title-h{color:#b3b3bd}}[data-theme=dark] .pagination__title-h{color:#b3b3bd}[data-theme=light] .pagination__title-h{color:#666}.pagination__title hr{position:absolute;left:0;right:0;width:100%;margin-top:15px;z-index:0}.pagination__buttons{display:flex;align-items:center;justify-content:center}.pagination__buttons a{text-decoration:none;font-weight:700}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-radius:8px;max-width:40%;padding:0;cursor:pointer;appearance:none;background:#e8e8e3}@media(prefers-color-scheme:dark){.button{background:#3b3d42}}[data-theme=dark] .button{background:#3b3d42}[data-theme=light] .button{background:#e8e8e3}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.footer{padding:40px 20px;flex-grow:0;color:#666}.footer__inner{display:flex;align-items:center;justify-content:center;margin:0 auto;width:760px;max-width:100%}@media(max-width:1000px){.footer__inner{flex-direction:column}}.footer__content{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:#666}@media(max-width:1000px){.footer__content{flex-direction:column;margin-top:10px}}.footer__content>*:not(:last-child)::after{content:"•";padding:0 5px}@media(max-width:1000px){.footer__content>*:not(:last-child)::after{content:"";padding:0}}.footer__content>*:last-child{padding:0 0}@media(max-width:1000px){.footer__content>*:last-child{padding:0}}.sharing-buttons{display:flex;flex-wrap:wrap;justify-content:space-between}.sharing-buttons .resp-sharing-button__icon,.sharing-buttons .resp-sharing-button__link{display:inline-block}.sharing-buttons .resp-sharing-button__link{text-decoration:none;margin:.5em}.sharing-buttons .resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sharing-buttons .resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:top}.sharing-buttons .resp-sharing-button--small svg{margin:0;vertical-align:middle}.post-content table{border-collapse:collapse;margin:25px auto;font-size:.9em;min-width:400px;max-width:100%}.post-content table th,.post-content table td{padding:12px 15px;border:1px solid #bbb}@media(prefers-color-scheme:dark){.post-content table th,.post-content table td{border:1px solid #4e4e57}}[data-theme=dark] .post-content table th,[data-theme=dark] .post-content table td{border:1px solid #4e4e57}[data-theme=light] .post-content table th,[data-theme=light] .post-content table td{border:1px solid #bbb}.post-content table thead tr{text-align:left;background:#bbb;color:#222}@media(prefers-color-scheme:dark){.post-content table thead tr{background:#4e4e57}}[data-theme=dark] .post-content table thead tr{background:#4e4e57}[data-theme=light] .post-content table thead tr{background:#bbb}@media(prefers-color-scheme:dark){.post-content table thead tr{color:#d6d6d6}}[data-theme=dark] .post-content table thead tr{color:#d6d6d6}[data-theme=light] .post-content table thead tr{color:#222}.post-content table tbody tr{border:1px solid #bbb}@media(prefers-color-scheme:dark){.post-content table tbody tr{border:1px solid #4e4e57}}[data-theme=dark] .post-content table tbody tr{border:1px solid #4e4e57}[data-theme=light] .post-content table tbody tr{border:1px solid #bbb}.btn-404 svg{vertical-align:middle;display:inline-block;margin-right:5px}.btn-404 a{margin:0 10px}.form-container{max-width:800px!important;margin:0 auto!important;margin-top:10px!important;padding:0 15px 10px!important;background:rgba(26,26,26,.95)!important;border-radius:15px!important;border:1px solid var(--accent-soft-border)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.form-group{margin-bottom:9px!important;position:relative!important}.form-group label:not(.checkbox-inline){color:#ff6b35!important;font-weight:600!important;margin-bottom:8px!important;display:block!important;font-size:1rem!important}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group input[type=password],.form-group textarea{width:100%!important;background:linear-gradient(135deg,#1a1a1a 0%,rgba(45,45,45,.8) 100%)!important;border:2px solid rgba(255,107,53,.3)!important;border-radius:10px!important;padding:14px 16px!important;color:#e0e0e0!important;font-family:inherit!important;font-size:1rem!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 10px rgba(0,0,0,.2)!important}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group textarea:focus{outline:none!important;border-color:#ff6b35!important;box-shadow:0 0 0 3px rgba(255,107,53,.1),0 2px 10px rgba(0,0,0,.2)!important;background-color:#222!important}.form-group input[type=text]:hover,.form-group input[type=number]:hover,.form-group input[type=email]:hover,.form-group input[type=password]:hover,.form-group textarea:hover{border-color:rgba(255,107,53,.5)!important;background-color:#222!important}.form-group input[type=text]::placeholder,.form-group input[type=number]::placeholder,.form-group input[type=email]::placeholder,.form-group input[type=password]::placeholder,.form-group textarea::placeholder{color:#888!important;opacity:1!important}.form-group select{width:100%!important;max-width:100%!important;background:linear-gradient(135deg,#1a1a1a 0%,rgba(45,45,45,.8) 100%)!important;border:2px solid rgba(255,107,53,.3)!important;border-radius:10px!important;padding:14px 18px!important;padding-right:45px!important;color:#e0e0e0!important;font-family:inherit!important;font-size:1rem!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6b35' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:18px!important;cursor:pointer!important;box-shadow:0 2px 10px rgba(0,0,0,.2)!important}.form-group select:focus{outline:none!important;border-color:#ff6b35!important;box-shadow:0 0 0 3px rgba(255,107,53,.1),0 2px 10px rgba(0,0,0,.2)!important;background-color:#222!important}.form-group select:hover{border-color:rgba(255,107,53,.5)!important;background-color:#222!important}.form-group select option{background:#1a1a1a;color:#e0e0e0;padding:6px}.form-group select option[value=""]{color:#888!important;opacity:1!important}input[type=radio],input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;border:none}.checkbox-group{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:6px}.checkbox-group .checkbox-row{display:grid;flex-direction:column;align-items:flex-start;gap:8px}.checkbox-inline{background:rgba(255,107,53,.1)!important;border:2px solid rgba(255,107,53,.3)!important;border-radius:8px!important;padding:10px 16px!important;margin:4px!important;cursor:pointer!important;transition:all .3s ease!important;user-select:none!important;font-weight:500!important;position:relative!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:#e0e0e0!important;font-size:.95rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.checkbox-inline:hover{background:rgba(255,107,53,.2)!important;border-color:rgba(255,107,53,.6)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(255,107,53,.2)!important}.checkbox-inline:has(input:focus){outline:2px solid #ff6b35!important;outline-offset:2px!important}.checkbox-inline:has(input[type=checkbox]:checked)::before{content:"✓"!important;position:absolute!important;right:8px!important;color:#fff!important;font-weight:700!important;font-size:14px!important}.checkbox-inline input[type=checkbox]{width:18px!important;height:18px!important;border-radius:4px!important;border:2px solid rgba(255,107,53,.5)!important;background:#1a1a1a!important;cursor:pointer!important;margin:0!important;accent-color:#ff6b35}.checkbox-inline input[type=checkbox]:checked{background:#ff6b35!important;border-color:#ff6b35!important}label[style*="display: flex"]{background:rgba(255,107,53,.1)!important;border:2px solid rgba(255,107,53,.3)!important;border-radius:8px!important;padding:12px 18px!important;margin:5px!important;cursor:pointer!important;transition:all .3s ease!important;user-select:none!important;font-weight:500!important;position:relative!important}label[style*="display: flex"]:hover{background:rgba(255,107,53,.2)!important;border-color:rgba(255,107,53,.6)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(255,107,53,.2)!important}label[style*="display: flex"]:has(input[type=radio]:focus){outline:2px solid #ff6b35!important;outline-offset:2px!important}label[style*="display: flex"]:has(input[type=radio]:checked)::before{content:"●"!important;position:absolute!important;right:8px!important;color:#fff!important;font-weight:700!important;font-size:14px!important}.btn-primary,button[onclick],button.btn-primary{background:linear-gradient(135deg,#ff6b35 0%,#ff8c69 100%)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;min-width:200px!important;margin:10px auto!important;box-shadow:0 4px 15px rgba(255,107,53,.3)!important;text-align:center!important}.btn-primary:hover,button[onclick]:hover,button.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(255,107,53,.4)!important;background:linear-gradient(135deg,#ff8c69 0%,#00d600 100%)!important}.btn-primary:active,button[onclick]:active,button.btn-primary:active{transform:translateY(0)!important;box-shadow:0 4px 15px rgba(255,107,53,.3)!important;background:linear-gradient(135deg,#ff8c69 0%,#008500 100%)!important}.btn-primary:disabled,button[onclick]:disabled,button.btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.form-container form{text-align:center!important}.form-container .form-group{text-align:left!important}.result-buttons{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:30px!important}.result-buttons .btn-primary{min-width:auto!important;width:auto!important;padding:8px 16px!important;margin:2px!important;font-size:14px!important;background:linear-gradient(135deg,#6c757d,#5a6268)!important;border-radius:6px!important;min-width:120px!important}.result-buttons .btn-primary:hover{background:linear-gradient(135deg,#5a6268,#6c757d)!important;transform:translateY(-1px)!important}.file-upload-area{border:2px dashed rgba(255,107,53,.5);border-radius:10px;padding:40px;text-align:center;background:rgba(255,107,53,5%);cursor:pointer;transition:all .3s ease}.file-upload-area:hover{border-color:#ff6b35;background:rgba(255,107,53,.1)}.file-upload-area.dragover{border-color:#ff6b35;background:rgba(255,107,53,.15)}.upload-text{color:#ff6b35;font-size:1.1rem;margin-bottom:10px}.upload-subtext{color:#999;font-size:.9rem}.file-name{color:#ff6b35;font-weight:700;margin-top:10px}@media(max-width:768px){.form-container{padding:20px!important}.result-buttons{flex-direction:column!important;align-items:stretch!important}.result-buttons .btn-primary{width:100%!important;margin:5px 0!important}}@media(max-width:480px){.form-container{margin:20px!important;padding:25px!important}}.hero-section{text-align:center;margin-bottom:30px;padding:10px;background:linear-gradient(135deg,var(--accent-soft) 0%,rgba(0,0,0,.3) 100%);border-radius:12px;border:1px solid var(--accent-soft-border)}.hero-title{font-size:1.8rem;margin-bottom:12px;background:linear-gradient(135deg,var(--accent),var(--accent-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.hero-description{font-size:.95rem;max-width:600px;margin:0 auto;opacity:.85;line-height:1.5}.search-filter{margin-top:25px;max-width:600px;margin-left:auto;margin-right:auto}.search-input{width:100%;padding:14px 20px;font-size:1rem;border:2px solid var(--accent-soft-border);border-radius:25px;background:rgba(0,0,0,.3);color:#e0e0e0;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input:focus{border-color:var(--accent);background:rgba(0,0,0,.4);box-shadow:0 0 15px var(--accent-glow)}.search-input::placeholder{color:rgba(255,255,255,.4)}.search-results{text-align:center;margin-top:10px;font-size:.9rem;opacity:.9;display:none}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:50px;justify-items:stretch}.service-card{background:var(--card-bg);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(112,70,70,.3);display:flex;flex-direction:column;width:100%;max-width:none;min-height:auto;text-decoration:none;color:inherit;cursor:pointer}.service-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 6px 20px var(--accent-glow);background:var(--card-bg-hover)}.service-card:hover .card-header h3{color:var(--accent-light)}.service-card .card-header{padding:12px 16px;border-bottom:1px solid rgba(255,107,53,.1);border-right:none;flex:none;display:flex;flex-direction:column;justify-content:center;order:2}.service-card .card-header h3{color:var(--accent);font-size:1.2rem;font-weight:700;margin-bottom:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.service-card .card-content{padding:12px 16px;flex:auto;display:flex;flex-direction:column;justify-content:center;order:3}.service-card .card-content p{margin-bottom:8px;opacity:.9;font-size:.9rem;line-height:1.4}.service-card .card-thumbnail{flex:none;width:100%;height:auto;max-height:100px;display:flex;align-items:center;justify-content:center;padding:15px;overflow:hidden;border-left:none;border-bottom:1px solid rgba(255,107,53,.2);order:1}.service-card .card-thumbnail img{max-width:100%;max-height:100px;width:auto;height:auto;object-fit:contain}.card-content-wrapper{display:flex;flex-direction:column;gap:8px}.feature-list{list-style:none;margin-bottom:0;display:flex;flex-wrap:wrap;gap:8px}.feature-list li{position:relative;padding:4px 8px;margin-bottom:0;opacity:.8;background:var(--accent-soft);border-radius:12px;font-size:.8rem;border:1px solid var(--accent-soft-border)}.feature-list li::before{display:none}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:#ffb199;font-size:.75rem;line-height:1;vertical-align:baseline}.info-section,.security-section{margin-bottom:60px;padding:40px;background:rgba(0,0,0,.3);border-radius:15px;border:1px solid var(--accent-soft-border)}.info-section h2,.security-section h2{text-align:center;margin-bottom:30px;color:var(--accent);font-size:2rem}.info-grid,.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.info-item,.security-item{text-align:center}.info-item h4,.security-item h4{color:var(--accent);margin-bottom:15px;font-size:1.2rem}.info-item p,.security-item p{opacity:.8;line-height:1.6}.thumbnail-only-view .service-card{flex-direction:row!important}.thumbnail-only-view .service-card .card-header,.thumbnail-only-view .service-card .card-content{display:none!important}.thumbnail-only-view .service-card .card-thumbnail{width:100%;height:140px;min-height:100px;max-height:100px;aspect-ratio:16/9;border-bottom:none;border:1px solid var(--accent-soft-border);border-radius:8px;order:1;padding:0;overflow:hidden;display:block}.thumbnail-only-view .service-card .card-thumbnail img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.thumbnail-only-view .service-card:hover .card-thumbnail{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.thumbnail-only-view .services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:100%;gap:16px}@media(min-width:1400px){.thumbnail-only-view .services-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1399px) and (min-width:1100px){.thumbnail-only-view .services-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1099px) and (min-width:768px){.thumbnail-only-view .services-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.thumbnail-only-view .services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.thumbnail-only-view .services-grid{grid-template-columns:1fr}}@media(max-width:1024px){.hero-title{font-size:1.7rem}.hero-section{margin-bottom:25px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-bottom:45px}.security-grid,.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.feature-list{justify-content:flex-start}.hero-title{font-size:1.5rem}.hero-description{font-size:.9rem}.hero-section{margin-bottom:20px}}@media(max-width:480px){.hero-title{font-size:1.3rem}.hero-description{font-size:.85rem;line-height:1.4}.hero-section{margin-bottom:18px}.services-grid{grid-template-columns:1fr;gap:15px;margin-bottom:35px}}.items-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:50px}.item-card{background:var(--card-bg);border-radius:8px;border:1px solid var(--accent-soft-border);border-left:4px solid var(--accent);overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;flex-direction:row;align-items:center;text-decoration:none;color:inherit;cursor:pointer;min-height:120px}.item-card:hover{transform:translateX(4px);border-color:var(--accent);box-shadow:0 6px 20px var(--accent-glow);background:var(--card-bg-hover)}.item-card:hover .card-header h3{color:var(--accent-light)}.thumbnail-only-view .service-card .card-thumbnail img{object-fit:contain;padding:2px;background:0 0}.thumbnail-only-view .service-card .card-thumbnail{border:none}.card-thumbnail{flex:0 0 140px;height:auto;display:flex;align-items:center;justify-content:center;padding:15px;order:2}.card-thumbnail img{max-width:100%;max-height:100px;width:auto;height:auto;object-fit:contain;border:none}.card-body{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:8px;min-width:0;order:1}.card-header{flex-shrink:0}.card-header h3{color:var(--accent);font-size:1.15rem;font-weight:700;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-content p{margin:0;opacity:.9;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.85rem;opacity:.7}.card-meta .date{color:var(--accent)}.tags-inline{display:flex;gap:6px;flex-wrap:wrap}.tags-inline .tag{background:var(--accent-soft);border:1px solid var(--accent-soft-border);padding:2px 8px;border-radius:12px;font-size:.75rem}@media(max-width:768px){.item-card{flex-direction:column;min-height:auto}.card-thumbnail{flex:none;width:100%;height:auto;max-height:100px;border-left:none;border-bottom:1px solid var(--accent-soft-border);order:0}.card-body{order:1}}.listing-item{background:rgba(255,255,255,3%);border:1px solid var(--accent-soft-border);border-left:4px solid var(--accent);padding:18px 20px 16px 18px;border-radius:12px;margin:14px 0;transition:background .25s,transform .25s,border-color .25s}.post-card:hover,.listing-item:hover{background:var(--accent-soft);transform:translateY(-3px)}.card-thumbnail-inline{margin:15px 0;display:flex;justify-content:center;align-items:center;max-height:200px;overflow:hidden;border-radius:8px;border:1px solid var(--accent-soft-border)}.card-thumbnail-inline img{max-width:100%;max-height:200px;object-fit:contain;border:none}.ai-tools-layout{display:grid;grid-template-columns:1fr;gap:0;width:100%;box-sizing:border-box;position:relative;border:2px solid var(--accent-soft-border);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.2);box-shadow:0 0 22px var(--accent-glow);transition:box-shadow .3s ease;min-height:400px}@media(min-width:1024px){.ai-tools-layout{grid-template-columns:550px 4px 1fr;min-height:600px;min-width:900px}}@media(min-width:1400px){.ai-tools-layout{min-width:1100px}}.layout-divider{display:none;background:linear-gradient(90deg,var(--accent-soft-border) 0%,var(--accent-glow) 50%,var(--accent-soft-border) 100%);cursor:col-resize;position:relative;user-select:none;transition:background .2s ease}.layout-divider::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;background:rgba(255,255,255,.3);border-radius:2px}.layout-divider:hover,.layout-divider.dragging{background:linear-gradient(90deg,rgba(255,107,53,.5) 0%,rgba(255,107,53,.9) 50%,rgba(255,107,53,.5) 100%)}@media(min-width:1024px){.layout-divider{display:block}}.ai-form-section{display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,var(--accent-soft) 0%,rgba(0,0,0,.3) 100%);padding:30px;position:relative;border-right:none}.ai-form-section h1{font-size:1.8rem;margin:0 0 10px;color:var(--accent);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ai-form-section>p:first-of-type{text-align:center;margin-bottom:20px;opacity:.9;font-size:.95rem;line-height:1.5}.ai-results-section{display:flex;flex-direction:column;gap:20px;min-height:300px;background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,var(--accent-soft) 100%);padding:30px;position:relative;text-align:left}.ai-results-section .result-content{text-align:left}.ai-results-section::before{content:'📊 Results & Output';display:block;font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--accent-soft-border)}.ai-results-section:not(:has(*)){display:flex;align-items:center;justify-content:center}.ai-results-section:empty::after{content:'Results will appear here...';color:rgba(255,255,255,.3);font-size:1.1rem;font-style:italic}@media(max-width:1023px){.ai-tools-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.layout-divider{display:none}.ai-form-section{border-right:none;border-bottom:2px solid var(--accent-soft-border)}.ai-results-section{min-height:400px}}.ai-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin:32px 0}.ai-tool-card{background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-left:4px solid var(--accent);border-radius:12px;padding:24px;transition:all .3s ease}.ai-tool-card:hover{background:rgba(255,107,53,.15);transform:translateY(-4px);box-shadow:0 8px 24px var(--accent-glow)}.ai-tool-card h2{margin:0 0 12px;font-size:1.3em;color:var(--accent)}.ai-tool-card h2 a{text-decoration:none;color:var(--accent);transition:color .3s ease}.ai-tool-card h2 a:hover{color:var(--accent-light)}.ai-tool-card p{margin:12px 0;line-height:1.6;opacity:.9}.ai-tool-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;border-top:1px solid var(--accent-soft-border)}.ai-tool-meta .tag{background:rgba(255,107,53,.15);border:1px solid var(--accent-soft-border);color:var(--accent);padding:4px 8px;border-radius:6px;font-size:.8em;transition:all .3s ease}.ai-tool-meta .tag:hover{background:rgba(255,107,53,.25);color:var(--accent-light)}.ai-result-stack{display:grid;gap:14px}.ai-card{background:#1a1a1a;padding:22px;border-radius:10px;border:1px solid var(--accent-soft-border)}.ai-card h1{margin:0 0 12px;color:var(--accent)}.ai-card ul,.ai-card ol{padding-left:28px}.ai-card li{margin:6px 0}.ai-form-container{background:rgba(255,255,255,5%);padding:30px;border-radius:12px;margin-bottom:30px;border:1px solid var(--accent-soft-border);width:100%;max-width:100%;box-sizing:border-box}.ai-form-group{margin-bottom:20px}.ai-form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--accent);font-size:.95rem}.ai-form-group input,.ai-form-group select,.ai-form-group textarea{width:100%;max-width:100%;padding:12px;border:2px solid var(--accent-soft-border);border-radius:8px;background:rgba(255,255,255,.1);color:inherit;font-size:16px;font-family:inherit;box-sizing:border-box;transition:border-color .3s ease;word-wrap:break-word;overflow-wrap:break-word}.ai-form-group input:focus,.ai-form-group select:focus,.ai-form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ai-form-group select{white-space:normal}.ai-form-group select option{white-space:normal;word-wrap:break-word}.ai-form-group textarea{resize:vertical;min-height:120px}.ai-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.ai-btn{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:var(--accent-button-text);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.ai-btn:hover{background:linear-gradient(135deg,#e55a2b,#e67a32);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.ai-btn:active{transform:translateY(0)}.ai-btn.secondary{background:linear-gradient(135deg,#666,#888)}.ai-btn.secondary:hover{background:linear-gradient(135deg,#555,#777)}.ai-loading{text-align:center;padding:40px;color:var(--accent)}.ai-loading-spinner{border:3px solid var(--accent-soft-border);border-top:3px solid var(--accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ai-error{background:rgba(220,53,69,.1);border:1px solid #dc3545;border-radius:8px;padding:15px;margin:20px 0;color:#dc3545}.ai-success{background:rgba(40,167,69,.1);border:1px solid #28a745;border-radius:8px;padding:15px;margin:20px 0;color:#28a745}@media(max-width:768px){.section-ai-tools .main-content{max-width:98%;padding-left:15px;padding-right:15px;padding-bottom:20px}.ai-form-container{padding:20px}.ai-form-row{grid-template-columns:1fr}.ai-form-group input,.ai-form-group select,.ai-form-group textarea{font-size:14px}}@media(max-width:480px){.section-ai-tools .main-content{max-width:100%;padding-left:10px;padding-right:10px;padding-bottom:20px}.ai-form-container{padding:15px}}.section-ai-tools .main-content{max-width:95%;width:100%;padding:30px 20px}@media(min-width:1400px){.section-ai-tools .main-content{max-width:90%}}@media(min-width:1920px){.section-ai-tools .main-content{max-width:85%}}body.section-ai-tools main{display:block;margin:120px auto 0;width:auto;max-width:95%;padding:0 2rem}body.section-ai-tools .container{max-width:none;width:auto}body.section-ai-tools .post{max-width:none;width:auto}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.post-navigation .nav-link{display:flex;flex-direction:column;padding:1rem;background:var(--card-bg,rgba(255,255,255,5%));border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;transition:all .3s ease}.post-navigation .nav-link:hover{background:var(--card-bg-hover,rgba(255,255,255,8%));border-color:var(--accent,#ff6b35);transform:translateY(-2px)}.post-navigation .nav-link.prev{text-align:left}.post-navigation .nav-link.next{text-align:right;grid-column:2}.post-navigation .nav-label{font-size:.85em;color:rgba(255,255,255,.6);margin-bottom:.5rem}.post-navigation .nav-title{color:var(--accent-light,#fff);font-weight:600}@media(max-width:768px){.post-navigation{grid-template-columns:1fr}.post-navigation .nav-link.next{grid-column:1}}main.posts{max-width:1000px;margin:120px auto 0;padding:0 2rem}@media(max-width:768px){main.posts{padding:0 1rem;margin-top:120px}}.breadcrumb{margin-bottom:2rem;padding:.75rem 0;font-size:.9em;color:rgba(255,255,255,.6)}.breadcrumb a{color:var(--accent,#00d4ff);text-decoration:none;transition:opacity .2s}.breadcrumb a:hover{opacity:.7}.breadcrumb .separator{margin:0 .5rem;color:rgba(255,255,255,.4)}.post-single{max-width:100%}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.post-title{margin:0 0 1rem;font-size:2.5rem;line-height:1.2;color:var(--accent-light,#fff)}@media(max-width:768px){.post-title{font-size:2rem}}.post-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;color:rgba(255,255,255,.7);font-size:.95em}@media(max-width:768px){.post-meta{font-size:.85em}}.brand-badge{background:var(--accent-soft,rgba(255,255,255,.1));border:1px solid var(--accent-soft-border,rgba(255,255,255,.2));color:var(--accent-light,#fff);padding:.25rem .75rem;border-radius:12px;font-size:.85em;font-weight:600}.meta-info{flex-wrap:wrap;align-items:center;gap:.5rem}.meta-item{align-items:center;gap:.4em}.separator{margin:0 .25rem;color:rgba(255,255,255,.4)}.post-content{margin:2rem 0;line-height:1.7}.post-content p{margin-bottom:1.25rem}.post-content h2,.post-content h3,.post-content h4{margin-top:2rem;margin-bottom:1rem;color:var(--accent-light,#fff)}.post-content ul,.post-content ol{margin:1rem 0 1rem 2rem}.post-content li{margin-bottom:.5rem}.post-content table{display:block;width:100%;max-width:100%;margin:2rem 0;border-collapse:collapse;table-layout:auto}.post-content table th,.post-content table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;padding:.75rem;border:1px solid rgba(255,255,255,.1)}.post-content table th{background:rgba(255,255,255,5%);font-weight:600}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.post-navigation{grid-template-columns:1fr}}.post-navigation .nav-link{display:flex;flex-direction:column;padding:1rem;background:var(--card-bg,rgba(255,255,255,5%));border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;transition:all .3s ease}.post-navigation .nav-link:hover{background:var(--card-bg-hover,rgba(255,255,255,8%));border-color:var(--accent,#00d4ff);transform:translateY(-2px)}.post-navigation .nav-link.prev{text-align:left}.post-navigation .nav-link.next{text-align:right;grid-column:2}@media(max-width:768px){.post-navigation .nav-link.next{grid-column:1}}.post-navigation .nav-label{font-size:.85em;color:rgba(255,255,255,.6);margin-bottom:.5rem}.post-navigation .nav-title{color:var(--accent-light,#fff);font-weight:600}::-webkit-scrollbar{width:4px}@media(min-width:1401px){main.posts{max-width:900px;margin-right:320px}}.hero-section{text-align:center;margin-top:0;margin-bottom:30px;padding:20px 15px;background:linear-gradient(135deg,var(--accent-soft,rgba(255,255,255,.1)) 0%,rgba(0,0,0,.3) 100%);border-radius:12px;border:1px solid var(--accent-soft-border,rgba(255,255,255,.2))}.hero-title{font-size:2rem;margin-bottom:12px;background:linear-gradient(135deg,var(--accent,#00d4ff),var(--accent-light,#fff));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@media(max-width:768px){.hero-title{font-size:1.5rem}}.hero-description{font-size:.95rem;max-width:600px;margin:0 auto;opacity:.85;line-height:1.5;color:rgba(255,255,255,.8)}.search-filter{margin-top:25px;max-width:600px;margin-left:auto;margin-right:auto}.search-input{width:100%;padding:14px 20px;font-size:1rem;border:2px solid var(--accent-soft-border,rgba(255,255,255,.2));border-radius:25px;background:rgba(0,0,0,.3);color:#e0e0e0;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input:focus{border-color:var(--accent,#00d4ff);background:rgba(0,0,0,.4);box-shadow:0 0 15px var(--accent-glow,rgba(0,212,255,.3))}.search-input::placeholder{color:rgba(255,255,255,.4)}.search-results{text-align:center;margin-top:10px;font-size:.9rem;opacity:.9;display:none;color:var(--accent,#00d4ff)}.items-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:50px}.item-card{background:var(--card-bg,rgba(255,255,255,5%));border-radius:8px;border:1px solid var(--accent-soft-border,rgba(255,255,255,.1));border-left:4px solid var(--accent,#00d4ff);overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);padding:1.5rem;text-decoration:none;color:inherit;display:block}.item-card:hover{transform:translateX(4px);border-color:var(--accent,#00d4ff);box-shadow:0 6px 20px var(--accent-glow,rgba(0,212,255,.3));background:var(--card-bg-hover,rgba(255,255,255,8%))}@media(max-width:768px){.item-card{padding:1rem}}.item-content{width:100%}.item-title{font-size:1.4rem;margin:0 0 .5rem;color:var(--accent-light,#fff);font-weight:600}@media(max-width:768px){.item-title{font-size:1.2rem}}.item-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;color:rgba(255,255,255,.6)}.item-separator{color:rgba(255,255,255,.4)}.item-description{margin:.75rem 0;line-height:1.6;color:rgba(255,255,255,.7);font-size:.95rem}.item-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:var(--accent-soft,rgba(255,255,255,.1));color:var(--accent-light,#fff);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;border:1px solid var(--accent-soft-border,rgba(255,255,255,.2))}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:3rem 0;padding:1rem}.pagination-link{background:var(--accent-soft,rgba(255,255,255,.1));border:1px solid var(--accent-soft-border,rgba(255,255,255,.2));color:var(--accent-light,#fff);padding:.5rem 1rem;border-radius:8px;text-decoration:none;transition:all .3s ease}.pagination-link:hover{background:var(--accent,#00d4ff);color:#000;transform:translateY(-2px)}.pagination-info{color:rgba(255,255,255,.7);font-size:.9rem}@media(max-width:768px){main.posts{padding:0 1rem;margin-top:120px}}#toc-auto{position:fixed;top:140px;right:2rem;width:250px;max-height:calc(100vh - 160px);overflow-y:auto;padding:1rem;backdrop-filter:blur(10px);border-left:1px solid var(--accent,#00d4ff);border-radius:8px}#toc-auto .toc-title{font-size:1.1em;font-weight:700;margin-bottom:.8rem;color:var(--accent,#00d4ff);text-transform:uppercase;letter-spacing:.5px}#toc-auto .toc-content ul{list-style:none;padding-left:0;margin:0}#toc-auto .toc-content ul ul{padding-left:.5rem;margin-top:0;border-left:1px solid rgba(255,255,255,.1);margin-left:.25rem}#toc-auto .toc-content ul ul li::before{content:"─";position:absolute;left:-.5rem;color:rgba(255,255,255,.15);font-size:.7em;line-height:1.8}#toc-auto .toc-content li{position:relative;padding-left:.5rem;margin:0}#toc-auto .toc-content>nav>ul>li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:0 0}#toc-auto .toc-content>nav>ul>li>a{font-size:.9em;font-weight:500;color:var(--accent-light,#f4d47f);padding-top:.6rem}#toc-auto .toc-content>nav>ul>li ul>li>a{font-size:.85em;font-weight:400}#toc-auto .toc-content>nav>ul>li ul>li ul>li>a{font-size:.8em;font-weight:300}#toc-auto .toc-content>nav>ul>li ul>li ul>li ul>li>a{font-size:.75em;font-weight:300;opacity:.9}#toc-auto .toc-content a{display:block;color:rgba(255,255,255,.7);text-decoration:none;padding:.15rem 0;line-height:1.3;transition:all .2s ease;border-left:2px solid transparent;padding-left:.3rem}#toc-auto .toc-content a:hover{color:var(--accent,#00d4ff);border-left-color:var(--accent,#00d4ff);padding-left:.75rem}#toc-auto .toc-content a.active{color:var(--accent,#00d4ff);font-weight:500;border-left-color:var(--accent,#00d4ff)}@media(max-width:1400px){#toc-auto{display:none}}#toc-static{margin:1.5rem 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:rgba(0,0,0,.3)}#toc-static .toc-title{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(255,255,255,5%);cursor:pointer;user-select:none;font-weight:600;color:var(--accent,#00d4ff)}#toc-static .toc-title:hover{background:rgba(255,255,255,8%)}#toc-static .toc-content{max-height:0;overflow:hidden;transition:max-height .3s ease}#toc-static .toc-content ul{list-style:none;padding-left:0;margin:0}#toc-static .toc-content ul ul{padding-left:.5rem;margin-top:0;border-left:1px solid rgba(255,255,255,.1);margin-left:.25rem}#toc-static .toc-content ul ul li::before{content:"─";position:absolute;left:-.5rem;color:rgba(255,255,255,.15);font-size:.7em;line-height:1.8}#toc-static .toc-content li{position:relative;padding-left:1rem;margin:0}#toc-static .toc-content>nav>ul>li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:0 0}#toc-static .toc-content>nav>ul>li>a{font-size:.95em;font-weight:bolder;padding-top:1rem;color:var(--accent-light,#f4d47f)}#toc-static .toc-content>nav>ul>li ul>li>a{font-size:.9em;font-weight:400}#toc-static .toc-content>nav>ul>li ul>li ul>li>a{font-size:.85em;font-weight:300}#toc-static .toc-content>nav>ul>li ul>li ul>li ul>li>a{font-size:.8em;font-weight:300;opacity:.9}#toc-static .toc-content a{display:block;color:rgba(255,255,255,.7);text-decoration:none;padding:.15rem 0;transition:color .2s ease;line-height:1.3}#toc-static .toc-content a:hover{color:var(--accent,#00d4ff)}#toc-static.open .toc-content{max-height:none;padding:.75rem}@media(min-width:1401px){#toc-static{display:none!important}}.product-ratings-container{margin:2rem 0;padding:0}.ratings-heading{font-size:1.8rem;margin-bottom:1.5rem;color:var(--accent,red);border-bottom:3px solid var(--accent,red);padding-bottom:.5rem}.rating-tables-wrapper{flex-direction:column;gap:1.5rem}.product-details-table,.detailed-ratings-table{width:100%;border-collapse:separate;border-spacing:0;background:0 0;border-radius:12px;overflow:hidden;border:2px solid var(--accent-soft-border,rgba(255,0,0,.3));box-shadow:0 4px 6px rgba(255,0,0,.1),0 1px 3px rgba(255,0,0,8%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-details-table:hover,.detailed-ratings-table:hover{transform:translateY(-2px);border-color:var(--accent-light,#f33);box-shadow:0 8px 12px var(--accent-glow,rgba(255,0,0,.4)),0 2px 4px rgba(255,0,0,.2)}.product-details-table thead,.detailed-ratings-table thead{background:linear-gradient(135deg,red 0%,#c00 100%);color:#fff}.product-details-table th,.detailed-ratings-table th{padding:1rem 1.5rem;text-align:center;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;border:none}.product-details-table tbody tr,.detailed-ratings-table tbody tr{background:0 0;transition:background-color .2s ease}.product-details-table tbody tr:hover,.detailed-ratings-table tbody tr:hover{background:var(--accent-soft,rgba(255,0,0,.1))}.product-details-table td,.detailed-ratings-table td{padding:1.25rem 1.5rem;text-align:center;border:none;font-size:1rem}.brand-cell{color:var(--accent,red);font-size:1.1rem}.model-cell{font-weight:500}.odour-cell{font-style:italic;opacity:.8}.rating-cell{text-align:center;vertical-align:middle}.stars{color:#f39c12;font-size:1.4rem;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,.1);display:inline-block}.overall-stars{font-size:1.6rem}.rating-number{font-size:.85rem;opacity:.7;font-weight:500}.rating-icon{font-size:1.2rem;margin-right:.3rem;vertical-align:middle}@media(max-width:768px){.product-details-table th,.product-details-table td,.detailed-ratings-table th,.detailed-ratings-table td{padding:.75rem .5rem;font-size:.9rem}.stars{font-size:1.2rem;letter-spacing:1px}.overall-stars{font-size:1.4rem}.rating-icon{font-size:1rem}.ratings-heading{font-size:1.5rem}}@media(max-width:480px){.product-details-table th,.product-details-table td,.detailed-ratings-table th,.detailed-ratings-table td{padding:.5rem .25rem;font-size:.8rem}.stars{font-size:1rem}.overall-stars{font-size:1.2rem}.rating-number{font-size:.75rem}}@media(prefers-color-scheme:dark){.ratings-heading{color:var(--accent-light,#f33);border-bottom-color:var(--accent-light,#f33)}.product-details-table,.detailed-ratings-table{background:0 0;border-color:var(--accent-soft-border,rgba(255,0,0,.4))}.product-details-table:hover,.detailed-ratings-table:hover{border-color:var(--accent,red);box-shadow:0 8px 12px var(--accent-glow,rgba(255,0,0,.5)),0 2px 4px rgba(255,0,0,.3)}.product-details-table tbody tr,.detailed-ratings-table tbody tr{background:0 0}.product-details-table tbody tr:hover,.detailed-ratings-table tbody tr:hover{background:var(--accent-soft,rgba(255,0,0,.15))}.brand-cell{color:var(--accent-light,#f33)}}.rankings-table-wrapper{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:3rem;margin-bottom:3rem;display:flex;justify-content:center}.rankings-table{font-family:-apple-system,BlinkMacSystemFont,segoe ui,helvetica neue,Arial,sans-serif;width:max-content;max-width:calc(100vw - 4rem);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 2rem}.rankings-table table{width:max-content;font-size:.9rem;border-collapse:separate;border-spacing:0;background:0 0;box-shadow:0 2px 8px rgba(0,0,0,8%),0 1px 2px rgba(0,0,0,6%);border-radius:8px;overflow:hidden;table-layout:auto}.rankings-table thead{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);position:sticky;top:0;z-index:10}.rankings-table th{padding:1.2rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:1.2px;color:#ecf0f1;border-bottom:2px solid rgba(255,255,255,.1)}.rankings-table th:not(:last-child){border-right:1px solid rgba(255,255,255,5%)}.rankings-table th:nth-child(4){background:rgba(243,156,18,.15)}.rankings-table tbody tr{background:0 0;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(0,0,0,5%)}.rankings-table tbody tr:nth-child(even){background:rgba(236,240,241,.3)}.rankings-table tbody tr:hover{background:rgba(52,152,219,8%);transform:translateX(4px);box-shadow:-4px 0 0 0 var(--accent,red)}.rankings-table tbody tr:last-child{border-bottom:none}.rankings-table td{padding:1rem;vertical-align:middle;color:#2c3e50;font-size:.9rem;border-right:1px solid rgba(0,0,0,3%)}.rankings-table td:last-child{border-right:none}.rankings-table td:nth-child(1){white-space:nowrap}.rankings-table td:nth-child(2){white-space:nowrap;min-width:200px}.rankings-table td:nth-child(4){background:rgba(243,156,18,8%);font-weight:600}.rankings-table .brand-name{color:var(--accent,red);font-size:1.05em;font-weight:600;letter-spacing:.3px;white-space:nowrap}.rankings-table .rating-stars{text-align:center;white-space:nowrap;font-family:segoe ui symbol,apple color emoji,sans-serif}.rankings-table .rating-number{display:none;font-size:1rem;font-weight:600;color:#2c3e50}.rankings-table .stars{color:#f39c12;font-size:1.1rem;letter-spacing:2px;text-shadow:0 1px 3px rgba(243,156,18,.3);filter:drop-shadow(0 0 2px rgba(243,156,18,.4))}.rankings-table .model-link{color:#2c3e50;text-decoration:none;font-weight:500;transition:all .2s ease;display:inline-block;border-bottom:2px solid transparent;padding-bottom:2px}.rankings-table .model-link:hover{color:var(--accent,red);border-bottom-color:var(--accent,red)}.rankings-table a{color:var(--accent,red);text-decoration:none;font-weight:500;padding:.4rem .8rem;border-radius:4px;transition:all .2s ease;display:inline-block;border:1px solid transparent}.rankings-table a:hover{background:rgba(255,0,0,8%);border-color:var(--accent,red);transform:translateY(-1px)}.rankings-table::before{content:'';display:block;height:3px;background:linear-gradient(90deg,var(--accent,red) 0%,transparent 100%);margin-bottom:2rem;border-radius:2px}@media(max-width:1060px){.rankings-table td:nth-child(2){white-space:normal;min-width:150px;max-width:200px}}@media(max-width:1024px){.rankings-table table{font-size:.8rem}.rankings-table th,.rankings-table td{padding:.8rem .6rem}.rankings-table .stars{font-size:1rem;letter-spacing:1.5px}}@media(max-width:768px){.rankings-table table{font-size:.75rem}.rankings-table th,.rankings-table td{padding:.6rem .4rem}.rankings-table .stars{display:none}.rankings-table .rating-number{display:inline-block}.rankings-table th{font-size:.7rem;letter-spacing:.8px}.rankings-table th:nth-child(3){font-size:1.2rem}.rankings-table th:nth-child(4){font-size:0}.rankings-table th:nth-child(4)::before{content:'⭐';font-size:1.2rem}.rankings-table th:nth-child(5){font-size:0}.rankings-table th:nth-child(5)::before{content:'👃';font-size:1.2rem}.rankings-table th:nth-child(6){font-size:0}.rankings-table th:nth-child(6)::before{content:'💪';font-size:1.2rem}.rankings-table th:nth-child(7){font-size:0}.rankings-table th:nth-child(7)::before{content:'⏱️';font-size:1.2rem}.rankings-table th:nth-child(8){font-size:0}.rankings-table th:nth-child(8)::before{content:'⚡';font-size:1.2rem}.rankings-table tbody tr:hover{transform:translateX(2px);box-shadow:-2px 0 0 0 var(--accent,red)}.rankings-table-wrapper{padding:0 1rem}}@media(max-width:700px){.rankings-table th:nth-child(3),.rankings-table td:nth-child(3){display:none}}@media(max-width:600px){.rankings-table th:nth-child(1),.rankings-table td:nth-child(1),.rankings-table th:nth-child(4),.rankings-table td:nth-child(4){display:none}}@media(prefers-color-scheme:dark){.rankings-table table{box-shadow:0 2px 12px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.3)}.rankings-table thead{background:linear-gradient(135deg,#1a252f 0%,#2c3e50 100%)}.rankings-table tbody tr{border-bottom-color:rgba(255,255,255,5%)}.rankings-table tbody tr:nth-child(even){background:rgba(44,62,80,.2)}.rankings-table tbody tr:hover{background:rgba(52,152,219,.15)}.rankings-table td{color:#ecf0f1;border-right-color:rgba(255,255,255,5%)}.rankings-table td:nth-child(4){background:rgba(243,156,18,5%)}.rankings-table .model-link{color:#ecf0f1}.rankings-table .model-link:hover{color:var(--accent-light,#f33);border-bottom-color:var(--accent-light,#f33)}.rankings-table .rating-number{color:#ecf0f1}}