@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper-bg:#faf8f3;--line-color:#d4cfc4;--margin-line:#e8b4b8;--text-dark:#2d3436;--text-gray:#636e72;--text-blue:#4a5f7f;--pencil-underline:#dfe6e9;--highlighter:#ffeb3b66}:root.dark{--paper-bg:#1a1a1a;--line-color:#3a3a3a;--margin-line:#6b4c4c;--text-dark:#e8e6e3;--text-gray:#a0a0a0;--text-blue:#7ba3d8;--pencil-underline:#3d3d3d;--highlighter:#ffeb3b33}body{background:var(--paper-bg);color:var(--text-dark);margin:0;padding:0;font-family:Patrick Hand,cursive;font-size:18px;line-height:1.8;transition:background-color .3s,color .3s;overflow-x:hidden}.notebook-bg{background:linear-gradient(90deg,transparent 79px,var(--margin-line)80px,transparent 81px),repeating-linear-gradient(0deg,transparent,transparent 31px,var(--line-color)31px,var(--line-color)32px);background-color:var(--paper-bg);min-height:100vh;transition:background-color .3s;position:relative}@media(max-width:768px){.notebook-bg{background:linear-gradient(90deg,transparent 12px,var(--margin-line)12px,transparent 13px),repeating-linear-gradient(0deg,transparent,transparent 31px,var(--line-color)31px,var(--line-color)32px);background-color:var(--paper-bg)}}@media(max-width:480px){.notebook-bg{background:linear-gradient(90deg,transparent 12px,var(--margin-line)12px,transparent 13px),repeating-linear-gradient(0deg,transparent,transparent 31px,var(--line-color)31px,var(--line-color)32px);background-color:var(--paper-bg)}}.notebook-bg:before{content:"";pointer-events:none;opacity:.3;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-opacity='0.02'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z'/%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}:root.dark .notebook-bg:before{opacity:.08}.monospace{font-family:JetBrains Mono,monospace;font-size:14px}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}pre[class*=language-]{border-radius:4px;overflow-x:auto;border-left:3px solid var(--text-blue)!important;background:#0000000d!important;margin:1.5rem 0!important;padding:1.5rem!important}:root.dark pre[class*=language-]{background:#ffffff0d!important}code[class*=language-]{color:var(--text-dark)!important;font-family:JetBrains Mono,monospace!important;font-size:14px!important;line-height:1.6!important}:root.dark code[class*=language-]{color:var(--text-dark)!important}:not(pre)>code{color:var(--text-dark);background:#0000000d;border-radius:3px;padding:.2em .4em;font-family:JetBrains Mono,monospace;font-size:.9em}:root.dark :not(pre)>code{color:var(--text-dark);background:#ffffff1a}strong,b{color:var(--text-dark);font-weight:700}:root.dark strong,:root.dark b{color:#f5f3f0;font-weight:700}em,i{color:var(--text-blue);font-style:italic}:root.dark em,:root.dark i{color:var(--text-blue)}a{color:var(--text-blue);background:linear-gradient(transparent 60%,var(--highlighter)60%);background-repeat:no-repeat;background-size:0% 100%;text-decoration:none;transition:all .2s;position:relative}a:hover{color:var(--text-dark);background-size:100% 100%}a:hover:after{width:100%}button{color:var(--text-blue);cursor:pointer;background:0 0;border:none;padding:8px 0;font-family:Patrick Hand,cursive;font-size:16px;transition:color .2s;position:relative}button:hover{color:var(--text-dark)}button:before{content:"→ ";margin-right:4px}.container{z-index:1;max-width:900px;margin:0 auto;padding:60px 100px 60px 120px;position:relative}.breadcrumb{margin-bottom:30px;font-size:14px}.breadcrumb a{color:var(--text-gray);text-decoration:none;transition:color .2s;background:0 0!important}.breadcrumb a:hover{color:var(--text-dark);background:0 0!important}.breadcrumb a:after{display:none}.page-header{margin-bottom:50px}.page-title{color:var(--text-dark);margin:0 0 16px;font-size:42px;font-weight:400}.page-description{color:var(--text-gray);margin:0;font-size:18px;line-height:1.6}.card-list{flex-direction:column;gap:40px;margin-bottom:30px;display:flex}.card{border-left:2px solid var(--line-color);border-bottom:1px solid var(--line-color);padding-bottom:40px;padding-left:20px}.card:last-child{border-bottom:none;padding-bottom:0}.card-link{color:inherit;text-decoration:none;transition:transform .2s;display:block;background:0 0!important}.card-link:hover{transform:translate(4px);background:0 0!important}.card-link:after{display:none}.card-image{justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px;display:flex}.card-image-taped{background:#fff;max-width:100%;padding:12px;transition:all .3s;display:inline-block;position:relative;box-shadow:0 2px 8px #0000001a,0 4px 12px #0000000d}:root.dark .card-image-taped{background:#2a2a2a;box-shadow:0 2px 8px #0000004d,0 4px 12px #0003}.card-image-taped:before,.card-image-taped:after{content:"";z-index:1;background:#fff8dcbf;border:1px solid #8b8b7a4d;width:70px;height:26px;position:absolute;top:-10px;box-shadow:inset 0 1px #ffffff4d,0 1px 3px #00000026}:root.dark .card-image-taped:before,:root.dark .card-image-taped:after{background:#8b8b7a59;border:1px solid #8b8b7a80;box-shadow:inset 0 1px #ffffff1a,0 1px 3px #0000004d}.card-image-taped:before{left:24px;transform:rotate(-3deg)}.card-image-taped:after{right:24px;transform:rotate(3deg)}.card-link:hover .card-image-taped{transform:translateY(-2px);box-shadow:0 4px 12px #00000026,0 6px 20px #00000014}:root.dark .card-link:hover .card-image-taped{box-shadow:0 4px 12px #0006,0 6px 20px #0000004d}.card-image img{object-fit:contain;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:380px;display:block}.card-content{flex-direction:column;gap:12px;min-height:140px;display:flex}.card-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-title{color:var(--text-dark);margin:0;font-size:28px;font-weight:400}.card-description{color:var(--text-dark);margin:0;font-size:17px;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--tag-bg);color:var(--tag-text);border-radius:3px;padding:2px 8px;font-size:12px}.tag-blog{color:#2d3436;background:#dfe6e9}.tag-update{color:#27ae60;background:#d1f2eb}.tag-learning{color:#8e44ad;background:#e8daef}.tag-milestone{color:#16a085;background:#d5f4e6}.tag-personal{--tag-bg:#fce4ec;--tag-text:#c2185b}.tag-project{--tag-bg:#e3f2fd;--tag-text:#1565c0}:root.dark .tag-project{--tag-bg:#1565c0;--tag-text:#e3f2fd}.tag-win{--tag-bg:#fff3cd;--tag-text:#856404}:root.dark .tag-win{--tag-bg:#664d03;--tag-text:#fff3cd}.tag-award{--tag-bg:#d1ecf1;--tag-text:#0c5460}:root.dark .tag-award{--tag-bg:#055160;--tag-text:#cff4fc}.tag-featured{--tag-bg:#d4edda;--tag-text:#155724}:root.dark .tag-featured{--tag-bg:#0f5132;--tag-text:#d1e7dd}.tag-grant{--tag-bg:#e2d3f4;--tag-text:#4a2c6f}:root.dark .tag-grant{--tag-bg:#4a2c6f;--tag-text:#e2d3f4}.date{color:var(--text-gray)}.article-header{margin-bottom:40px}.article-title{color:var(--text-dark);margin:0 0 20px;font-size:42px;font-weight:400}.article-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.article-content{margin-bottom:40px}.article-content h1{color:var(--text-dark);margin:40px 0 24px;font-size:38px;font-weight:400;line-height:1.3}.article-content h1:before{content:"# ";color:var(--text-gray);opacity:.5}.article-content h2{color:var(--text-dark);margin:36px 0 20px;font-size:32px;font-weight:400;line-height:1.3}.article-content h2:before{content:"## ";color:var(--text-gray);opacity:.5}.article-content h3{color:var(--text-dark);margin:32px 0 16px;font-size:26px;font-weight:400;line-height:1.3}.article-content h3:before{content:"### ";color:var(--text-gray);opacity:.5}.article-content h4{color:var(--text-dark);margin:24px 0 12px;font-size:22px;font-weight:400}.article-content h4:before{content:"#### ";color:var(--text-gray);opacity:.5}.article-content p{color:var(--text-dark);margin-bottom:20px;font-size:17px;line-height:1.7}.article-content ul,.article-content ol{color:var(--text-dark);margin:20px 0;padding-left:40px;line-height:1.7}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:8px;font-size:17px}.article-content li::marker{color:var(--text-blue)}.article-content a{color:var(--text-blue);background:linear-gradient(to right,var(--highlighter)0%,var(--highlighter)100%);background-repeat:no-repeat;background-size:0% 100%;text-decoration:none;transition:background-size .3s;position:relative}.article-content a:hover{color:var(--text-dark);background-size:100% 100%}.article-content strong{color:var(--text-dark);font-weight:600}.article-content em{color:var(--text-gray);font-style:italic}.article-content code{color:#c7254e;background:#0000000d;border:1px solid #0000001a;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:15px}:root.dark .article-content code{color:#ff6b9d;background:#ffffff1a;border:1px solid #ffffff1a}.article-content pre{border:2px solid var(--line-color);background:#f8f9fa;border-radius:6px;margin:24px 0;padding:20px;position:relative;overflow-x:auto;box-shadow:2px 2px #0000000d,4px 4px #00000005}:root.dark .article-content pre{background:#1e1e1e;border-color:#3a3a3a}.article-content pre code{color:var(--text-dark);background:0 0;border:none;padding:0;font-size:14px;line-height:1.6;display:block}.article-content blockquote{border-left:4px solid var(--text-blue);color:var(--text-gray);background:#4a5f7f0d;border-radius:0 4px 4px 0;margin:24px 0;padding:16px 20px;font-style:italic}:root.dark .article-content blockquote{border-color:var(--text-blue);background:#7ba3d81a}.article-content blockquote p{margin:0}.article-content hr{border:none;border-top:2px solid var(--line-color);margin:40px 0}.article-content table{border-collapse:collapse;border:2px solid var(--line-color);background:var(--paper-bg);width:100%;margin:24px 0;font-size:16px}.article-content table th{text-align:left;border-bottom:2px solid var(--line-color);color:var(--text-dark);background:#00000008;padding:12px;font-weight:600}:root.dark .article-content table th{background:#ffffff0d}.article-content table td{border-bottom:1px solid var(--line-color);color:var(--text-dark);padding:12px}.article-content table tr:last-child td{border-bottom:none}.article-content img{max-width:100%;height:auto;margin:30px 0;display:block}.article-content p:has(>img:only-child){background:#fff;margin:30px 0;padding:16px;display:inline-block;position:relative;box-shadow:0 2px 8px #0000001a,0 4px 12px #0000000d}:root.dark .article-content p:has(>img:only-child){background:#2a2a2a;box-shadow:0 2px 8px #0000004d,0 4px 12px #0003}.article-content p:has(>img:only-child):before,.article-content p:has(>img:only-child):after{content:"";z-index:1;background:#fff8dcbf;width:80px;height:25px;position:absolute;top:-8px;box-shadow:0 1px 3px #0003}.article-content p:has(>img:only-child):before{left:20%;transform:rotate(-2deg)}.article-content p:has(>img:only-child):after{right:20%;transform:rotate(2deg)}:root.dark .article-content p:has(>img:only-child):before,:root.dark .article-content p:has(>img:only-child):after{background:#fff8dca6}.article-content p img{object-fit:contain;width:auto;max-height:500px;margin:0;display:block;position:relative}.article-links{flex-wrap:wrap;gap:20px;display:flex}.article-link{color:var(--text-gray);font-size:16px;text-decoration:none;transition:color .2s;background:0 0!important}.article-link:hover{color:var(--text-dark);background:0 0!important}.article-link:after{display:none}.article-images{margin-bottom:40px}.image-single{max-width:100%;display:inline-block}.image-single img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:500px;display:block}.image-single-taped{background:#fff;max-width:100%;padding:16px;display:inline-block;position:relative;box-shadow:0 2px 8px #0000001a,0 4px 12px #0000000d}:root.dark .image-single-taped{background:#2a2a2a;box-shadow:0 2px 8px #0000004d,0 4px 12px #0003}.image-single-taped:before,.image-single-taped:after{content:"";z-index:1;background:#fff8dcbf;border:1px solid #8b8b7a4d;width:80px;height:28px;position:absolute;top:-10px;box-shadow:inset 0 1px #ffffff4d,0 1px 3px #00000026}:root.dark .image-single-taped:before,:root.dark .image-single-taped:after{background:#8b8b7a59;border:1px solid #8b8b7a80;box-shadow:inset 0 1px #ffffff1a,0 1px 3px #0000004d}.image-single-taped:before{left:30px;transform:rotate(-3deg)}.image-single-taped:after{right:30px;transform:rotate(3deg)}.image-single-taped img{object-fit:contain;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:500px;display:block}.image-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:30px;display:grid}.image-grid-item{background:#fff;justify-self:start;padding:12px;display:inline-block;position:relative;box-shadow:0 2px 8px #0000001a,0 4px 12px #0000000d}:root.dark .image-grid-item{background:#2a2a2a;box-shadow:0 2px 8px #0000004d,0 4px 12px #0003}.image-grid-item:before,.image-grid-item:after{content:"";z-index:1;background:#fff8dcbf;border:1px solid #8b8b7a4d;width:60px;height:24px;position:absolute;top:-8px;box-shadow:inset 0 1px #ffffff4d,0 1px 3px #00000026}:root.dark .image-grid-item:before,:root.dark .image-grid-item:after{background:#8b8b7a59;border:1px solid #8b8b7a80;box-shadow:inset 0 1px #ffffff1a,0 1px 3px #0000004d}.image-grid-item:before{left:20px;transform:rotate(-2deg)}.image-grid-item:after{right:20px;transform:rotate(2deg)}.image-grid img{object-fit:contain;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:350px;display:block}.article-links{border-top:2px solid var(--line-color);flex-wrap:wrap;gap:16px;margin-top:40px;padding-top:30px;display:flex}.article-btn{color:var(--text-dark);background:var(--paper-bg);border:2px solid var(--line-color);border-radius:4px;padding:12px 24px;font-family:Patrick Hand,cursive;font-size:17px;text-decoration:none;transition:all .2s;display:inline-block;position:relative;box-shadow:2px 2px #0000001a,0 2px 4px #0000000d}.article-btn:after{display:none!important}.article-btn:hover{color:var(--text-dark);transform:translate(-1px,-1px);box-shadow:3px 3px #00000026,0 4px 8px #00000014;background:var(--paper-bg)!important}.article-btn-primary{color:#2980b9;background:#d6eaf8;border-color:#2980b9}:root.dark .article-btn-primary{color:#e3f2fd;background:#1565c0;border-color:#1565c0}.article-btn-primary:hover{color:#2980b9!important;background:#d6eaf8!important}:root.dark .article-btn-primary:hover{color:#e3f2fd!important;background:#1976d2!important}.article-btn-secondary{border-color:var(--text-gray);color:var(--text-gray);background:#f8f9fa}:root.dark .article-btn-secondary{color:#a0a0a0;background:#2a2a2a;border-color:#5a5a5a}.article-btn-secondary:hover{border-color:var(--text-dark);color:var(--text-dark)!important;background:#f8f9fa!important}:root.dark .article-btn-secondary:hover{color:var(--text-dark)!important;background:#3a3a3a!important}@media(max-width:768px){.container{padding:40px 20px 100px}.page-title{font-size:32px}.card-title{font-size:24px}.card-description{font-size:16px}.article-title{font-size:32px}.article-content h2{font-size:24px}.image-grid{grid-template-columns:1fr}.image-single-taped,.image-single-taped img{max-height:400px}.image-single-taped:before,.image-single-taped:after{width:60px;height:24px}.image-grid img{max-height:280px}.image-grid-item:before,.image-grid-item:after{width:45px;height:20px}}@media(max-width:480px){.image-grid{grid-template-columns:1fr}.card-image-taped:before,.card-image-taped:after{width:50px;height:22px}.card-image img{max-height:250px}.card-image-taped{padding:8px}.card-image-taped:before,.card-image-taped:after{width:40px;height:20px;top:-8px}.card-content{min-height:120px}.image-single-taped{padding:12px}.image-single-taped img{max-height:350px}.image-single-taped:before,.image-single-taped:after{width:50px;height:22px;top:-8px}.image-grid{gap:20px}.image-grid-item{padding:10px}.image-grid img{max-height:250px}.image-grid-item:before,.image-grid-item:after{width:35px;height:18px;top:-6px}.article-links{flex-direction:column}.article-btn{text-align:center;width:100%}.article-content h1{font-size:28px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content h4{font-size:18px}.article-content p,.article-content li{font-size:16px}.article-content ul,.article-content ol{padding-left:28px}.article-content pre{padding:16px;font-size:13px}.article-content table{font-size:14px}.article-content table th,.article-content table td{padding:8px}.article-content p img{max-height:350px;padding:10px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.theme-toggle.svelte-1cmi4dh{position:fixed;top:20px;right:20px;z-index:1001;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:var(--paper-bg);border:2px solid var(--line-color);color:var(--text-dark);transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #0000001a;font-family:Patrick Hand,cursive;font-size:14px}.theme-toggle.svelte-1cmi4dh:hover{border-color:var(--text-blue);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.theme-toggle.svelte-1cmi4dh:before{content:"";margin:0}.toggle-label.svelte-1cmi4dh{color:var(--text-gray);font-weight:500;-webkit-user-select:none;user-select:none}.toggle-switch.svelte-1cmi4dh{position:relative;width:36px;height:20px;background:var(--line-color);border-radius:10px;transition:background-color .3s ease;border:1px solid var(--text-gray)}.theme-toggle.dark.svelte-1cmi4dh .toggle-switch:where(.svelte-1cmi4dh){background:var(--text-blue);border-color:var(--text-blue)}.toggle-circle.svelte-1cmi4dh{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--paper-bg);border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.theme-toggle.dark.svelte-1cmi4dh .toggle-circle:where(.svelte-1cmi4dh){transform:translate(16px)}@media(max-width:768px){.theme-toggle.svelte-1cmi4dh{top:12px;right:12px;padding:6px 10px;font-size:13px}.toggle-switch.svelte-1cmi4dh{width:32px;height:18px}.toggle-circle.svelte-1cmi4dh{width:12px;height:12px}.theme-toggle.dark.svelte-1cmi4dh .toggle-circle:where(.svelte-1cmi4dh){transform:translate(14px)}}.tab-nav.svelte-ep9j8{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:4px}.tab.svelte-ep9j8{position:relative;background:var(--paper-bg);border:2px solid var(--line-color);border-right:none;padding:12px 8px;writing-mode:vertical-rl;text-decoration:none;color:var(--text-gray);font-size:13px;font-weight:500;transition:all .3s ease;border-radius:8px 0 0 8px;box-shadow:-2px 2px 4px #0000001a;letter-spacing:.5px}.tab.svelte-ep9j8:hover{transform:translate(-8px);color:var(--text-dark);background:#fff8dc4d;box-shadow:-3px 3px 6px #00000026}.tab.active.svelte-ep9j8{transform:translate(-12px);color:var(--text-blue);background:#4a5f7f1a;border-color:var(--text-blue);font-weight:600;box-shadow:-4px 4px 8px #0003}.tab-label.svelte-ep9j8{display:block;white-space:nowrap}@media(max-width:768px){.tab-nav.svelte-ep9j8{inset:auto auto 0 50%;transform:translate(-50%);flex-direction:row;background:var(--paper-bg);border-top:2px solid var(--line-color);padding:8px;width:100%;max-width:100vw;justify-content:space-evenly;gap:0;box-shadow:0 -4px 12px #0000001a}.tab.svelte-ep9j8{writing-mode:horizontal-tb;border:2px solid var(--line-color);border-radius:6px;padding:8px 12px;font-size:11px;box-shadow:1px 1px 3px #0000001a;flex:1;text-align:center;max-width:100px}.tab.svelte-ep9j8:hover{transform:translateY(-4px)}.tab.active.svelte-ep9j8{transform:translateY(-6px)}.tab.svelte-ep9j8:before{display:none}.tab-label.svelte-ep9j8{font-size:10px}}@media(max-width:480px){.tab-nav.svelte-ep9j8{padding:6px 4px;gap:4px}.tab.svelte-ep9j8{padding:6px 8px;font-size:10px;min-width:0}.tab-label.svelte-ep9j8{font-size:9px}}