:root{--color-bg:#fff;--color-text:#1a1a1a;--color-muted:#555;--color-subtle:#666;--color-border:#e1e5e9;--color-border-soft:#f0f0f0;--color-surface:#fafafa;--color-card:#fff;--color-accent:#06c;--color-accent-hover:#049;--color-accent-soft:#f0f7ff;--color-accent-contrast:#fff;--color-code-bg:#f5f5f5;--color-code-text:#e83e8c;--color-pre-bg:#f8f9fa;--color-overlay:#0009;--color-avatar-bg:#f3f4f6;--color-button-border:#1a1a1a;--color-button-text:#3b3b3b;--color-button-hover-bg:#eee;--color-button-hover-text:#000;color-scheme:light}html[data-theme=dark]{--color-bg:#0f1216;--color-text:#e6e8eb;--color-muted:#c3c7ce;--color-subtle:#9aa1ab;--color-border:#2a2f36;--color-border-soft:#20252b;--color-surface:#151a20;--color-card:#161b22;--color-accent:#6af;--color-accent-hover:#8bbcff;--color-accent-soft:#13243a;--color-accent-contrast:#0b1220;--color-code-bg:#1b1f24;--color-code-text:#ff9bd2;--color-pre-bg:#11151a;--color-overlay:#000000b3;--color-avatar-bg:#f5f6f8;--color-button-border:#cfd6df;--color-button-text:#d7dbe1;--color-button-hover-bg:#232931;--color-button-hover-text:#fff;color-scheme:dark}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;margin:0;padding:0}.subtitle{font-style:italic;text-align:center}.container{margin:3rem auto 6rem;max-width:30rem;padding:0 1rem}.header{align-items:center;display:flex;flex-direction:column}.float-container{border:3px solid var(--color-border);margin:3rem auto 6rem;max-width:32rem;padding:20px}.float-child{border:2px solid red;float:left;padding:20px;width:50%}.backToHome{margin:3rem 0 0}*{box-sizing:border-box}img{display:block;max-width:100%}.heading2Xl{font-size:2.2rem;line-height:1.2}.heading2Xl,.headingXl{font-weight:800;letter-spacing:-.05rem;margin:1rem 0 0}.headingXl{font-size:2rem;line-height:1.3}.headingLg{font-size:1.5rem;line-height:1.4;margin:1rem 0}.headingMd{font-size:1.1rem;margin-top:.4rem}.borderCircle{border-radius:9999px}.colorInherit{color:inherit}.padding1px{padding-top:1px}.blog-layout-container{margin:0;max-width:none;padding:4.75rem 0 0}.blog-layout-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;margin-bottom:0;padding:1rem 2rem}.blog-layout-header img{margin-bottom:0}.blog-layout-header .avatar-wrapper{margin-right:1rem}.blog-layout-header h2{margin:0}@media (max-width:768px){.blog-layout-container{padding-top:3.75rem}.blog-layout-header{padding:1rem}}.top-navbar{justify-content:space-between;left:2rem;position:fixed;right:2rem;top:1.5rem;z-index:1000}.top-navbar,.top-navbar-links{align-items:center;display:flex}.top-navbar-links{gap:1.5rem}.nav-item{color:var(--color-subtle);font-size:1rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-item:hover{color:var(--color-text);text-decoration:none}.nav-item-hidden{display:none}.theme-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text);cursor:pointer;display:inline-flex;height:2.25rem;justify-content:center;padding:0;transition:all .2s ease;width:2.25rem}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle-icon{display:inline-flex;height:1.15rem;width:1.15rem}.theme-toggle-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;height:100%;width:100%}.theme-toggle-icon svg circle{fill:currentColor;stroke:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.avatar-wrapper{align-items:center;background-color:var(--color-avatar-bg);border-radius:9999px;display:inline-flex;justify-content:center;padding:6px}.avatar-wrapper-sm{padding:4px}.avatar-wrapper-lg{padding:6px}.avatar-wrapper-md{padding:5px}.avatar-image{border-radius:9999px;display:block}@media (max-width:768px){.top-navbar{left:1rem;right:1rem;top:1rem}.top-navbar-links{gap:.75rem}.nav-item{font-size:.9rem;padding:.4rem .8rem}}@supports (view-transition-name:profile-avatar){::view-transition-new(profile-avatar),::view-transition-old(profile-avatar){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root),::view-transition-old(root){animation-duration:.26s;animation-timing-function:ease}}.socialContainer{text-align:center;width:100%}.socialButton{border-radius:50%;display:inline-block;font-size:2.25em;margin:0 auto;padding:0 13px}.socialButton a{color:var(--color-accent)}.socialButton a:hover{opacity:.7;text-decoration:none}.frame{margin:40px auto;width:70%}.frame,.my-b{text-align:center}.my-b{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid var(--color-button-border);border-radius:15px;box-sizing:border-box;color:var(--color-button-text);cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;margin:0;max-width:180px;min-height:50px;min-width:60px;outline:none;padding:18px 24px;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;width:100%;will-change:transform}.my-b:disabled{pointer-events:none}.my-b:hover{background-color:var(--color-button-hover-bg);box-shadow:0 8px 15px #00000040;color:var(--color-button-hover-text);text-decoration:none;transform:translateY(-2px)}.my-b:active{box-shadow:none;transform:translateY(0)}.sidebyside{float:left;padding:0}.nav-links{margin:1.5rem 0;text-align:center}.blog-link{background-color:initial;border:2px solid var(--color-accent);border-radius:8px;color:var(--color-accent);display:inline-block;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.blog-link:hover{background-color:var(--color-accent);box-shadow:0 6px 12px #0066cc4d;color:var(--color-accent-contrast);text-decoration:none;transform:translateY(-1px)}.blog-container{line-height:1.6;margin:2rem 0 6rem 2rem;max-width:80rem;padding:0 2rem}.blog-header{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem;text-align:left}.blog-description{color:var(--color-subtle);font-size:1.1rem;margin-top:1rem}.back-to-home-section{margin-top:1.5rem}.back-to-home-link{color:var(--color-accent);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease}.back-to-home-link:hover{color:var(--color-accent-hover);text-decoration:underline}.blog-posts{display:flex;flex-direction:column;gap:0}.blog-post-preview{border-bottom:1px solid var(--color-border-soft);padding:0;transition:all .2s ease}.blog-post-preview:last-child{border-bottom:none}.blog-post-preview:hover{transform:translateY(-2px)}.post-link{display:block}.post-link,.post-link:hover{color:inherit;text-decoration:none}.post-content{padding:0}.post-title{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;transition:color .2s ease}.post-link:hover .post-title{color:var(--color-accent)}.post-date{color:var(--color-subtle);font-size:.9rem;margin:0 0 1rem}.post-excerpt{color:var(--color-muted);font-size:1rem;line-height:1.5;margin:0 0 1rem}.read-more{color:var(--color-accent);font-size:.9rem;font-weight:600;transition:color .2s ease}.post-link:hover .read-more{color:var(--color-accent-hover)}.loading-indicator{padding:3rem 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-soft);border:3px solid var(--color-border-soft);border-radius:50%;border-top-color:var(--color-accent);height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.end-message{font-style:italic;padding:3rem 0}.end-message,.no-posts{color:var(--color-subtle);text-align:center}.no-posts{padding:4rem 0}.breadcrumb{margin-bottom:2rem}.breadcrumb-link{color:var(--color-accent);font-weight:500;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-accent-hover);text-decoration:underline}.blog-post{margin-bottom:3rem}.post-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem;text-align:left}.post-header .post-title{font-size:2.2rem;margin-bottom:1rem}.post-meta{color:var(--color-subtle)}.post-content{color:var(--color-text);font-size:1.1rem;line-height:1.7}.post-content h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem}.post-content h1,.post-content h2{color:var(--color-text);line-height:1.3}.post-content h2{font-size:1.6rem;font-weight:600;margin:1.8rem 0 1rem}.post-content h3{color:var(--color-text);font-size:1.3rem;font-weight:600;line-height:1.4;margin:1.5rem 0 .8rem}.post-content p{margin:0 0 1.5rem}.post-content ol,.post-content ul{margin:0 0 1.5rem;padding-left:2rem}.post-content li{margin:.5rem 0}.post-content code{background-color:var(--color-code-bg);border-radius:4px;color:var(--color-code-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.2rem .4rem}.post-content pre{background-color:var(--color-pre-bg);border:1px solid var(--color-border);border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.post-content pre code{background:none;color:var(--color-text);padding:0}.post-content blockquote{border-left:4px solid var(--color-accent);color:var(--color-muted);font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.post-content a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}.post-content a:hover{color:var(--color-accent-hover);text-decoration:underline}.post-content img{border-radius:8px;height:auto;margin:1.5rem 0;max-width:100%}.post-navigation{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem;text-align:center}.back-to-blog{display:inline-block;margin-top:1rem}.not-found{padding:4rem 0;text-align:center}.not-found h1{margin-bottom:1rem}.not-found p{color:var(--color-subtle);margin-bottom:2rem}@media (max-width:768px){.blog-container{margin:1rem 1rem 4rem;max-width:100%;padding:0 1rem}.blog-header{margin-bottom:1rem}.blog-posts{gap:0}.blog-post-preview{padding:0}.post-title{font-size:1.3rem}.post-header .post-title{font-size:1.8rem}.post-content{font-size:1rem}.post-content h1{font-size:1.6rem}.post-content h2{font-size:1.4rem}.post-content h3{font-size:1.2rem}.post-content pre{font-size:.9rem;padding:1rem}}@media (max-width:480px){.blog-container{padding:0 .8rem}.post-content pre{border-radius:0;margin-left:-.8rem;margin-right:-.8rem}}.creations-container{line-height:1.6;margin:2rem 0 6rem 2rem;max-width:80rem;padding:0 2rem}.creations-header{border-bottom:1px solid var(--color-border);margin-bottom:3rem;padding-bottom:2rem;text-align:left}.creations-description{color:var(--color-subtle);font-size:1.1rem;margin-top:1rem}.creations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.creation-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:1.5rem;transition:all .3s ease}.creation-card:hover{border-color:var(--color-accent);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.creation-title{color:var(--color-text);font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.creation-description{color:var(--color-muted);font-size:1rem;line-height:1.5;margin:0 0 1rem}.creation-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.creation-tag{background:var(--color-accent-soft);border-radius:20px;color:var(--color-accent);font-size:.85rem;font-weight:500;padding:.25rem .75rem}.view-details{color:var(--color-accent);display:inline-block;font-size:.9rem;font-weight:600;margin-top:1rem}.creation-popup-overlay{align-items:center;background:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.creation-popup{border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:100%}.creation-popup,.creation-popup-header{background:var(--color-card);position:relative}.creation-popup-header{border-bottom:1px solid var(--color-border);border-radius:12px 12px 0 0;flex-shrink:0;padding:2rem 2rem 1rem}.creation-popup-title{color:var(--color-text);font-size:1.8rem;font-weight:700;margin:0 0 .5rem;padding-right:3rem}.creation-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-subtle);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:2rem}.creation-popup-close:hover{background:var(--color-code-bg);color:var(--color-text)}.creation-popup-content{flex:1 1;overflow-y:auto;padding:2rem}.creation-popup-description{color:var(--color-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.creation-popup-details{margin-bottom:2rem}.creation-popup-details h3{color:var(--color-text);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.creation-popup-details p{line-height:1.6;margin:0 0 1rem}.creation-popup-details ul{margin:0 0 1rem;padding-left:1.5rem}.creation-popup-details li{margin:.5rem 0}.creation-popup-links{display:flex;flex-wrap:wrap;gap:1rem}.creation-link{background:var(--color-accent);border-radius:8px;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.creation-link,.creation-link:hover{color:var(--color-accent-contrast);text-decoration:none}.creation-link:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.creation-link.secondary{background:#0000;border:2px solid var(--color-accent);color:var(--color-accent)}.creation-link.secondary:hover{background:var(--color-accent);color:var(--color-accent-contrast)}.no-creations{color:var(--color-subtle);padding:4rem 0;text-align:center}@media (max-width:768px){.creations-container{margin:1rem 1rem 4rem;max-width:100%;padding:0 1rem}.creations-grid{gap:1.5rem;grid-template-columns:1fr}.creation-card{padding:1.25rem}.creation-popup-overlay{padding:1rem}.creation-popup{max-height:90vh}.creation-popup-header{padding:1.5rem 1.5rem 1rem}.creation-popup-content{padding:1.5rem}.creation-popup-title{font-size:1.5rem;padding-right:2.5rem}.creation-popup-links{flex-direction:column}.creation-link{text-align:center}}@media (max-width:480px){.creations-container{padding:0 .8rem}.creation-card{padding:1rem}.creation-popup-overlay{padding:.5rem}}
/*# sourceMappingURL=main.76faef6b.css.map*/