:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:860px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--content:rgb(31, 31, 31);--code-block-bg:darkslategray;--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238);color-scheme:light}:root[data-theme=dark]{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--code-block-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51);color-scheme:dark}.list{background:var(--code-bg)}[data-theme=dark] .list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;border-bottom:1px solid var(--secondary)}.footer a:hover{border-bottom:1px solid var(--primary)}.top-link{visibility:hidden;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;border-radius:64px;transition:visibility .5s,opacity .8s linear}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.top-link:focus,#theme-toggle:focus{outline:0}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height)}.nav a{display:block}.logo,#menu{display:flex;margin:auto var(--gap)}.logo{flex-wrap:inherit}.logo a{font-size:24px;font-weight:700}.logo a img,.logo a svg{display:inline;vertical-align:middle;pointer-events:none;transform:translate(0,-10%);border-radius:6px;margin-inline-end:8px}button#theme-toggle{font-size:26px;margin:auto 4px}[data-theme=dark] #moon{display:none}[data-theme=light] #sun{display:none}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}#menu li+li{margin-inline-start:var(--gap)}#menu a{font-size:16px}#menu .active{font-weight:500;border-bottom:2px solid}.lang-switch li,.lang-switch ul,.logo-switches{display:inline-flex;margin:auto 4px}.lang-switch{display:flex;flex-wrap:inherit}.lang-switch a{margin:auto 3px;font-size:16px;font-weight:500}.logo-switches{flex-wrap:inherit}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{-webkit-line-clamp:unset}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .1s;border:1px solid var(--border)}.post-entry:active{transform:scale(.96)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center}.entry-cover img{border-radius:var(--radius);width:100%;height:auto}.entry-cover a{box-shadow:0 1px 0 var(--primary)}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{margin-bottom:2px;font-size:40px}.post-description{margin-top:10px;margin-bottom:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center}.i18n_list{display:inline-flex}.post-meta .i18n_list li{list-style:none;margin:auto 3px}.breadcrumbs a{font-size:16px}.post-content{color:var(--content);margin:30px 0}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:16px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a,.post-meta .i18n_list li a,.toc a:hover{box-shadow:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content del{text-decoration:line-through}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:20px}.post-content li{margin-top:5px}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.post-content dd~dd,.post-content dt~dt{margin-top:10px}.post-content table{margin-bottom:var(--content-gap)}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:8px 5px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{text-align:start}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight table{border-radius:var(--radius)}.post-content .highlight:not(table){margin:10px auto;background:var(--code-block-bg)!important;border-radius:var(--radius);direction:ltr}.post-content li>.highlight{margin-inline-end:0}.post-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.post-content .highlight pre{margin:0}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-child{width:40px}.post-content .highlighttable td .linenodiv{padding-inline-end:0!important}.post-content .highlighttable td .highlight,.post-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{margin:auto 4px;padding:4px 6px;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.post-content pre code{display:grid;margin:auto 0;padding:10px;color:#d5d5d6;background:var(--code-block-bg)!important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.post-content blockquote{margin:20px 0;padding:0 14px;border-inline-start:3px solid var(--primary)}.post-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.post-content iframe{max-width:100%}.post-content img{border-radius:4px;margin:1rem 0}.post-content img[src*="#center"]{margin:1rem auto}.post-content figure.align-center{text-align:center}.post-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.post-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.toc{margin-bottom:var(--content-gap);border:1px solid var(--border);background:var(--code-bg);border-radius:var(--radius);padding:.4em}[data-theme=dark] .toc{background:var(--entry)}.toc details summary{cursor:zoom-in;margin-inline-start:10px;user-select:none}.toc details[open] summary{cursor:zoom-out}.toc .details{display:inline;font-weight:500}.toc .inner{margin:5px 20px;padding:0 10px;opacity:.9}.toc li ul{margin-inline-start:var(--gap)}.toc summary:focus{outline:0}.post-footer{margin-top:var(--content-gap)}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:8px;font-weight:500;user-select:none}.paginav{display:flex;line-height:30px}.paginav a{padding-inline-start:14px;padding-inline-end:14px;border-radius:var(--radius)}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:small;color:var(--secondary)}.paginav .prev,.paginav .next{width:50%}.paginav span:hover:not(.title){box-shadow:0 1px}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}img.in-text{display:inline;margin:auto}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:10px}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px}.button{background:var(--tertiary);border-radius:var(--radius);margin:8px;padding:6px;transition:transform .1s}.button-inner{padding:0 8px}.button:active{transform:scale(.96)}.terms-tags li{display:inline-block;margin:10px;font-weight:500}.terms-tags a{display:block;padding:3px 10px;background:var(--tertiary);border-radius:6px;transition:transform .1s}.terms-tags a:active{background:var(--tertiary);transform:scale(.96)}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .x{}.chroma .err{color:#ed8796}.chroma .cl{}.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:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .n{}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .nx{}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .l{}.chroma .ld{}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .p{}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma .w{}.chroma{background-color:unset!important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--tertiary);border:5px solid var(--theme);border-radius:var(--radius)}[data-theme=light] .list::-webkit-scrollbar-thumb{border:5px solid var(--code-bg)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::-webkit-scrollbar:not(.highlighttable,.highlight table,.gist .highlight){background:var(--theme)}.post-content .highlighttable td .highlight pre code::-webkit-scrollbar{display:none}.post-content :not(table) ::-webkit-scrollbar-thumb{border:2px solid var(--code-block-bg);background:#717175}.post-content :not(table) ::-webkit-scrollbar-thumb:hover{background:#a3a3a5}.gist table::-webkit-scrollbar-thumb{border:2px solid #fff;background:#adadad}.gist table::-webkit-scrollbar-thumb:hover{background:#707070}.post-content table::-webkit-scrollbar-thumb{border-width:2px}@media screen and (min-width:768px){::-webkit-scrollbar{width:19px;height:11px}}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,#searchResults .focus,#searchResults li:active{transform:none}}.accordion{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.accordion-item{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,8%),inset 0 1px rgba(255,255,255,.6);transition:all .4s cubic-bezier(.4,0,.2,1)}.accordion-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.8)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;user-select:none;transition:all .3s ease}.accordion-header:hover{background:rgba(59,130,246,5%)}.accordion-title{font-weight:600;font-size:1.125rem;color:#1e293b;margin:0;display:flex;align-items:center;gap:.75rem}.accordion-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:8px;font-size:1rem;flex-shrink:0}.accordion-badge{background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.accordion-arrow{width:20px;height:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);color:#64748b;flex-shrink:0}.accordion-item.active .accordion-arrow{transform:rotate(180deg);color:#3b82f6}.accordion-content{height:0;overflow:hidden;transition:height .3s ease}.accordion-content-inner{padding:0 1.5rem 1.5rem;color:#475569;line-height:1.7}.accordion-item.active{background:rgba(255,255,255,.9);border-color:rgba(59,130,246,.2)}.accordion-neo{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0}.accordion-item-neo{background:#fff;border:3px solid #1e293b;border-radius:12px;overflow:hidden;box-shadow:6px 6px #1e293b;transition:all .3s ease}.accordion-item-neo:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1e293b}.accordion-header-neo{padding:1.25rem 1.5rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}.accordion-title-neo{font-weight:700;font-size:1.125rem;color:#1e293b;margin:0;display:flex;align-items:center;gap:.75rem}.accordion-icon-neo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:8px;font-size:1rem;flex-shrink:0}.accordion-badge-neo{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.accordion-arrow-neo{width:20px;height:20px;transition:transform .3s ease;color:#64748b}.accordion-item-neo.active .accordion-arrow-neo{transform:rotate(45deg);color:#3b82f6}.accordion-content-neo{height:0;overflow:hidden;transition:height .4s ease;border-top:3px solid #1e293b;background:#f8fafc}.accordion-content-inner-neo{padding:1.5rem;color:#475569;line-height:1.7}.accordion-item-neo.active{background:#f8fafc}.accordion-soft{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.accordion-item-soft{background:#f0f4f8;border-radius:24px;overflow:hidden;box-shadow:12px 12px 24px #d1d9e6,-12px -12px 24px #ffffff;transition:all .4s cubic-bezier(.4,0,.2,1)}.accordion-item-soft:hover{box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #ffffff}.accordion-header-soft{padding:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}.accordion-header-soft::before{content:'';position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent )}.accordion-title-soft{font-weight:600;font-size:1.125rem;color:#334155;margin:0;display:flex;align-items:center;gap:1rem}.accordion-icon-soft{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border-radius:10px;font-size:1rem;flex-shrink:0;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #ffffff}.accordion-badge-soft{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;box-shadow:0 2px 4px rgba(59,130,246,.2)}.accordion-arrow-soft{width:20px;height:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);color:#64748b}.accordion-item-soft.active .accordion-arrow-soft{transform:rotate(180deg);color:#3b82f6}.accordion-content-soft{height:0;overflow:hidden;transition:height .5s cubic-bezier(.4,0,.2,1)}.accordion-content-inner-soft{padding:0 1.5rem 1.5rem;color:#475569;line-height:1.7}.accordion-item-soft.active{background:#e8f2ff}.accordion-gradient{display:grid;gap:1rem;margin:2rem 0}.accordion-item-gradient{background:#fff;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(0,0,0,8%);transition:all .4s ease}.accordion-item-gradient::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.accordion-item-gradient.active::before{opacity:1}.accordion-header-gradient{padding:1rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;position:relative;z-index:1}.accordion-title-gradient{font-weight:600;font-size:1.125rem;color:#1e293b;margin:0;display:flex;align-items:center;gap:.75rem}.accordion-icon-gradient{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:0 0;color:#fff;border-radius:8px;font-size:1rem;flex-shrink:0}.accordion-badge-gradient{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.accordion-arrow-gradient{width:20px;height:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);color:#64748b}.accordion-item-gradient.active .accordion-arrow-gradient{transform:rotate(180deg);color:#3b82f6}.accordion-content-gradient{height:0;overflow:hidden;transition:height .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#f8fafc,#ffffff)}.accordion-content-inner-gradient{padding:0 1.5rem 1.5rem;color:#475569;line-height:1.7}.accordion-item-gradient.active{box-shadow:0 20px 40px rgba(59,130,246,.15)}.custom-box{background:linear-gradient(135deg,#f8fff8 0%,#f0f9ff 100%);border-left:5px solid var(--box-color,#17a2b8);padding:1.5rem;margin:2rem 0;border-radius:0 8px 8px 0}.box-header{display:flex;align-items:center;margin-bottom:1rem}.box-icon{font-size:1.4rem;margin-right:.75rem}.box-title{font-weight:600;color:#2c3e50}.box-content{font-size:1.1rem;line-height:1.5;color:#495057}.box-items{display:flex;flex-direction:column;gap:0}.box-item{display:flex;gap:.5rem;margin-bottom:5px}.box-item-icon{flex-shrink:0}.box-item-icon img{margin:3px 0}.box-item-text{flex:1;line-height:1.2}.box-footer{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--box-footer-border,#28a74533);font-size:.9rem;color:#6c757d;font-style:italic;line-height:1.5}.box-check{--box-color:#28a745;--box-footer-border:#c3e6cb}.box-info{--box-color:#17a2b8;--box-footer-border:#17a2b833}.box-warning{--box-color:#ffc107;--box-footer-border:#ffc10733}.box-danger{--box-color:#dc3545;--box-footer-border:#dc354533}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs span{color:var(--text-primary)}.breadcrumbs .separator{opacity:.5}.entry-hint-parent{justify-content:flex-start}.entry-header h2{font-size:24px;line-height:1}.entry-list-description{margin-top:15px}.callout{display:flex;align-items:flex-start;gap:.6rem;margin:1rem 0;padding:1rem 1.2rem;font-family:sans-serif;font-size:1rem;line-height:1.5;border-radius:var(--radius)}.callout::before{content:attr(data-icon);font-size:1.2rem;flex-shrink:0}.callout.info{color:#1a73e8;background-color:#e6f0ff}.callout.warning{color:#f57c00;background-color:#fff4e6}.callout.tip{color:#2e7d32;background-color:#e6fff5}.accordion-header{display:flex;align-items:center;width:100%;padding:.3em 0;text-align:left;font-weight:700;cursor:pointer;background:0 0;border:none;outline:none}.accordion-header .arrow{display:inline-block;margin-right:.5em;transition:transform .3s ease}.accordion-content{height:0;padding-left:1.2em;transition:height .3s ease;overflow:hidden}@media(max-width:420px){.logo a{font-size:20px}}@media(max-width:360px){.logo a{font-size:18px}}.math-formula{position:relative;margin:2rem auto;padding:1.5rem 2rem;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,8%),inset 0 1px rgba(255,255,255,.8);text-align:center;overflow:hidden}.math-formula::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent )}.math-formula katex,.math-formula .katex{font-size:1.2rem!important}.math-formula.with-number{padding-right:3.5rem}.formula-number{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#64748b;font-size:.9rem;font-style:italic}.math-formula-neo{margin:2rem auto;padding:1.75rem 2rem;background:#f0f4f8;border-radius:20px;text-align:center;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #ffffff,inset 0 0 transparent;transition:all .3s ease}.math-formula-neo:hover{box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #ffffff,inset 0 0 transparent}.math-formula-neo.important{background:linear-gradient(145deg,#e8f4fc,#ffffff);border:2px solid #3b82f6;box-shadow:0 10px 30px rgba(59,130,246,.15),0 4px 6px rgba(0,0,0,5%)}.math-formula-minimal{margin:2rem auto;padding:1.25rem 1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-align:center;position:relative;overflow:hidden}.math-formula-minimal::after{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6)}.formula-badge{position:absolute;top:-10px;right:-10px;width:28px;height:28px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:0 3px 6px rgba(59,130,246,.3)}.math-formula-lab{margin:2rem auto;padding:1.5rem 2rem;background:#1a202c;color:#e2e8f0;border-radius:12px;text-align:center;font-family:courier new,monospace;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 1px #4a5568}.math-formula-lab::before{content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px dashed #4fd1c7;border-radius:8px;opacity:.3;pointer-events:none}.math-formula-lab katex,.math-formula-lab .katex{color:#81e6d9!important}.formula-tag{position:absolute;top:-12px;left:20px;background:#4fd1c7;color:#1a202c;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.math-formula-gradient{margin:2rem auto;padding:1.75rem 2rem;background:#fff;border-radius:12px;text-align:center;position:relative;z-index:1}.math-formula-gradient::before{content:'';position:absolute;z-index:-1;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient( 45deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b );border-radius:14px;animation:gradient-border 3s ease infinite;background-size:300% 300%}@keyframes gradient-border{0%,100%{background-position:0}50%{background-position:100%}}.math-formula{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.math-formula.visible{opacity:1;transform:translateY(0)}.gallery-wrapper{margin:2rem 0;background:radial-gradient(circle at 20% 30%,rgba(120,180,240,6%),transparent 70%);padding:.5rem;border-radius:1.5rem}.gallery-wrapper img{margin:0!important;border-radius:0!important}.gallery-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#1a2a3a,#2c5a7a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}[data-theme=dark] .gallery-title{background:linear-gradient(135deg,#e0e8f0,#a0c0e0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gallery-container{display:flex;flex-wrap:nowrap;gap:1rem;background:rgba(255,255,255,.12);backdrop-filter:blur(16px);border-radius:1.5rem;padding:1rem;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px rgba(0,0,0,6%),0 1px 2px rgba(0,0,0,2%);height:500px;overflow:hidden;box-sizing:border-box}.gallery-container>*{min-width:0;min-height:0}[data-theme=dark] .gallery-container{background:rgba(0,0,0,.45);border-color:rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.2)}.gallery-hero{flex:2 1 60%;min-width:0;min-height:0;position:relative;cursor:pointer;border-radius:1rem;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.1)}.gallery-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.gallery-hero-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:0 0;opacity:0;transition:opacity .3s ease,background .3s ease;pointer-events:none}.gallery-hero:hover .gallery-hero-overlay{opacity:1;background:rgba(0,0,0,.25)}.gallery-zoom-icon{width:48px;height:48px;stroke:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transform:scale(.9);transition:transform .25s ease}.gallery-hero:hover .gallery-zoom-icon{transform:scale(1)}.gallery-thumbnails{flex:1 1 30%;min-width:0;min-height:0;display:grid;gap:.75rem;overflow-y:auto;padding-right:4px;align-content:start;grid-auto-rows:min-content;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.gallery-thumbnails:hover{scrollbar-color:rgba(44,90,122,.4)transparent}.gallery-thumbnails::-webkit-scrollbar{width:4px}.gallery-thumbnails::-webkit-scrollbar-track{background:0 0}.gallery-thumbnails::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.gallery-thumbnails:hover::-webkit-scrollbar-thumb{background:rgba(44,90,122,.3)}.gallery-thumbnails:hover::-webkit-scrollbar-thumb:hover{background:rgba(44,90,122,.7)}.gallery-thumb{position:relative;width:100%;aspect-ratio:1/1;min-height:0;overflow:hidden;border-radius:.75rem;cursor:pointer;background:rgba(0,0,0,3%);box-shadow:0 4px 12px rgba(0,0,0,5%);transition:transform .2s ease,box-shadow .2s ease}.gallery-thumb:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(44,90,122,.2)}.gallery-thumb.active{outline:3px solid #2c5a7a;outline-offset:-3px}[data-theme=dark] .gallery-thumb.active{outline-color:#7ab3c8}.gallery-thumb-img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:768px){.gallery-container{flex-direction:column;gap:.75rem;padding:0;height:auto;max-height:600px;min-height:0}.gallery-hero{flex:unset;width:100%;height:300px}.gallery-thumbnails{flex:unset;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:.5rem;height:80px;padding-bottom:.5rem;width:100%;scroll-snap-type:x mandatory;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent}.gallery-thumbnails:active{cursor:grabbing}.gallery-thumbnails:hover{scrollbar-color:rgba(44,90,122,.4)transparent}.gallery-thumbnails::-webkit-scrollbar{height:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.gallery-thumbnails:hover::-webkit-scrollbar-thumb{background:rgba(44,90,122,.5)}.gallery-thumb{flex:0 0 80px;aspect-ratio:1/1;scroll-snap-align:start}.gallery-title{font-size:1.3rem}}@media(max-width:480px){.gallery-thumb{flex:0 0 60px}.gallery-hero{height:200px}}#custom-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;touch-action:none}#custom-lightbox .lightbox-slide{position:absolute;max-width:95vw!important;max-height:95vh!important;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5);border-radius:4px;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform,opacity}#custom-lightbox .lightbox-slide.active{position:relative;z-index:2;transform:translateX(0)scale(1);opacity:1}#custom-lightbox .lightbox-slide.exit-left{transform:translateX(-110%)scale(.95);opacity:0;z-index:1;transition:transform .35s cubic-bezier(.2,.9,.4,1),opacity .3s ease}#custom-lightbox .lightbox-slide.exit-right{transform:translateX(110%)scale(.95);opacity:0;z-index:1;transition:transform .35s cubic-bezier(.2,.9,.4,1),opacity .3s ease}#custom-lightbox .lightbox-slide.enter-left{transform:translateX(-110%)scale(.95);opacity:0;z-index:1;transition:transform .35s cubic-bezier(.2,.9,.4,1),opacity .3s ease}#custom-lightbox .lightbox-slide.enter-right{transform:translateX(110%)scale(.95);opacity:0;z-index:1;transition:transform .35s cubic-bezier(.2,.9,.4,1),opacity .3s ease}#custom-lightbox .lightbox-slide.enter-active{transform:translateX(0)scale(1);opacity:1;z-index:2;transition:transform .35s cubic-bezier(.2,.9,.4,1),opacity .3s ease}#custom-lightbox .lightbox-text{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:80%;pointer-events:none;z-index:10}#custom-lightbox .lightbox-title{color:#fff;font-size:1.2rem;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.5);background:rgba(0,0,0,.4);padding:.4rem 1.2rem;border-radius:2rem;backdrop-filter:blur(4px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}#custom-lightbox .lightbox-description{color:rgba(255,255,255,.85);font-size:.9rem;text-shadow:0 2px 8px rgba(0,0,0,.4);background:rgba(0,0,0,.3);padding:.3rem 1.2rem;border-radius:1.5rem;backdrop-filter:blur(4px);max-width:100%;max-height:120px;overflow-y:scroll;word-wrap:break-word;white-space:normal;text-align:center;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3)transparent;pointer-events:auto;touch-action:pan-y;transition:max-height .3s ease}#custom-lightbox .lightbox-description::-webkit-scrollbar{width:6px}#custom-lightbox .lightbox-description::-webkit-scrollbar-track{background:0 0;border-radius:10px}#custom-lightbox .lightbox-description::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px;transition:background .2s}#custom-lightbox .lightbox-description::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.6)}@media(max-width:768px){#custom-lightbox .lightbox-text{width:75%;bottom:20px}#custom-lightbox .lightbox-title{white-space:normal;font-size:1rem;padding:.3rem 1rem}#custom-lightbox .lightbox-description{max-height:100px;font-size:.8rem;padding:.2rem 1rem}}#custom-lightbox .lightbox-download{position:absolute;bottom:100px;right:30px;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:1.5rem;width:44px;height:44px;border-radius:50%;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s;display:flex;align-items:center;justify-content:center;z-index:15;touch-action:manipulation}#custom-lightbox .lightbox-download:hover{background:rgba(255,255,255,.3)}#custom-lightbox .lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:none;color:#fff;font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s;display:flex;align-items:center;justify-content:center;z-index:10;user-select:none;touch-action:manipulation}#custom-lightbox .lightbox-arrow:hover{background:rgba(255,255,255,.3)}#custom-lightbox .lightbox-arrow.prev{left:20px}#custom-lightbox .lightbox-arrow.next{right:20px}@media(max-width:768px){#custom-lightbox .lightbox-download{display:none!important}}#custom-lightbox .lightbox-close{position:absolute;top:20px;right:30px;background:0 0;border:none;color:#fff;font-size:2.5rem;cursor:pointer;z-index:20;opacity:.8;transition:opacity .2s;touch-action:manipulation}#custom-lightbox .lightbox-close:hover{opacity:1}.image-modern{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 12px 28px -8px rgba(0,0,0,8%),0 4px 12px rgba(0,0,0,2%);transition:opacity .3s ease,box-shadow .3s ease,transform .2s ease;opacity:1;background-color:#f5f5f7;cursor:pointer;user-select:none}.image-modern:hover{box-shadow:0 24px 48px -12px rgba(0,0,0,.18),0 6px 16px rgba(0,0,0,5%);transform:scale(1.01)}.image-caption{margin-top:12px;font-size:.95rem;color:#666;text-align:center;line-height:1.5;font-style:italic;letter-spacing:-.01em}.image-figure{margin:0 0 24px}.image-link{display:block;text-decoration:none}.mermaid{margin-bottom:1.5rem;padding:1rem 0;background:#f7f7f7;background:color-mix(in srgb,var(--mz-bg,#f7f7f7) 97%,black);border-radius:clamp(.75rem,2vw,1.5rem);box-shadow:0 4px 12px rgba(0,0,0,4%)}.mermaid svg{display:block;margin:0 auto;height:auto!important;max-width:100%}.mermaid .cluster rect{fill:#f0f0f0!important;stroke:#ddd!important}.mermaid .cluster span{font-size:1.1em!important;line-height:1;color:#333}:root{color-scheme:light dark;--mz-overlay:oklch(0% 0 0 / 0.55);--mz-bg:#ffffff;--mz-surface:oklch(100% 0 0);--mz-text:oklch(20% 0.03 280);--mz-accent:oklch(60% 0.18 280);--mz-accent-hover:oklch(55% 0.20 280);--mz-shadow:oklch(0% 0 0 / 0.15);--mz-scroll-thumb:oklch(70% 0.05 280 / 0.5);--mz-scroll-track:oklch(90% 0.02 280 / 0.3)}@media(prefers-color-scheme:dark){:root{--mz-overlay:oklch(0% 0 0 / 0.75);--mz-bg:oklch(18% 0.02 280);--mz-surface:oklch(22% 0.02 280);--mz-text:oklch(90% 0.01 280);--mz-accent:oklch(70% 0.15 280);--mz-accent-hover:oklch(75% 0.16 280);--mz-shadow:oklch(0% 0 0 / 0.6);--mz-scroll-thumb:oklch(40% 0.03 280 / 0.7);--mz-scroll-track:oklch(25% 0.02 280 / 0.3)}}.mermaid-zoomable{cursor:zoom-in;transition:transform .2s,filter .2s}.mermaid-zoomable:hover{transform:scale(1.02);filter:drop-shadow(0 10px 20px var(--mz-shadow))}.mz-modal{position:fixed;inset:0;padding:3vh 3vw;display:none;align-items:center;justify-content:center;background:var(--mz-overlay);z-index:9999;backdrop-filter:blur(10px)}.mz-modal.show{display:flex}.mz-modal-content{width:min(1600px,95vw);height:min(92vh,1200px);background:var(--mz-surface);border-radius:clamp(2rem,4vw,3rem);box-shadow:0 40px 80px rgba(0,0,0,.25);display:flex;flex-direction:column;position:relative;padding:40px;overflow:hidden}.mz-close{position:absolute;top:1.2rem;right:1.4rem;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:color-mix(in srgb,var(--mz-surface) 80%,black);color:var(--mz-text);font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;box-shadow:0 4px 12px var(--mz-shadow)}.mz-close:hover{background:var(--mz-accent);color:#fff;transform:rotate(90deg)scale(1.1)}.mz-modal-body{flex:1;overflow:auto;margin-top:1rem;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--mz-scroll-thumb)var(--mz-scroll-track)}.mz-modal-body::-webkit-scrollbar{width:10px;height:10px}.mz-modal-body::-webkit-scrollbar-thumb{background:var(--mz-scroll-thumb);border-radius:20px}.mz-modal-body::-webkit-scrollbar-track{background:var(--mz-scroll-track)}.mz-stage{position:relative;transform-origin:0 0;will-change:transform}.mz-stage svg{display:block;background:var(--mz-bg);border-radius:18px;box-shadow:0 15px 50px rgba(0,0,0,.25)}.mz-download-btn{position:absolute;bottom:1.5rem;right:1.5rem;background:var(--mz-accent);color:#fff;border:none;border-radius:60px;padding:.7rem 1.7rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:.2s;box-shadow:0 8px 20px -5px var(--mz-accent);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.mz-download-btn:hover{background:var(--mz-accent-hover);transform:translateY(-3px);box-shadow:0 15px 30px -5px var(--mz-accent)}@media(max-width:640px){.mz-modal-content{padding:1.5rem}.mz-close{top:.6rem;right:.6rem;width:2rem;height:2rem;font-size:1.5rem}.mz-download-btn{bottom:1rem;right:1rem;padding:.5rem 1rem}}@media print{.mz-modal{display:block;position:absolute;background:#fff}.mz-close,.mz-download-btn{display:none}}.mz-modal .nodeLabel{line-height:1.5!important}html[data-theme=dark] .mermaid,html[data-theme=dark] .mermaid svg{color:#333}.note{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;gap:.75rem;align-items:start;border-radius:8px;margin:1.5rem 0;padding:1.25rem;border:1px solid transparent;--note-color:#17a2b8;--note-delay:0ms;background:linear-gradient(135deg,color-mix(in srgb,var(--note-color) 10%,transparent),color-mix(in srgb,var(--note-color) 5%,transparent) 30%,white 100% );border-color:color-mix(in srgb,var(--note-color) 30%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1)}.note-top-border{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--note-color),color-mix(in srgb,var(--note-color) 80%,transparent) );border-radius:8px 8px 0 0;opacity:.9}.note-border-left .note-top-border{display:none}.note-border-left::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,transparent) 80%);border-radius:8px 0 0 8px}.note-border-none .note-top-border{display:none}.note-border-none.note-border-left::before{display:none}.note-header{display:contents}.note-icon{grid-column:1;grid-row:1/4;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:#050505;border-radius:6px;font-size:1.1rem;flex-shrink:0;transition:transform .2s ease;margin:0}.note-icon img{width:1.5em;height:1.5em}.note-icon:hover{transform:scale(1.05)}.note-title{grid-column:2;grid-row:1;font-weight:600;color:var(--note-color);font-size:1.1rem}.note-content{grid-column:2;grid-row:2;font-size:1rem;line-height:1.7;color:#37474f;margin-left:0;overflow-x:hidden}.note-content p{margin:.75rem 0}.note-content p:first-child{margin-top:0}.note-content p:last-child{margin-bottom:0}.note-content ul,.note-content ol{margin:.75rem 0 .75rem 1.5rem}.note-content li{margin-bottom:.5rem}.note-content code{background:rgba(0,0,0,5%);padding:.2em .4em;border-radius:4px;font-size:.9em}.note-content pre{background:rgba(0,0,0,3%);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto}.note-footer{grid-column:2;grid-row:3;margin-top:0;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--note-color) 15%,transparent);font-size:.95rem;color:color-mix(in srgb,var(--note-color) 40%,#37474f);line-height:1.5;font-style:italic}.note-compact{margin:1rem 0;padding:.75rem 1rem;gap:.5rem}.note-compact .note-icon{min-width:24px;height:24px;font-size:.8rem}.note-compact .note-title{font-size:.95rem}.note-compact .note-content{font-size:.95rem;line-height:1.6}.note-compact .note-footer{padding-top:.75rem;font-size:.85rem}.note-animate.note-animation-appear{opacity:0;transform:translateY(20px)scale(.98);animation:noteAppear .6s cubic-bezier(.34,1.56,.64,1)forwards;animation-delay:var(--note-delay,0ms)}@keyframes noteAppear{0%{opacity:0;transform:translateY(20px)scale(.98);box-shadow:0 0 transparent}50%{opacity:.8;transform:translateY(-3px)scale(1.01)}100%{opacity:1;transform:translateY(0)scale(1);box-shadow:0 4px 12px rgba(0,0,0,5%),0 1px 2px rgba(0,0,0,3%)}}.note-animate.note-animation-pulse{opacity:0;animation:notePulse 1s ease-out forwards;animation-delay:var(--note-delay,0ms)}@keyframes notePulse{0%{opacity:0;transform:scale(.95);box-shadow:0 0 color-mix(in srgb,var(--note-color) 30%,transparent)}50%{opacity:1;transform:scale(1.02);box-shadow:0 0 0 10px color-mix(in srgb,var(--note-color) 0%,transparent)}100%{opacity:1;transform:scale(1)}}.note-animate.note-animation-slide{opacity:0;animation:noteSlide .5s cubic-bezier(.23,1,.32,1)forwards;animation-delay:var(--note-delay,0ms)}@keyframes noteSlide{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.note-animate .note-top-border{width:100%;animation:noteTopBorderGrow .6s cubic-bezier(.34,1.56,.64,1)forwards}@keyframes noteTopBorderGrow{0%{width:0;left:50%}100%{width:100%;left:0}}.note-animate.note-border-left::before{height:100%;animation:noteLeftBorderGrow .6s cubic-bezier(.34,1.56,.64,1)forwards}@keyframes noteLeftBorderGrow{0%{height:0;top:50%}100%{height:100%;top:0}}.note-animate .note-icon{opacity:0;animation:noteIconPop .4s cubic-bezier(.34,1.56,.64,1)forwards}@keyframes noteIconPop{0%{opacity:0;transform:rotate(-90deg)scale(0)}70%{transform:rotate(5deg)scale(1.05)}100%{opacity:1;transform:rotate(0)scale(1)}}.note-animate .note-title{opacity:0;animation:noteTitleSlide .3s ease-out forwards}@keyframes noteTitleSlide{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}}.note-animate .note-content{opacity:0;animation:noteContentFade .4s ease-out forwards}@keyframes noteContentFade{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}.note-animate .note-footer{opacity:0;animation:noteFooterFade .4s ease-out forwards}@keyframes noteFooterFade{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}.note-info{--note-color:#17a2b8}.note-tip{--note-color:#28a745}.note-success{--note-color:#28a745}.note-warning{--note-color:#ff9800}.note-danger{--note-color:#f44336}.note-example{--note-color:#9c27b0}.note-question{--note-color:#ff9800}.note-note{--note-color:#607D8B}.note:hover{box-shadow:0 6px 20px rgba(0,0,0,8%),0 2px 4px rgba(0,0,0,4%);transform:translateY(-1px)}.note-warning:hover{animation:noteWarningShake .4s cubic-bezier(.36,.07,.19,.97)both}@keyframes noteWarningShake{10%,90%{transform:translateX(-1px)translateY(-1px)}20%,80%{transform:translateX(2px)translateY(-1px)}30%,50%,70%{transform:translateX(-2px)translateY(-1px)}40%,60%{transform:translateX(2px)translateY(-1px)}}@media(prefers-color-scheme:dark){.note{background:linear-gradient(135deg,color-mix(in srgb,var(--note-color) 15%,#1e1e1e),color-mix(in srgb,var(--note-color) 8%,#1e1e1e) 30%,#2d2d2d 100% );border-color:color-mix(in srgb,var(--note-color) 20%,#333)}.note-content{color:#e0e0e0}.note-footer{color:color-mix(in srgb,var(--note-color) 40%,#b0b0b0);border-top-color:color-mix(in srgb,var(--note-color) 20%,#444)}.note-icon{color:#f0f0f0}.note-content code{background:rgba(255,255,255,.1)}.note-content pre{background:rgba(255,255,255,5%);border-color:rgba(255,255,255,.1)}}@media(max-width:768px){.note{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;margin:1.25rem 0;padding:1rem;border-radius:6px;gap:.5rem}.note-icon{grid-column:1;grid-row:1;justify-self:start;margin-bottom:.25rem}.note-title{grid-column:1;grid-row:2}.note-content{grid-column:1;grid-row:3;margin-left:0;font-size:.95rem}.note-footer{grid-column:1;grid-row:4;margin-left:0;font-size:.9rem}.note-animate{animation-duration:.4s!important}}@media(prefers-reduced-motion:reduce){.note-animate,.note-animate *,.note:hover{animation:none!important;transition:none!important}}.note-compact.note-animate .note-icon{animation-duration:.3s}.note-compact.note-animate .note-title{animation-duration:.2s}.note-compact.note-animate .note-content{animation-duration:.3s}.note-compact.note-animate .note-footer{animation-duration:.3s}.note-verification{--note-color:#6f42c1;background-image:radial-gradient(circle at 10px 10px,color-mix(in srgb,var(--note-color) 3%,#a887db0a) 2px,transparent 2px);background-size:20px 20px}.note-verification .note-footer{font-style:normal;font-weight:500}.note-verification .note-footer a{color:var(--note-color);text-decoration:none;border-bottom:1px dotted;transition:border-bottom .2s}.note-verification .note-footer a:hover{border-bottom-style:solid}html[data-theme=dark] .note{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:.75rem!important;align-items:start!important;border-radius:14px!important;margin:1.5rem 0!important;padding:1.5rem 1.8rem!important;background:rgba(20,20,20,.7)!important;backdrop-filter:blur(12px)saturate(180%)!important;-webkit-backdrop-filter:blur(12px)saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 25px rgba(0,0,0,.5),inset 0 2px 8px rgba(255,255,255,5%)!important;color:#f0f0f0!important;transition:all .2s ease!important}html[data-theme=dark] .note[style*=background],html[data-theme=dark] .note .note-content,html[data-theme=dark] .note::before,html[data-theme=dark] .note::after{background:0 0!important}html[data-theme=dark] .note.note-info,html[data-theme=dark] .note-info{--note-color:#3b82f6;background:linear-gradient(145deg,rgba(96,165,250,.18),rgba(59,130,246,9%))!important;border-color:rgba(59,130,246,.35)!important}html[data-theme=dark] .note.note-tip,html[data-theme=dark] .note-tip{--note-color:#10b981;background:linear-gradient(145deg,rgba(52,211,153,.18),rgba(16,185,129,9%))!important;border-color:rgba(16,185,129,.35)!important}html[data-theme=dark] .note.note-success,html[data-theme=dark] .note-success{--note-color:#22c55e;background:linear-gradient(145deg,rgba(74,222,128,.18),rgba(34,197,94,9%))!important;border-color:rgba(34,197,94,.35)!important}html[data-theme=dark] .note.note-warning,html[data-theme=dark] .note-warning{--note-color:#f59e0b;background:linear-gradient(145deg,rgba(251,191,36,.18),rgba(245,158,11,9%))!important;border-color:rgba(245,158,11,.35)!important}html[data-theme=dark] .note.note-danger,html[data-theme=dark] .note-danger{--note-color:#f43f5e;background:linear-gradient(145deg,rgba(251,113,133,.18),rgba(244,63,94,9%))!important;border-color:rgba(244,63,94,.35)!important}html[data-theme=dark] .note.note-example,html[data-theme=dark] .note-example{--note-color:#a855f7;background:linear-gradient(145deg,rgba(192,132,252,.18),rgba(168,85,247,9%))!important;border-color:rgba(168,85,247,.35)!important}html[data-theme=dark] .note.note-question,html[data-theme=dark] .note-question{--note-color:#0ea5e9;background:linear-gradient(145deg,rgba(56,189,248,.18),rgba(14,165,233,9%))!important;border-color:rgba(14,165,233,.35)!important}html[data-theme=dark] .note.note-note,html[data-theme=dark] .note-note{--note-color:#94a3b8;background:linear-gradient(145deg,rgba(203,213,225,.18),rgba(148,163,184,9%))!important;border-color:rgba(148,163,184,.35)!important}html[data-theme=dark] .note.note-verification,html[data-theme=dark] .note-verification{--note-color:#8b5cf6;background:linear-gradient(145deg,rgba(167,139,250,.18),rgba(139,92,246,9%))!important;border-color:rgba(139,92,246,.35)!important}html[data-theme=dark] .note .note-top-border{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,transparent))!important;border-radius:14px 14px 0 0!important;opacity:.9!important}html[data-theme=dark] .note.note-border-left::before{content:''!important;position:absolute!important;top:0;left:0;bottom:0;width:4px!important;background:linear-gradient(180deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,transparent) 80%)!important;border-radius:14px 0 0 14px!important}html[data-theme=dark] .note::after{content:""!important;position:absolute!important;inset:-2px!important;border-radius:16px!important;box-shadow:0 0 20px 4px color-mix(in srgb,var(--note-color) 18%,transparent)!important;pointer-events:none!important;z-index:-1!important}html[data-theme=dark] .note .note-header{display:contents!important}html[data-theme=dark] .note .note-icon{grid-column:1!important;grid-row:1/4!important;min-width:32px!important;height:32px!important;margin:0!important;color:color-mix(in srgb,var(--note-color) 80%,white)!important;border-radius:6px!important;font-size:1.1rem!important;transition:transform .2s ease!important}html[data-theme=dark] .note .note-icon:hover{transform:scale(1.05)!important}html[data-theme=dark] .note .note-title{grid-column:2!important;grid-row:1!important;font-weight:600!important;color:color-mix(in srgb,var(--note-color) 80%,white)!important;font-size:1.1rem!important}html[data-theme=dark] .note .note-content{grid-column:2!important;grid-row:2!important;font-size:1rem!important;line-height:1.7!important;color:#e2e8f0!important;margin-left:0!important;overflow-x:hidden!important}html[data-theme=dark] .note .note-footer{grid-column:2!important;grid-row:3!important;margin-top:0!important;padding-top:1rem!important;border-top:1px solid color-mix(in srgb,var(--note-color) 20%,transparent)!important;font-size:.95rem!important;color:color-mix(in srgb,var(--note-color) 60%,#cbd5e1)!important;font-style:italic!important}html[data-theme=dark] .note.note-compact{padding:.75rem 1rem!important;gap:.5rem!important}html[data-theme=dark] .note.note-compact .note-icon{min-width:24px!important;height:24px!important;font-size:.8rem!important}html[data-theme=dark] .note.note-compact .note-title{font-size:.95rem!important}html[data-theme=dark] .note.note-compact .note-content{font-size:.95rem!important;line-height:1.6!important}html[data-theme=dark] .note.note-compact .note-footer{padding-top:.75rem!important;font-size:.85rem!important}@media(max-width:768px){html[data-theme=dark] .note{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;padding:1rem!important;gap:.5rem!important;border-radius:12px!important}html[data-theme=dark] .note .note-icon{grid-column:1!important;grid-row:1!important;justify-self:start!important;margin-bottom:.25rem!important}html[data-theme=dark] .note .note-title{grid-column:1!important;grid-row:2!important}html[data-theme=dark] .note .note-content{grid-column:1!important;grid-row:3!important;margin-left:0!important;font-size:.95rem!important}html[data-theme=dark] .note .note-footer{grid-column:1!important;grid-row:4!important;margin-left:0!important;font-size:.9rem!important}}@media(prefers-reduced-motion:reduce){html[data-theme=dark] .note,html[data-theme=dark] .note *,html[data-theme=dark] .note:hover{animation:none!important;transition:none!important}}.table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin:1.2rem 0;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,4%);transition:box-shadow .3s ease;max-width:100%!important;display:block!important}.table-scroll:hover{box-shadow:0 8px 32px rgba(0,0,0,8%)}.table-scroll table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);font-size:.95rem;transition:transform .2s ease}.table-scroll table:hover{transform:translateY(-2px)}.table-scroll th{background:linear-gradient(145deg,color-mix(in srgb,var(--note-color) 22%,transparent),color-mix(in srgb,var(--note-color) 8%,transparent) );color:var(--note-color);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1.2rem;text-align:left;border-bottom:2px solid color-mix(in srgb,var(--note-color) 25%,transparent)}.table-scroll td{padding:.75rem 1.2rem;border-bottom:1px solid rgba(0,0,0,5%);white-space:nowrap;transition:background .2s}.table-scroll tbody tr:last-child td{border-bottom:none}.table-scroll tbody tr:nth-child(even){background:rgba(255,255,255,.25)}.table-scroll tbody tr:hover td{background:rgba(255,255,255,.45);backdrop-filter:blur(4px)}.table-scroll td:first-child{font-weight:500;color:var(--note-color)}.table-scroll::-webkit-scrollbar{height:6px;background:rgba(0,0,0,3%);border-radius:10px}.table-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,2%);border-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--note-color) 35%,transparent);border-radius:10px;transition:background .3s}.table-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--note-color) 55%,transparent)}html[data-theme=dark] .table-scroll table{background:rgba(30,30,30,.7);backdrop-filter:blur(8px);border-color:rgba(255,255,255,8%)}html[data-theme=dark] .table-scroll th{background:linear-gradient(145deg,color-mix(in srgb,var(--note-color) 28%,transparent),color-mix(in srgb,var(--note-color) 10%,transparent) );color:color-mix(in srgb,var(--note-color) 80%,white);border-bottom-color:color-mix(in srgb,var(--note-color) 40%,transparent)}html[data-theme=dark] .table-scroll td{border-bottom-color:rgba(255,255,255,6%);color:#e8ecf0}html[data-theme=dark] .table-scroll tbody tr:nth-child(even){background:rgba(255,255,255,4%)}html[data-theme=dark] .table-scroll tbody tr:hover td{background:rgba(255,255,255,8%)}html[data-theme=dark] .table-scroll td:first-child{color:color-mix(in srgb,var(--note-color) 75%,white)}@media(prefers-color-scheme:dark){.table-scroll table{background:rgba(30,30,30,.7);backdrop-filter:blur(8px);border-color:rgba(255,255,255,8%)}.table-scroll th{background:linear-gradient(145deg,color-mix(in srgb,var(--note-color) 28%,transparent),color-mix(in srgb,var(--note-color) 10%,transparent) );color:color-mix(in srgb,var(--note-color) 80%,white);border-bottom-color:color-mix(in srgb,var(--note-color) 40%,transparent)}.table-scroll td{border-bottom-color:rgba(255,255,255,6%);color:#e8ecf0}.table-scroll tbody tr:nth-child(even){background:rgba(255,255,255,4%)}.table-scroll tbody tr:hover td{background:rgba(255,255,255,8%)}.table-scroll td:first-child{color:color-mix(in srgb,var(--note-color) 75%,white)}}@media(max-width:768px){.table-scroll table{min-width:480px;font-size:.85rem}.table-scroll th,.table-scroll td{padding:.6rem .9rem}}.quote-wrapper{padding:1.5rem 1.5rem 1.5rem 2rem;margin:2rem 0;border-left:4px solid #4a90e2;background-color:#f8f9fa;border-radius:0 var(--radius)var(--radius)0;font-style:italic;position:relative}.quote-wrapper.quote-center{text-align:center}.quote-wrapper.quote-right{text-align:right}.quote-wrapper::before{content:'"';position:absolute;top:-10px;left:10px;font-size:3rem;color:#4a90e2;opacity:.2;font-family:Georgia,serif;z-index:1}.quote-content{font-size:1.1rem;line-height:1.6;color:#2c3e50;position:relative;z-index:2}.quote-content.with-footer{margin-bottom:1rem}.quote-footer{font-style:normal;font-size:.9rem;color:#6c757d;border-top:1px solid #dee2e6;padding-top:.75rem;z-index:2;position:relative}.quote-author{font-weight:600}.quote-separator{margin:0 .5rem}.quote-source{font-style:italic}html[data-theme=dark] .quote-wrapper{position:relative!important;padding:1.5rem 1.5rem 1.5rem 2rem!important;margin:2rem 0!important;border-left:5px solid var(--quote-accent,#5f9ea0)!important;background:rgba(35,45,60,.85)!important;backdrop-filter:blur(8px)saturate(200%)!important;-webkit-backdrop-filter:blur(8px)saturate(200%)!important;box-shadow:0 2px 8px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,5%)inset!important;border-radius:0 16px 16px 0!important;font-style:italic!important;--quote-accent:#5f9ea0}html[data-theme=dark] .quote-wrapper::before{content:'"'!important;position:absolute!important;top:-10px!important;left:10px!important;font-size:4rem!important;color:var(--quote-accent)!important;opacity:.35!important;font-family:Georgia,serif!important;z-index:1!important;text-shadow:0 0 12px var(--quote-accent)!important}html[data-theme=dark] .quote-wrapper .quote-content{font-size:1.15rem!important;line-height:1.7!important;color:#fff!important;position:relative!important;z-index:2!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;font-weight:400!important}html[data-theme=dark] .quote-wrapper .quote-footer{font-style:normal!important;font-size:.95rem!important;color:#d0e0f0!important;border-top:1px solid color-mix(in srgb,var(--quote-accent) 40%,transparent)!important;padding-top:.75rem!important;z-index:2!important;position:relative!important;margin-top:1rem!important}html[data-theme=dark] .quote-wrapper .quote-author{font-weight:700!important;color:color-mix(in srgb,var(--quote-accent) 90%,white)!important}html[data-theme=dark] .quote-wrapper .quote-separator{margin:0 .5rem!important;color:#8aa0c0!important}html[data-theme=dark] .quote-wrapper .quote-source{font-style:italic!important;color:#b5ccee!important}html[data-theme=dark] .quote-wrapper.quote-center{text-align:center!important}html[data-theme=dark] .quote-wrapper.quote-right{text-align:right!important}html[data-theme=dark] .quote-wrapper .quote-content.with-footer{margin-bottom:1rem!important}html[data-theme=dark] .quote-wrapper:hover{border-left-color:color-mix(in srgb,var(--quote-accent) 80%,white)!important;background:rgba(40,52,70,.9)!important;transition:all .2s ease!important;box-shadow:0 4px 12px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.1)inset!important}@media(max-width:768px){html[data-theme=dark] .quote-wrapper{padding:1.2rem 1.2rem 1.2rem 1.5rem!important;border-left-width:4px!important}html[data-theme=dark] .quote-wrapper::before{font-size:3rem!important;top:-5px!important;left:5px!important}html[data-theme=dark] .quote-wrapper .quote-content{font-size:1rem!important}}@media(prefers-reduced-motion:reduce){html[data-theme=dark] .quote-wrapper,html[data-theme=dark] .quote-wrapper *{animation:none!important;transition:none!important}}.table-compare{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;margin:2em 0}.table-compare.is-visible{opacity:1;transform:translateY(0)}.highlight table{opacity:1!important;transform:none!important}.table-compare tr{transition:background-color .3s ease}.table-compare tr.active-row{background-color:rgb(0 120 255/3%)}.twemoji{width:1em;height:1em;vertical-align:-.1em;display:inline-block}.accordion .twemoji{width:1.5em;height:1.5em}.accordion-gradient li p .twemoji{width:1.2em;height:1.2em}.box-item-icon .twemoji{width:1.1em;height:1.1em;vertical-align:-.3em}.box-header .twemoji{width:1.8em;height:1.8em}h1 .twemoji{vertical-align:-.1em}h2 .twemoji{margin-right:10px;vertical-align:-.8em}.sand-calc-pro .input-field label .twemoji{margin:.5rem 0}li .twemoji{width:1.5em;height:1.5em;vertical-align:-.4em;margin:0 5px}.note .twemoji{margin:0 3px}.note-icon .twemoji{margin:0 1px}.post-content h3 .twemoji{margin:0 10px 0 0}p .twemoji{vertical-align:-.1em}.post-content p .twemoji{margin:0 auto}.quote .twemoji{margin:0 3px}.section-label .twemoji{width:1.5em;height:1.5em;vertical-align:-.3em;margin:0 5px}td .twemoji{vertical-align:middle;margin:0 5px 0 0}th .twemoji{margin:0 5px 0 0}.warning .twemoji{margin:0 3px}.warning-box{position:relative;margin:1.75rem 0;padding:1.5rem 1.5rem 1.5rem 1.75rem;background:#fff;border-radius:var(--radius);--warning-color:#ff9800;--warning-accent:#ff9800;--warning-bg:#fffbf0;--warning-border:#ffecb3;--warning-delay:0ms;background:var(--warning-bg);border:1px solid var(--warning-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.warning-left-border{position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--warning-accent),color-mix(in srgb,var(--warning-accent) 70%,transparent) 80%);border-radius:var(--radius)0 0 var(--radius)}.warning-top-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--warning-accent),color-mix(in srgb,var(--warning-accent) 70%,transparent));border-radius:var(--radius)var(--radius)0 0}.warning-border-left .warning-top-border{display:none}.warning-border-top .warning-left-border{display:none}.warning-border-both .warning-left-border,.warning-border-both .warning-top-border{display:block}.warning-border-none .warning-left-border,.warning-border-none .warning-top-border{display:none}.warning-header{display:flex;align-items:center;margin-bottom:1rem;gap:.75rem}.warning-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#252424;border-radius:var(--radius);font-size:1.1rem;flex-shrink:0;transition:transform .2s ease}.warning-icon img{width:1.5em;height:1.5em}.warning-icon:hover{transform:scale(1.05)}.warning-title{font-weight:700;color:var(--warning-color);font-size:1.15rem;letter-spacing:-.01em;line-height:1.3}.warning-content{font-size:1.05rem;line-height:1.7;color:#5d4037;margin-left:0}.warning-content p{margin:.75rem 0}.warning-content p:first-child{margin-top:0}.warning-content p:last-child{margin-bottom:0}.warning-content ul,.warning-content ol{margin:.75rem 0 .75rem 1.5rem}.warning-content li{margin-bottom:.5rem}.warning-content code{background:rgba(0,0,0,5%);padding:.2em .4em;border-radius:4px;font-size:.9em}.warning-content pre{background:rgba(0,0,0,3%);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto}.warning-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--warning-color) 15%,transparent);font-size:.95rem;color:color-mix(in srgb,var(--warning-color) 40%,#5d4037);line-height:1.5;font-style:italic}.warning-compact{margin:1rem 0;padding:1rem 1rem 1rem 1.25rem;border-radius:8px}.warning-compact .warning-header{margin-bottom:.75rem}.warning-compact .warning-icon{width:28px;height:28px;font-size:.9rem;border-radius:6px}.warning-compact .warning-title{font-size:1rem}.warning-compact .warning-content{font-size:.95rem;line-height:1.6}.warning-compact .warning-footer{margin-top:.75rem;padding-top:.75rem;font-size:.85rem}.warning-animate.warning-animation-appear{opacity:1;transform:translateY(0);animation:warningAppear .6s cubic-bezier(.34,1.56,.64,1)forwards;animation-delay:var(--warning-delay,0ms)}@keyframes warningAppear{0%{opacity:0;transform:translateY(20px)scale(.98);box-shadow:0 0 transparent}50%{opacity:.8;transform:translateY(-5px)scale(1.02)}100%{opacity:1;transform:translateY(0)scale(1);box-shadow:0 4px 20px rgba(0,0,0,8%),0 1px 3px rgba(0,0,0,5%),inset 0 0 0 1px rgba(255,255,255,.8)}}.warning-animate.warning-animation-pulse{opacity:1;animation:warningPulse 1.2s ease-out forwards;animation-delay:var(--warning-delay,0ms)}@keyframes warningPulse{0%{opacity:0;transform:scale(.9);box-shadow:0 0 color-mix(in srgb,var(--warning-color) 50%,transparent)}50%{opacity:1;transform:scale(1.05);box-shadow:0 0 0 15px color-mix(in srgb,var(--warning-color) 0%,transparent)}70%{transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}.warning-animate.warning-animation-slide{opacity:1;animation:warningSlide .7s cubic-bezier(.23,1,.32,1)forwards;animation-delay:var(--warning-delay,0ms)}@keyframes warningSlide{0%{opacity:0;transform:translateX(-30px)}60%{opacity:1;transform:translateX(5px)}100%{opacity:1;transform:translateX(0)}}.warning-animate .warning-left-border{height:100%;animation:warningBorderGrow .8s cubic-bezier(.34,1.56,.64,1)forwards}@keyframes warningBorderGrow{0%{height:0;top:50%}100%{height:100%;top:0}}.warning-animate .warning-top-border{width:100%;animation:warningTopBorderGrow .8s cubic-bezier(.34,1.56,.64,1)forwards}@keyframes warningTopBorderGrow{0%{width:0;left:50%}100%{width:100%;left:0}}.warning-animate .warning-icon{opacity:1;animation:warningIconPop .5s cubic-bezier(.34,1.56,.64,1)forwards}@keyframes warningIconPop{0%{opacity:0;transform:rotate(-180deg)scale(0)}70%{transform:rotate(10deg)scale(1.1)}100%{opacity:1;transform:rotate(0)scale(1)}}.warning-animate .warning-title{opacity:1;animation:warningTitleSlide .4s ease-out forwards}@keyframes warningTitleSlide{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.warning-animate .warning-content{opacity:1;animation:warningContentFade .5s ease-out forwards}@keyframes warningContentFade{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.warning-animate .warning-footer{opacity:1;animation:warningFooterFade .4s ease-out forwards}@keyframes warningFooterFade{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.warning-type-danger.warning-animate{position:relative;overflow:hidden}.warning-type-danger.warning-animate::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( circle at center,color-mix(in srgb,var(--warning-color) 20%,transparent) 0%,transparent 70% );opacity:0;animation:dangerPulseGlow 2s infinite;animation-delay:calc(1s + var(--warning-delay,0ms));pointer-events:none}@keyframes dangerPulseGlow{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.warning-type-warning:hover{animation:warningShake .5s cubic-bezier(.36,.07,.19,.97)both}@keyframes warningShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}.warning-type-danger:hover{position:relative;overflow:hidden}.warning-type-danger:hover::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,transparent 30%,color-mix(in srgb,var(--warning-color) 15%,transparent) 50%,transparent 70% );animation:warningGlowMove 2s linear infinite;pointer-events:none;z-index:1}@keyframes warningGlowMove{0%{transform:translateX(-100%)translateY(-100%)rotate(45deg)}100%{transform:translateX(100%)translateY(100%)rotate(45deg)}}.warning-type-warning{--warning-color:#ff9800;--warning-accent:#ff9800;--warning-bg:#fffbf0;--warning-border:#ffecb3}.warning-type-danger{--warning-color:#f44336;--warning-accent:#d32f2f;--warning-bg:#ffebee;--warning-border:#ffcdd2}.warning-type-info{--warning-color:#2196F3;--warning-accent:#1976D2;--warning-bg:#e3f2fd;--warning-border:#bbdefb}.warning-type-tip{--warning-color:#4CAF50;--warning-accent:#388E3C;--warning-bg:#e8f5e9;--warning-border:#c8e6c9}.warning-type-success{--warning-color:#4CAF50;--warning-accent:#388E3C;--warning-bg:#f1f8e9;--warning-border:#dcedc8}.warning-type-example{--warning-color:#9C27B0;--warning-accent:#7B1FA2;--warning-bg:#f3e5f5;--warning-border:#e1bee7}.warning-type-question{--warning-color:#FF9800;--warning-accent:#F57C00;--warning-bg:#fff3e0;--warning-border:#ffe0b2}.warning-type-note{--warning-color:#607D8B;--warning-accent:#455A64;--warning-bg:#eceff1;--warning-border:#cfd8dc}.warning-type-custom .warning-icon::before{content:attr(data-custom-icon)}@media(prefers-color-scheme:dark){.warning-box{--warning-bg:#1e1e1e;--warning-border:#333;box-shadow:0 4px 20px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2)}.warning-content{color:#e0e0e0}.warning-footer{color:color-mix(in srgb,var(--warning-color) 40%,#b0b0b0)}.warning-content code{background:rgba(255,255,255,.1)}.warning-content pre{background:rgba(255,255,255,5%);border-color:rgba(255,255,255,.1)}}@media(max-width:768px){.warning-box{margin:1.25rem 0;padding:1.25rem 1rem 1.25rem 1.25rem;border-radius:10px}.warning-header{gap:.5rem}.warning-icon{width:32px;height:32px}.warning-title{font-size:1.05rem}.warning-content{font-size:1rem}.warning-animate{animation-duration:.4s!important}}.warning-box:hover{box-shadow:0 6px 25px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,6%),inset 0 0 0 1px rgba(255,255,255,.9);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.warning-animate,.warning-animate *,.warning-box:hover{animation:none!important;transition:none!important}}.warning-compact.warning-animate .warning-icon{animation-duration:.3s}.warning-compact.warning-animate .warning-title{animation-duration:.2s}.warning-compact.warning-animate .warning-content{animation-duration:.3s}html[data-theme=dark] .warning-box{position:relative!important;margin:1.75rem 0!important;padding:1.5rem 1.5rem 1.5rem 1.75rem!important;border-radius:14px!important;background:rgba(20,20,30,.6)!important;backdrop-filter:blur(12px)saturate(180%)!important;-webkit-backdrop-filter:blur(12px)saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 25px rgba(0,0,0,.5),inset 0 2px 8px rgba(255,255,255,5%)!important;color:#f0f0f0!important;transition:all .2s ease!important}html[data-theme=dark] .warning-box[style*=background],html[data-theme=dark] .warning-box .warning-content,html[data-theme=dark] .warning-box::before,html[data-theme=dark] .warning-box::after{background:0 0!important}html[data-theme=dark] .warning-type-warning,html[data-theme=dark] .warning-box.warning-type-warning{--warning-color:#f59e0b;--warning-accent:#f59e0b;background:rgba(245,158,11,.12)!important;background:linear-gradient(145deg,rgba(251,191,36,.18),rgba(245,158,11,9%) )!important;border-color:rgba(245,158,11,.35)!important}html[data-theme=dark] .warning-type-danger,html[data-theme=dark] .warning-box.warning-type-danger{--warning-color:#f43f5e;--warning-accent:#f43f5e;background:rgba(244,63,94,.12)!important;background:linear-gradient(145deg,rgba(251,113,133,.18),rgba(244,63,94,9%) )!important;border-color:rgba(244,63,94,.35)!important}html[data-theme=dark] .warning-type-info,html[data-theme=dark] .warning-box.warning-type-info{--warning-color:#3b82f6;--warning-accent:#3b82f6;background:rgba(59,130,246,.12)!important;background:linear-gradient(145deg,rgba(96,165,250,.18),rgba(59,130,246,9%) )!important;border-color:rgba(59,130,246,.35)!important}html[data-theme=dark] .warning-type-tip,html[data-theme=dark] .warning-box.warning-type-tip{--warning-color:#10b981;--warning-accent:#10b981;background:rgba(16,185,129,.12)!important;background:linear-gradient(145deg,rgba(52,211,153,.18),rgba(16,185,129,9%) )!important;border-color:rgba(16,185,129,.35)!important}html[data-theme=dark] .warning-type-success,html[data-theme=dark] .warning-box.warning-type-success{--warning-color:#22c55e;--warning-accent:#22c55e;background:rgba(34,197,94,.12)!important;background:linear-gradient(145deg,rgba(74,222,128,.18),rgba(34,197,94,9%) )!important;border-color:rgba(34,197,94,.35)!important}html[data-theme=dark] .warning-type-example,html[data-theme=dark] .warning-box.warning-type-example{--warning-color:#a855f7;--warning-accent:#a855f7;background:rgba(168,85,247,.12)!important;background:linear-gradient(145deg,rgba(192,132,252,.18),rgba(168,85,247,9%) )!important;border-color:rgba(168,85,247,.35)!important}html[data-theme=dark] .warning-type-question,html[data-theme=dark] .warning-box.warning-type-question{--warning-color:#f59e0b;--warning-accent:#f59e0b;background:rgba(245,158,11,.12)!important;background:linear-gradient(145deg,rgba(251,191,36,.18),rgba(245,158,11,9%) )!important;border-color:rgba(245,158,11,.35)!important}html[data-theme=dark] .warning-type-note,html[data-theme=dark] .warning-box.warning-type-note{--warning-color:#94a3b8;--warning-accent:#94a3b8;background:rgba(148,163,184,.12)!important;background:linear-gradient(145deg,rgba(203,213,225,.18),rgba(148,163,184,9%) )!important;border-color:rgba(148,163,184,.35)!important}html[data-theme=dark] .warning-box .warning-left-border{position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--warning-accent),color-mix(in srgb,var(--warning-accent) 70%,transparent) 80%)!important;border-radius:14px 0 0 14px!important}html[data-theme=dark] .warning-box .warning-top-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--warning-accent),color-mix(in srgb,var(--warning-accent) 70%,transparent))!important;border-radius:14px 14px 0 0!important}html[data-theme=dark] .warning-box::after{content:""!important;position:absolute!important;inset:-2px!important;border-radius:16px!important;box-shadow:0 0 20px 4px color-mix(in srgb,var(--warning-accent) 18%,transparent)!important;pointer-events:none!important;z-index:-1!important}html[data-theme=dark] .warning-box .warning-header{display:flex!important;align-items:center!important;margin-bottom:1rem!important;gap:.75rem!important}html[data-theme=dark] .warning-box .warning-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;color:color-mix(in srgb,var(--warning-accent) 80%,white)!important;border-radius:8px!important;font-size:1.1rem!important;flex-shrink:0!important;transition:transform .2s ease!important}html[data-theme=dark] .warning-box .warning-icon:hover{transform:scale(1.05)!important}html[data-theme=dark] .warning-box .warning-title{font-weight:700!important;color:color-mix(in srgb,var(--warning-accent) 80%,white)!important;font-size:1.15rem!important;letter-spacing:-.01em!important;line-height:1.3!important}html[data-theme=dark] .warning-box .warning-content{font-size:1.05rem!important;line-height:1.7!important;color:#e2e8f0!important}html[data-theme=dark] .warning-box .warning-content p{margin:.75rem 0!important}html[data-theme=dark] .warning-box .warning-content ul,html[data-theme=dark] .warning-box .warning-content ol{margin:.75rem 0 .75rem 1.5rem!important}html[data-theme=dark] .warning-box .warning-content li{margin-bottom:.5rem!important}html[data-theme=dark] .warning-box .warning-content code{background:rgba(255,255,255,.1)!important;padding:.2em .4em!important;border-radius:4px!important;font-size:.9em!important;color:#f1f5f9!important}html[data-theme=dark] .warning-box .warning-content pre{background:rgba(0,0,0,.3)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;padding:1rem!important;margin:1rem 0!important;overflow-x:auto!important}html[data-theme=dark] .warning-box .warning-footer{margin-top:1.25rem!important;padding-top:1rem!important;border-top:1px solid color-mix(in srgb,var(--warning-accent) 20%,transparent)!important;font-size:.95rem!important;color:color-mix(in srgb,var(--warning-accent) 60%,#cbd5e1)!important;line-height:1.5!important;font-style:italic!important}html[data-theme=dark] .warning-box.warning-compact{margin:1rem 0!important;padding:1rem 1rem 1rem 1.25rem!important;border-radius:8px!important}html[data-theme=dark] .warning-box.warning-compact .warning-icon{width:28px!important;height:28px!important;font-size:.9rem!important}html[data-theme=dark] .warning-box.warning-compact .warning-title{font-size:1rem!important}html[data-theme=dark] .warning-box.warning-compact .warning-content{font-size:.95rem!important}html[data-theme=dark] .warning-box.warning-compact .warning-footer{margin-top:.75rem!important;padding-top:.75rem!important;font-size:.85rem!important}html[data-theme=dark] .warning-type-warning:hover{animation:warningShake .5s cubic-bezier(.36,.07,.19,.97)both}@keyframes warningShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}html[data-theme=dark] .warning-type-danger:hover::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,transparent 30%,color-mix(in srgb,var(--warning-accent) 15%,transparent) 50%,transparent 70% );animation:warningGlowMove 2s linear infinite;pointer-events:none;z-index:1}@keyframes warningGlowMove{0%{transform:translateX(-100%)translateY(-100%)rotate(45deg)}100%{transform:translateX(100%)translateY(100%)rotate(45deg)}}@media(prefers-color-scheme:dark){html[data-theme=dark] .warning-box{--warning-bg:transparent !important;--warning-border:transparent !important}}@media(max-width:768px){html[data-theme=dark] .warning-box{margin:1.25rem 0!important;padding:1.25rem 1rem 1.25rem 1.25rem!important;border-radius:10px!important}}@media(prefers-reduced-motion:reduce){html[data-theme=dark] .warning-box,html[data-theme=dark] .warning-box *,html[data-theme=dark] .warning-box:hover{animation:none!important;transition:none!important}}