@charset "UTF-8";:root{--text-color: #333;--bg-color: #fcf9f9;--selection-bg: #121212;--selection-color: #fcf9f9;--bg-color-rgb: 252, 249, 249;--text-color-rgb: 51, 51, 51;--hover-shadow-color: rgba(0, 0, 0, .1);--sb-thumb: #333;--sb-track: #fcf9f9;scrollbar-color:var(--sb-thumb) var(--sb-track);--heading-ratio: 1;--base-heading-size: clamp(2.5rem, 5vw + 1rem, 4rem);--space-3xs: clamp(.25rem, .5vw, .5rem);--space-2xs: clamp(.5rem, 1vw, .75rem);--space-xs: clamp(.75rem, 1.5vw, 1rem);--space-s: clamp(1rem, 2vw, 1.25rem);--space-m: clamp(1.5rem, 3vw, 2rem);--space-l: clamp(2rem, 4vw, 3rem);--space-xl: clamp(3rem, 6vw, 4rem);--space-2xl: clamp(4rem, 8vw, 6rem);--space-3xl: clamp(5rem, 10vw, 9rem)}body.light-theme,:root:has(body.light-theme){--text-color: #333;--bg-color: #fcf9f9;--selection-bg: #121212;--selection-color: #fcf9f9;--bg-color-rgb: 252, 249, 249;--text-color-rgb: 51, 51, 51;--hover-shadow-color: rgba(0, 0, 0, .1);--sb-thumb: #333;--sb-track: #fcf9f9;scrollbar-color:var(--sb-thumb) var(--sb-track)}body.dark-theme,:root:has(body.dark-theme){--text-color: #fcf9f9;--bg-color: #121212;--selection-bg: #fcf9f9;--selection-color: #121212;--bg-color-rgb: 18, 18, 18;--text-color-rgb: 252, 249, 249;--hover-shadow-color: rgba(255, 255, 255, .1);--sb-thumb: #fcf9f9;--sb-track: #121212}*,*:before,*:after{box-sizing:border-box}img{text-indent:-10000px;-webkit-user-drag:none;max-width:100%;height:auto;display:block}@font-face{font-family:Ginto Nord;src:url(/V3dXOgru.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Ginto Nord;src:url(/8VxU3QHb.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:Ginto;src:url(/DHa7zLHy.woff2) format("woff2");font-style:normal;font-display:block}html{overflow-x:hidden;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;min-height:100dvh;position:relative;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden;font-family:Ginto Nord}.blog-body{padding:30px}.auth-body,.settings-body{padding:0}::selection,::-moz-selection,::-webkit-selection{background:var(--selection-bg)!important;color:var(--selection-color)!important;text-shadow:none!important}p::selection,h1::selection,h2::selection,::selection,span::selection,a::selection,.story-content ::selection{background:var(--selection-bg)!important;color:var(--selection-color)!important;text-shadow:none!important}h1{font-size:calc(var(--base-heading-size) * var(--heading-ratio));margin-top:var(--space-l);margin-bottom:calc(var(--space-xs) * -1);user-select:none;font-family:Ginto Nord;font-weight:900;line-height:1.1}.register-page h1{font-size:revert}h2{font-size:var(--base-heading-size);margin-top:0;margin-bottom:var(--space-xs);user-select:none;font-family:Ginto Nord}h3,h4{user-select:none}h3{font-family:inherit;font-size:clamp(1.5rem,4vw,2rem)}h4{font-family:Ginto Nord;font-size:clamp(1.2rem,3vw,1.5rem)}p{font-size:1rem}strong{font-family:Ginto;font-size:1.15rem}e{background-color:#fff;color:#000;font-size:1.1rem;max-width:65ch;margin-bottom:var(--space-m);line-height:1.7}.blog-container{display:flex;flex-direction:column;align-items:center}.blog-hero{display:flex;justify-content:center;align-items:center;min-height:60vh;height:calc(var(--vh, 1vh) * 89);text-align:center;padding:var(--space-xl) 0}.blog-title{font-size:clamp(3rem,12vw,6rem);font-family:Ginto Nord,sans-serif;margin:0;user-select:none;line-height:1}.latest-story{display:flex;width:100%;flex-direction:column;align-items:center;transition:margin .4s cubic-bezier(.25,.46,.45,.94),padding .4s cubic-bezier(.25,.46,.45,.94);margin-bottom:100px}.latest-story .story-link{display:block;text-decoration:none;color:inherit;width:100%;max-width:100%;margin:0 auto;border-radius:16px}.latest-story .story-link:hover{background-color:transparent;transform:none}.latest-story .story-link:hover .story-image{transform:scale(1.03)}.latest-story .story-image-container{position:relative;width:100%;margin:0 auto 1.5rem}.latest-story .story-image{width:100%;max-height:90vh;height:auto;border-radius:clamp(40px,15vw,250px);aspect-ratio:16/9;object-fit:cover;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.latest-story .story-content{text-align:center;max-width:800px;margin:0 auto;padding:0 var(--space-s)}.latest-story .story-editor{display:block;font-size:.9rem;margin-bottom:1rem;color:rgba(var(--text-color-rgb),.7);letter-spacing:1px}.latest-story .story-title{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(1.5rem,7vw,3rem);margin:0 0 1rem;line-height:1.2;font-family:Ginto Nord,sans-serif;text-transform:uppercase}.latest-story .story-description{display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(.8rem,3vw,1.1rem);margin:0;color:rgba(var(--text-color-rgb),.8);line-height:1.6}.explore-further{content-visibility:auto;contain-intrinsic-size:1000px;margin-bottom:100px;text-align:center;width:100%}.explore-subtitle{font-size:clamp(2rem,12vw,5rem);font-weight:900;line-height:normal;color:rgba(var(--text-color-rgb));text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-xl);display:block;font-family:Ginto Nord,sans-serif}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));gap:clamp(2rem,5vw,5rem);margin-top:3rem;margin-bottom:11rem;width:100%}.story-card{display:block;text-decoration:none;color:inherit;border-radius:clamp(50px,5vw,60px);transition:all .3s ease;padding:20px;margin:0 auto;position:relative;width:100%}.story-card:hover{background-color:rgba(var(--text-color-rgb),.05);transform:translateY(-5px)}.story-card:hover .story-image{transform:scale(1.05)}.story-card .story-image-container{width:100%;border-radius:clamp(50px,5vw,60px);overflow:hidden;margin-bottom:1.5rem;aspect-ratio:2/1.1}.story-card .story-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .8s cubic-bezier(.34,1.56,.64,1),border-radius .4s cubic-bezier(.25,.46,.45,.94)}.story-card .story-content{padding:0 .5rem}.story-card .story-editor{font-size:.9rem;color:rgba(var(--text-color-rgb),.7);letter-spacing:1px;margin:0 0 .5rem;padding-left:20px;display:block}.story-card .story-title{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(1.3rem,5vw,1.7rem);text-align:left;margin:0 0 .5rem;padding-left:20px;line-height:1.3;font-family:Ginto Nord,sans-serif;text-transform:uppercase}.story-card .story-description{display:none}.index-page .story-card .story-editor{font-size:.9rem;text-align:left;color:rgba(var(--text-color-rgb),.7);letter-spacing:1px;margin:0 0 .5rem;display:block}.pagination-container{display:flex;justify-content:center;align-items:center;gap:var(--space-2xs);margin:var(--space-l);margin-top:-125px;flex-wrap:wrap;animation:cascade-in .5s ease-out}.pagination-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--text-color-rgb),.2);background:transparent;color:var(--text-color);font-family:Ginto Nord,sans-serif;font-weight:500;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s cubic-bezier(.25,.46,.45,.94);user-select:none}.pagination-btn:hover:not(:disabled){background:rgba(var(--text-color-rgb),.05);border-color:rgba(var(--text-color-rgb),.5);transform:scale(1.05)}.pagination-btn.active{background:var(--text-color)!important;color:var(--bg-color);border-color:var(--text-color);font-weight:600;cursor:default}.pagination-btn.active:hover{transform:none}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;border-color:rgba(var(--text-color-rgb),.1)}.pagination-dots{color:rgba(var(--text-color-rgb),.5);letter-spacing:2px;padding:0 4px}.blog-nav-pill,.story-nav-pill{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:rgba(var(--bg-color-rgb),.8);backdrop-filter:blur(24px) saturate(220%);-webkit-backdrop-filter:blur(24px) saturate(220%);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:50px;padding:15px var(--space-s);z-index:999;min-width:300px;touch-action:manipulation}.pill-content{display:flex;align-items:center;gap:var(--space-2xs);width:100%}.story-page .pill-content{gap:var(--space-m)}.search-container{display:flex;align-items:center;flex:1;background:rgba(var(--text-color-rgb),.05);border-radius:30px;padding:0 var(--space-xs);border:1px solid transparent;min-width:150px}.search-container:focus-within{background:rgba(var(--bg-color-rgb),1);border-color:rgba(var(--text-color-rgb),.3)}.blog-search{background:none;border:none;padding:var(--space-2xs) 0;color:var(--text-color);outline:none;font-family:inherit;flex:1;min-width:0;width:100%}.blog-search::placeholder{color:rgba(var(--text-color-rgb),.6)}.search-btn{background:none;border:none;padding:var(--space-3xs);cursor:pointer;color:rgba(var(--text-color-rgb),.7);border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.search-btn:hover{color:var(--text-color);background:rgba(var(--text-color-rgb),.1)}.categories-dropdown,.story-topics-dropdown{position:relative;flex:0 0 auto}.categories-btn,.topics-btn{display:flex;align-items:center;background:rgba(var(--text-color-rgb),.1);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color)}.categories-btn:hover,.topics-btn:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.categories-btn,.topics-btn{border-radius:25px;padding:var(--space-2xs) 20px;font-size:clamp(.8rem,2vw,.9rem);cursor:pointer;white-space:nowrap;font-family:inherit;min-height:44px;gap:15px}.categories-btn svg,.topics-btn svg{transition:transform .2s ease}.categories-btn.active svg,.topics-btn.active svg{transform:rotate(180deg)}.topics-btn{min-width:160px}.topics-btn span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;min-width:0;flex:1;text-align:left}.categories-menu,.topics-menu{position:absolute;bottom:120%;left:50%;background:rgba(var(--bg-color-rgb),.98);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:24px;padding:var(--space-2xs);box-shadow:0 8px 32px #0000001a;margin-bottom:18px;z-index:9998;max-width:90vw;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),transform .3s cubic-bezier(.175,.885,.32,1.275),visibility .3s cubic-bezier(.175,.885,.32,1.275)}.categories-menu.active,.topics-menu.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.topics-menu{position:absolute;left:0;width:100%;overflow-y:auto;transform:translate(0) translateY(10px);scrollbar-width:none;-ms-overflow-style:none}.topics-menu::-webkit-scrollbar{display:none}.topics-menu.active{transform:translateY(0)}.category-item,.topic-item{display:block;padding:10px 12px;color:var(--text-color);text-decoration:none;border-radius:15px;font-size:.9rem;white-space:nowrap;margin-top:2px;margin-bottom:2px}.category-item:hover,.topic-item:hover{background:rgba(var(--text-color-rgb),.1)}.topic-item{text-align:left;overflow:hidden;text-overflow:ellipsis}.topic-item.active{background:rgba(var(--text-color-rgb),.15)}.back-to-blog-btn,.theme-btn{display:flex;align-items:center;justify-content:center;background:rgba(var(--text-color-rgb),.1);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color)}.back-to-blog-btn:hover,.theme-btn:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.back-to-blog-btn,.theme-btn{border-radius:50%;padding:var(--space-3xs);cursor:pointer;min-width:44px;min-height:44px}.theme-btn{margin-right:-.8rem;margin-left:-.8rem}.theme-btn svg{display:none!important}.theme-btn[data-theme-mode=system] .theme-icon-system,.theme-btn[data-theme-mode=light-theme] .theme-icon-sun,.theme-btn[data-theme-mode=dark-theme] .theme-icon-moon{display:block!important}.avatar-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;overflow:visible}.avatar-wrapper .author-avatar{position:relative;z-index:1;margin:0}.avatar-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;max-width:none!important;z-index:2;pointer-events:none;object-fit:contain;display:block}.author-container{display:inline-flex;align-items:center;gap:8px}.author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:rgba(var(--text-color-rgb),.1);box-shadow:0 0 0 1px rgba(var(--text-color-rgb),.1);transition:opacity .3s ease}.header-dock{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9998;display:flex;gap:12px}.header-dock>*{pointer-events:auto}.header{z-index:9998;background:rgba(var(--bg-color-rgb),.6);backdrop-filter:blur(24px) saturate(220%);-webkit-backdrop-filter:blur(24px) saturate(220%);padding:5px;border-radius:50px;transition:width .5s cubic-bezier(.34,1.56,.64,1),height .5s cubic-bezier(.34,1.56,.64,1),border-radius .5s cubic-bezier(.34,1.56,.64,1)}.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}.mobile-toggle{display:none;background:none;border:none;color:var(--text-color);padding:8px;cursor:pointer;border-radius:50%;transition:background .3s ease}.link{text-decoration:none;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:10px 24px;border-radius:999px;position:relative;display:block;transition:color .2s ease;-webkit-font-smoothing:subpixel-antialiased;letter-spacing:-.01em}.link:before{content:"";position:absolute;inset:0;background:var(--text-color);border-radius:999px;opacity:0;transform:scale(.85);transition:all .4s cubic-bezier(.2,1,.2,1);z-index:-1}.link:hover{color:var(--bg-color)}.link:hover:before{opacity:1;transform:scale(1)}.link.active{color:var(--text-color);background:rgba(var(--text-color-rgb),.06)}.link.active:hover{color:var(--bg-color);background:transparent}.nav-icon{display:inline-block;margin-left:8px;vertical-align:middle;transition:transform .2s ease;transform:scale(1.25)}.language-btn{height:54px;display:flex;align-items:center;position:relative;cursor:pointer;background:transparent;border:none;flex-shrink:0;color:var(--text-color);font-family:inherit;font-size:.9rem;transition:color .2s ease,transform .3s cubic-bezier(.25,.46,.45,.94);min-width:80px;padding:0 20px;gap:8px}.language-btn:before{content:"";position:absolute;inset:5px;border-radius:50px;background:var(--text-color);z-index:-1;opacity:0;transform:scale(.9);transition:all .4s cubic-bezier(.2,1,.2,1);pointer-events:none}.language-btn:after{content:"";position:absolute;inset:0;border-radius:50px;z-index:-2;background:rgba(var(--bg-color-rgb),.6);backdrop-filter:blur(24px) saturate(220%);-webkit-backdrop-filter:blur(24px) saturate(220%);border:1px solid rgba(var(--text-color-rgb),.08)}.language-btn:hover{color:var(--bg-color)}.language-btn:hover:before,.language-container.active .language-btn:before{opacity:1;transform:scale(1)}.language-container.active .language-btn{color:var(--bg-color)}.lang-arrow{margin-top:1px;transition:transform .3s ease;opacity:.8}.language-container.active .lang-arrow{transform:rotate(180deg)}.language-menu{position:absolute;top:calc(100% + 8px);right:-40px;background:rgba(var(--bg-color-rgb),.98);border:1px solid rgba(var(--text-color-rgb),.08);border-radius:24px;padding:var(--space-2xs);min-width:160px;display:flex;flex-direction:column;gap:6px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),transform .3s cubic-bezier(.175,.885,.32,1.275),visibility .3s cubic-bezier(.175,.885,.32,1.275)}.language-container.active .language-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.language-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 10px;background:transparent;border:none;color:var(--text-color);font-family:inherit;cursor:pointer;border-radius:16px;text-align:left}.language-option:hover{background:rgba(var(--text-color-rgb),.08)}.language-option.selected{background:rgba(var(--text-color-rgb),.12)}.lang-code{font-size:.75rem;opacity:.5;font-weight:700;letter-spacing:.5px;background:rgba(var(--text-color-rgb),.1);padding:2px 6px;border-radius:6px}.user-pill-container{margin-bottom:-7px}.category-page .user-pill-container{margin-bottom:0}.user-pill-login{display:flex;background:rgba(var(--text-color-rgb),.1);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color)}.user-pill-login:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.user-pill-login{border-radius:50px;padding:var(--space-2xs) 10px;cursor:pointer;white-space:nowrap;font-family:inherit;text-decoration:none;margin-bottom:7px}.user-pill{position:relative;display:inline-flex;align-items:center}.user-pill-avatar{min-width:44px;max-width:44px;height:44px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:border .2s ease,transform .2s ease;background-color:rgba(var(--text-color-rgb),.1)}.user-pill-avatar:hover{border:2px solid rgba(var(--text-color-rgb),.3);transform:scale(1.02)}.user-menu{position:absolute;bottom:110%;left:50%;background:rgba(var(--bg-color-rgb),.98);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:24px;padding:var(--space-2xs);box-shadow:0 8px 32px #0000001a;margin-bottom:18px;z-index:9998;min-width:150px;max-width:90vw;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),transform .3s cubic-bezier(.175,.885,.32,1.275),visibility .3s cubic-bezier(.175,.885,.32,1.275)}.user-menu.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.user-menu-option{display:block;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-color);font-family:inherit;font-size:.9rem;text-align:left;text-decoration:none;border-radius:15px;cursor:pointer}.user-menu-option:hover{background:rgba(var(--text-color-rgb),.08)}.logout-option{color:#ff5f57}.logout-option:hover{background:#ff5f5726}.search-warning-msg{position:fixed;bottom:calc(var(--space-s) + 100px);left:50%;transform:translate(-50%) translateY(10px);background:#ff5f57f2;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;white-space:nowrap}.search-warning-msg.visible{opacity:1;visibility:visible}.category-header,.search-results-header{text-align:center;padding-top:55px;display:flex;flex-direction:column;align-items:center}.category-title{font-size:clamp(2.3rem,10vw,4rem);font-family:Ginto Nord;line-height:1.1;margin-top:var(--space-3xl);box-sizing:border-box;padding-inline:5vw;width:100%;hyphens:auto}.category-description,.search-query{font-size:clamp(.9rem,3vw,1.2rem);color:rgba(var(--text-color-rgb),.8);max-width:600px}.load-more-container{margin-bottom:150px;margin-top:-100px;justify-content:center}.load-more-btn{background:rgba(var(--text-color-rgb),.1);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color)}.load-more-btn:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.load-more-btn{border-radius:30px;padding:12px 30px;font-size:1rem;cursor:pointer;font-family:inherit;min-width:155px}.load-more-btn:disabled{opacity:.7;cursor:wait;transform:none!important}.story-page .blog-container{padding:0}.blog-story{max-width:800px;margin:0 auto;padding:40px 20px 100px;transition:padding .4s cubic-bezier(.25,.46,.45,.94);width:100%}.story-header{text-align:center;margin-bottom:3rem}.story-category{display:inline-block;background:rgba(var(--text-color-rgb),.1);color:var(--text-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;user-select:none}.story-title{font-size:clamp(1.8rem,7vw,3rem);margin:0 0 1rem;line-height:1.2;font-family:Ginto Nord;font-weight:900;text-transform:uppercase}.story-meta{display:flex;justify-content:center;align-items:center;gap:1.5rem;color:rgba(var(--text-color-rgb),.7);font-size:.9rem;margin-bottom:2rem;flex-wrap:wrap}.story-hero-image{width:100%;border-radius:clamp(50px,5vw,60px);overflow:hidden;aspect-ratio:16/9;box-sizing:content-box}.story-hero-image img{width:100%;height:100%;object-fit:cover;view-transition-name:hero-image}.story-content h1{font-size:clamp(2rem,5vw,2.5rem);margin:3rem 0 1.5rem;font-family:Ginto Nord;font-weight:900;line-height:1.2}.story-content h2{font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.3}.story-content h3{font-size:clamp(1.22rem,3.9vw,1.7rem)}.story-content h4{font-size:clamp(1.1rem,3.5vw,1.5rem)}.story-content del{text-decoration:line-through;opacity:.7}.story-content mark{background:linear-gradient(120deg,#bb86fc80,#ceacf880);color:var(--text-color);padding:.1em .3em;border-radius:.2em;box-decoration-break:clone}.story-content blockquote{background:#bb86fc1a;padding:1.5rem 2rem;margin:2rem 0;border-radius:20px;font-style:italic;position:relative}.story-content blockquote p{margin:0}.story-content blockquote:before{content:"“";font-family:Georgia,Times New Roman,serif;font-size:5rem;line-height:1;color:#bb86fc;position:absolute;left:.8rem;top:-1rem;opacity:.15;pointer-events:none}.story-content pre{background:rgba(var(--text-color-rgb),.05);border:1px solid rgba(var(--text-color-rgb),.1);border-radius:clamp(30px,5vw,60px);padding:2rem;margin:1.5rem 0;overflow-x:auto;position:relative;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;white-space:pre;word-wrap:normal}.story-content pre code{background:none;padding:0;border-radius:0;font-family:inherit;font-size:inherit;white-space:pre;word-wrap:normal;display:block;min-height:auto;line-height:1.5!important}.story-content code:not(pre code){background:rgba(var(--text-color-rgb),.1);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#bb86fc;word-break:break-word}.story-content a{color:#bb86fc;text-decoration:none;background-image:linear-gradient(#bb86fc,#9a4bfb);background-size:0 2px;background-repeat:no-repeat;background-position:left 85%;padding-bottom:2px}.story-content a:hover{background-size:100% 2px;color:#bb86fc}.story-content a{position:relative}.story-content ul,.story-content ol{margin:1.5rem 0;padding-left:1.5rem}.story-content li{margin-bottom:.75rem;line-height:1.6}.story-content ul li{list-style-type:disc;text-align:left}.story-content ol li{list-style-type:decimal}.story-content hr{border:none;height:2px;background:linear-gradient(to right,transparent,rgba(var(--text-color-rgb),.3),transparent);margin:3rem 0}.story-content-image{border-radius:clamp(30px,8vw,80px)}figure.story-figure{margin:var(--space-m) 0;display:flex;flex-direction:column;align-items:center}figure.story-figure .story-content-image{margin:0;width:100%}figure.story-figure .story-caption{margin-top:var(--space-2xs);font-size:.95rem;color:rgba(var(--text-color-rgb),.6);text-align:center;line-height:1.5;max-width:90%}.admonition{margin:2rem 0;border-radius:20px;background:rgba(var(--text-color-rgb),.03);overflow:hidden}.admonition-header{display:flex;align-items:center;gap:8px;padding:10px 16px;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;background:rgba(var(--text-color-rgb),.05);font-family:inherit}.admonition-content{padding:12px 16px}.admonition-content p{margin:0}.admonition-note .admonition-header{color:#8cbbff}.admonition-tip .admonition-header{color:#3fb950}.admonition-important .admonition-header{color:#a371f7}.admonition-warning .admonition-header{color:#ffcc5f}.admonition-caution .admonition-header{color:#f85149}.custom-player-wrapper{position:relative;aspect-ratio:16/9;margin:2rem 0;border-radius:78px;overflow:hidden;cursor:pointer}.custom-player-wrapper iframe,.custom-player-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:inherit;animation:fade-in .5s ease;object-fit:contain;object-position:center}.custom-player-wrapper:hover .player-play-btn{background:red}.custom-player-wrapper.is-playing{background:#000;cursor:default;transform:none}.custom-player-wrapper.is-playing .player-thumbnail,.custom-player-wrapper.is-playing .player-play-btn,.custom-player-wrapper.is-playing .player-overlay{display:none}.player-overlay{position:absolute;width:100%;background:linear-gradient(180deg,#000c,#0000);padding:25px 40px;display:flex;gap:12px;z-index:2}.channel-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.channel-header{text-shadow:0 1px 2px rgba(0,0,0,.8);color:#fff}.video-title{font-family:Ginto;font-size:1.3rem;line-height:1.1;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;min-height:25px}.channel-name{font-size:13px;opacity:.9}.player-thumbnail{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}.player-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:#212121cc;border-radius:24px;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:3}.player-play-btn svg{width:24px;height:24px;color:#fff}.code-block{position:relative;margin:2rem 0;border-radius:20px 20px 60px 60px;overflow:hidden;background:rgba(var(--text-color-rgb),.05);border:1px solid rgba(var(--text-color-rgb),.1)}.code-block pre::-webkit-scrollbar{height:15px;background:transparent}.code-block pre::-webkit-scrollbar-track{background:rgba(var(--text-color-rgb),.05);border-radius:10px;margin:0 3rem}.code-block pre::-webkit-scrollbar-thumb{background:rgba(var(--text-color-rgb),.2);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.code-block pre::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color-rgb),.3)}.code-block,.code-content,.code-content code{font-family:Courier New,monospace!important;font-size:.9rem!important;line-height:1!important;color:inherit!important;background:0 0!important;text-align:left!important;direction:ltr!important;unicode-bidi:normal!important;min-height:100px!important}.code-header{padding:15px 20px;border-bottom:1px solid rgba(var(--text-color-rgb),.1);display:flex;align-items:center;gap:8px}.code-dots{display:flex;gap:6px}.code-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.code-dot:hover{transform:scale(1.1)}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#28c940}.code-content{display:flex;position:relative;min-height:200px}.code-content pre{margin:0;padding:1.5rem 1.5rem 1.5rem 4rem;overflow-x:auto;white-space:pre;flex:1;border-radius:0;background:transparent;min-height:100px;border:none}.code-content .line-numbers{position:absolute;left:0;top:0;padding:1.5rem 1rem;border-right:1px solid rgba(var(--text-color-rgb),.2);color:rgba(var(--text-color-rgb),.5);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;user-select:none;background:rgba(var(--text-color-rgb),.02);height:100%;z-index:1}.spinner{width:20px;height:20px;border:2px solid rgba(var(--text-color-rgb),.3);border-radius:50%;border-top-color:var(--text-color);animation:spin .8s linear infinite;display:inline-block}.chroma .k,.chroma .kc,.chroma .kn,.chroma .kp,.chroma .kr{color:#ff79c6;font-weight:700}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nb{color:#8be9fd;font-style:italic}.chroma .nc{color:#50fa7b}.chroma .no{color:#bd93f9}.chroma .nd{color:#ff79c6}.chroma .ne{color:#f55}.chroma .nf{color:#50fa7b}.chroma .nl{color:#8be9fd;font-style:italic}.chroma .nn,.chroma .nt{color:#ff79c6}.chroma .nv{color:#8be9fd;font-style:italic}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .sh,.chroma .si,.chroma .sx,.chroma .s1,.chroma .ss{color:#f1fa8c}.chroma .se{color:#bd93f9}.chroma .sr{color:#ffb86c}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cpf{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#bd93f9}.chroma .o,.chroma .ow{color:#ff79c6}.contact-selection-wrapper{max-width:600px;margin:0 auto;padding-bottom:100px;min-height:50vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-l)}.contact-dropdown-container{position:relative;z-index:50}.contact-label{display:block;text-align:center;text-transform:uppercase;user-select:none;color:rgba(var(--text-color-rgb),.6);margin-bottom:var(--space-s)}.contact-dropdown-btn{width:110%;background:rgba(var(--text-color-rgb),.05);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:20px;padding:20px 24px;font-family:inherit;font-size:1.1rem;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;max-width:300px;min-width:300px}.contact-dropdown-btn svg{transition:transform .3s ease}.contact-dropdown-btn:hover,.contact-dropdown-btn.active{background:rgba(var(--bg-color-rgb),1);border-color:rgba(var(--text-color-rgb),.4)}.contact-dropdown-btn.active svg{transform:rotate(180deg)}.contact-dropdown-menu{position:absolute;top:110%;width:100%;background:rgba(var(--bg-color-rgb),.98);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:20px;padding:var(--space-2xs);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),transform .3s cubic-bezier(.175,.885,.32,1.275),visibility .3s cubic-bezier(.175,.885,.32,1.275)}.contact-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.contact-option{display:flex;align-items:center;width:100%;padding:16px 20px;border:none;background:none;text-align:left;font-family:inherit;font-size:1rem;color:var(--text-color);border-radius:12px;cursor:pointer}.contact-option:hover{background:rgba(var(--text-color-rgb),.1)}.contact-result-card{text-align:center;width:100%}.contact-result-card.hidden{display:none}.result-email{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;color:var(--text-color);text-decoration:none;display:block;margin:1rem 0;word-break:break-all;transition:color .3s ease}.result-email:hover{color:#bb86fc}.result-note{font-size:.95rem;color:rgba(var(--text-color-rgb),.6)}.submit-btn{justify-content:center;align-items:center;gap:10px;background:rgba(var(--text-color-rgb),.1);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color)}.submit-btn:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.submit-btn{border-radius:50px;padding:16px 32px;font-size:1rem;cursor:pointer;font-family:inherit;align-self:flex-start}.auth-page{max-width:350px;min-width:350px;padding:2rem 2rem 2.5rem;background:rgba(var(--bg-color-rgb));border-radius:50px;border:1px solid rgba(var(--text-color-rgb),.2)}.login-page .blog-container,.register-page .blog-container,.recovery-page .blog-container{justify-content:center;min-height:100vh;margin:0;padding:var(--space-l) 1rem}.auth-title{text-align:center;text-transform:uppercase;margin-bottom:2rem;font-size:1.8rem;letter-spacing:-.02em}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;text-transform:uppercase;color:rgba(var(--text-color-rgb),.5);user-select:none;font-weight:900}.form-group input{padding:16px 32px;background:rgba(var(--text-color-rgb),.05);border:1px solid rgba(var(--text-color-rgb),.2);border-radius:20px;color:var(--text-color);font-family:inherit;font-size:1rem}.form-group input:focus{background:rgba(var(--bg-color-rgb),1);border-color:rgba(var(--text-color-rgb),.3)}.auth-btn{width:100%;padding:16px 32px;background:rgba(var(--text-color-rgb),.1);border:1px solid rgba(var(--text-color-rgb),.2);color:var(--text-color)}.auth-btn:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.auth-btn{border-radius:50px;font-size:1rem;cursor:pointer;margin-top:.5rem;font-family:inherit}.auth-links{margin-top:1.8rem;font-size:.9rem;display:flex;flex-direction:row-reverse;align-content:center;gap:1rem;flex-wrap:wrap}.auth-links a{color:#bb86fc;text-decoration:none;background-image:linear-gradient(#bb86fc,#9a4bfb);background-size:0 2px;background-repeat:no-repeat;background-position:left 85%;padding-bottom:2px}.auth-links a:hover{background-size:100% 2px;color:#bb86fc}.auth-error{margin-top:1rem;padding:.8rem;background:#ff5f5726;border-radius:30px;color:#ff5f57f2;text-align:center;font-size:.9rem;border:1px solid rgba(255,95,87,.3)}.auth-success{background:#28c94026;color:#28c940;border-color:#28c9404d}.recovery-code{background:rgba(var(--text-color-rgb),.08);padding:1rem;border-radius:20px;font-family:monospace;font-size:1.2rem;text-align:center;word-break:break-all;margin:1rem 0;border:1px solid rgba(var(--text-color-rgb),.15)}.warning{color:#ff5f57f2;font-size:.85rem;text-align:center;user-select:none}.sp-overlay{position:fixed;inset:0;background:#00000073;z-index:10000;opacity:0;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}.sp-overlay.visible{opacity:1}.sp-panel{position:fixed;top:0;right:0;bottom:0;width:750px;background:var(--bg-color);color:var(--text-color);z-index:10001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow:hidden;font-family:inherit;border-top-left-radius:50px;border-bottom-left-radius:50px;border-left:1px solid rgba(var(--text-color-rgb),.1)}.sp-overlay.visible .sp-panel{transform:translate(0)}.sp-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;flex-shrink:0}.sp-header h2{margin:0;font-size:1.5rem;letter-spacing:-.01em;display:flex;align-items:center}.sp-close{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-color);opacity:.6;transition:opacity .15s ease,background .15s ease;padding:0;flex-shrink:0}.sp-close:hover,.sp-close:focus-visible{opacity:1;background:rgba(var(--text-color-rgb),.08)}.sp-close:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}.sp-body{display:flex;flex:1;min-height:0}.sp-sidebar{width:170px;flex-shrink:0;padding:12px 8px;border-right:1px solid rgba(var(--text-color-rgb),.08);overflow-y:auto}.sp-nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:15px;cursor:pointer;font-size:.95rem;font-family:inherit;color:inherit;opacity:.65;margin-top:2px;margin-bottom:2px}.sp-nav-btn:hover{opacity:1;background:rgba(var(--text-color-rgb),.05)}.sp-nav-btn.active{opacity:1;background:rgba(var(--text-color-rgb),.1)}.sp-nav-btn:focus-visible{outline:2px solid var(--text-color);outline-offset:-2px}.sp-nav-btn:focus-visible{opacity:1}.sp-main{flex:1;padding:30px 28px;overflow-y:auto;overscroll-behavior:contain}.sp-section-title{margin:0 0 26px;font-size:1.5rem;font-family:inherit}.sp-section-heading{font-size:1.05rem;margin-bottom:6px}.sp-section-desc{margin-bottom:16px;opacity:.8}.sp-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:50px;opacity:0;font-size:.8rem;z-index:10002;pointer-events:none}.sp-toast.show{opacity:1}.sp-toast.success{background:#28c940f2;color:#fff}.sp-toast.error{background:#ff5f57f2;color:#fff}.sp-form-group{margin-bottom:22px}.sp-label{display:block;font-size:1rem;margin-bottom:8px;letter-spacing:.01em;color:rgba(var(--text-color-rgb),.7);text-transform:uppercase;font-weight:900}.sp-input{width:100%;padding:16px 32px;border:1px solid rgba(var(--text-color-rgb),.2);border-radius:20px;font-size:1rem;font-family:inherit;background:rgba(var(--text-color-rgb),.05);color:var(--text-color);box-sizing:border-box}.sp-input:focus{outline:none;background:rgba(var(--bg-color-rgb),1);border-color:rgba(var(--text-color-rgb),.3)}.sp-input::placeholder{opacity:.45}.sp-btn{padding:16px 32px;border:1px solid rgba(var(--text-color-rgb),.2);border-radius:50px;font-size:1rem;font-family:inherit;cursor:pointer;background:rgba(var(--text-color-rgb),.1);color:var(--text-color)}.sp-btn:hover{background:rgba(var(--text-color-rgb),.15);border-color:rgba(var(--text-color-rgb),.3)}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-btn:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}.sp-btn-danger{color:#ff3b30f2;background:#ff3b301a;border-color:#ff3b3033}.sp-btn-danger:hover{background:#ff3b3026;border-color:#ff3b304d}.sp-btn-ghost{border-color:transparent}.sp-btn-ghost:hover{background:rgba(var(--text-color-rgb),.06);border-color:transparent}.sp-avatar-preview{display:flex;align-items:center;gap:16px;margin-bottom:26px}.sp-avatar-meta{display:flex;flex-direction:column;gap:4px}.sp-avatar-img{min-width:64px;height:64px;border-radius:50%;object-fit:cover;background:rgba(var(--text-color-rgb),.06)}.sp-avatar-name{font-weight:900;margin-bottom:3px}.sp-avatar-hint{font-size:.85rem;opacity:.6}.sp-file-input{display:none}.sp-passkey-list{list-style:none;padding:0;margin:0 0 22px}.sp-passkey-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:20px;background:rgba(var(--text-color-rgb),.04);border:1px solid rgba(var(--text-color-rgb),.08)}.sp-passkey-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.sp-passkey-name{font-weight:900;font-family:Ginto Nord;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-passkey-date{font-size:.8rem;opacity:.6}.sp-passkey-empty{opacity:.5;font-size:.9rem;padding:4px 0}.sp-passkey-error{color:#ff3b30f2;font-size:.9rem;padding:4px 0}.sp-add-form{padding:20px;border:1px solid rgba(var(--text-color-rgb),.15);border-radius:20px;margin-bottom:22px;background:rgba(var(--text-color-rgb),.02)}.sp-hint{font-size:.9rem;opacity:.6;margin:6px 0 20px;line-height:1.5}.sp-actions{display:flex;gap:10px;flex-direction:column}.sp-recovery-result{margin-top:22px;padding:24px;background:rgba(var(--text-color-rgb),.04);border:1px solid rgba(var(--text-color-rgb),.1);border-radius:20px;text-align:center}.sp-recovery-code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:1.2rem;font-weight:600;letter-spacing:2px;word-break:break-all;margin-bottom:18px}.sp-recovery-copy-btn{margin:0 auto 10px}.sp-recovery-warning{font-size:.9rem;color:#ff3b30f2;margin-top:16px}.sp-separator{border-top:1px solid rgba(var(--text-color-rgb),.1);padding-top:32px;margin-top:32px}.sp-dots{display:flex;justify-content:center;align-items:center;gap:5px;height:100%}.sp-dot{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:sp-bounce 1.4s infinite ease-in-out both}.sp-dot:nth-child(1){animation-delay:-.32s}.sp-dot:nth-child(2){animation-delay:-.16s}.crop-overlay{position:fixed;inset:0;background:#000000a6;z-index:10020;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.crop-overlay.visible{opacity:1}.crop-modal{background:var(--bg-color);border-radius:50px;border:1px solid rgba(var(--text-color-rgb),.2);padding:28px;display:flex;flex-direction:column;align-items:center;gap:24px}.crop-title{margin:0;font-size:1.5rem;align-self:flex-start}.crop-canvas{border-radius:20%;touch-action:none;cursor:grab;display:block;flex-shrink:0}.crop-canvas.dragging{cursor:grabbing}.crop-slider-row{display:flex;align-items:center;gap:14px;width:100%}.crop-slider-icon{flex-shrink:0;opacity:.6;color:var(--text-color);display:flex;align-items:center;line-height:0}.crop-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;cursor:e-resize;outline:none;background:rgba(var(--text-color-rgb),.18)}.crop-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--text-color);cursor:e-resize;box-shadow:0 1px 6px #0000004d}.crop-slider::-moz-range-thumb{border:none;width:20px;height:20px;border-radius:50%;background:var(--text-color);cursor:e-resize}.crop-mobile-hint{margin:0;font-size:.85rem;opacity:.6;text-align:center;line-height:1.4}.crop-actions{display:flex;gap:12px;flex-direction:column;width:100%;justify-content:stretch}.crop-actions .sp-btn{padding:16px 32px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes cascade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.hidden{display:none!important}.loading-placeholder,.error-placeholder{text-align:center;padding:2rem;color:rgba(var(--text-color-rgb),.7);grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-placeholder .story-image,.error-placeholder .story-image{opacity:.5}.stories-grid:empty:before,.explore-grid:empty:before{display:block;text-align:center;padding:2rem;color:rgba(var(--text-color-rgb),.5);grid-column:1/-1}@media (prefers-color-scheme: dark){:root{--text-color: #fcf9f9;--bg-color: #121212;--selection-bg: #fcf9f9;--selection-color: #121212;--bg-color-rgb: 18, 18, 18;--text-color-rgb: 252, 249, 249;--hover-shadow-color: rgba(255, 255, 255, .1);--sb-thumb: #fcf9f9;--sb-track: #121212;scrollbar-color:var(--sb-thumb) var(--sb-track)}}@media print{.footer,.blog-nav-pill,.story-nav-pill,.header-dock{display:none!important}.content{max-width:none;padding:0}body{color:#000;background:#fff}h1,h2,h3{color:#000!important}}@media (max-width: 1100px){.stories-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,325px),1fr))}}@media (max-width: 600px){.header-dock{top:20px;gap:8px;width:auto;transition:gap .4s ease}.header-dock .header{border:1px solid rgba(var(--text-color-rgb),.08)}.header{width:54px;overflow:hidden;border-radius:50px;justify-content:flex-start;flex-direction:column}.header.opened{width:170px;background:rgba(var(--bg-color-rgb),.85);backdrop-filter:blur(30px) saturate(220%)}.content{flex-direction:column;width:100%;align-items:center}.mobile-toggle{display:flex;justify-content:center;align-items:center;width:100%;height:44px;margin-bottom:0}.mobile-toggle svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.line-top,.line-bottom{transform-origin:center;transition:transform .4s ease}.header.opened .mobile-toggle svg{transform:rotate(90deg)}.header.opened .line-top{transform:translateY(6px) rotate(45deg)}.header.opened .line-bottom{transform:translateY(-6px) rotate(-45deg)}.header.opened .line-middle{opacity:0}.nav-list{flex-direction:column;opacity:0;visibility:hidden;height:0;transform:translateY(-20px);transition:max-height .5s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.2,.8,.2,1),transform .4s cubic-bezier(.2,.8,.2,1),visibility .4s cubic-bezier(.2,.8,.2,1);pointer-events:none}.header.opened .nav-list{opacity:1;visibility:visible;height:auto;padding-bottom:12px;transform:translateY(0);transition-delay:.1s;pointer-events:auto}.header-dock:has(.header.opened){gap:0}.header-dock:has(.header.opened) .language-container{opacity:0;visibility:hidden;pointer-events:none;width:0;min-width:0;margin:0;padding:0;transform:scale(0)}}@media (max-width: 480px){.pill-content{gap:.5rem}.categories-btn svg,.topics-btn svg{margin:0}.theme-btn{margin:0}}@media (max-width: 770px){.sp-panel{width:100vw;max-width:100vw;border-top-left-radius:0;border-bottom-left-radius:0}.sp-body{flex-direction:column}.sp-sidebar{width:100%;flex-direction:row;display:flex;border-right:none;border-bottom:1px solid rgba(var(--text-color-rgb),.08);padding:8px;gap:6px;flex-shrink:0;overflow-x:auto}.sp-nav-btn{flex:1;justify-content:center;padding:12px 10px;font-size:.9rem}.sp-main{padding:24px 20px}}@media (max-width: 768px){.code-block pre::-webkit-scrollbar{display:none;width:0;height:0}.code-block pre{scrollbar-width:none;-ms-overflow-style:none}.search-warning-msg{bottom:calc(var(--space-s) + 90px)!important}.categories-btn span{display:none}.categories-menu,.user-menu{position:fixed!important;bottom:86%!important}.player-overlay{padding:12px 40px!important}.sp-panel{width:100vw;max-width:100vw;border-top-left-radius:0;border-bottom-left-radius:0}.sp-body{flex-direction:column}.sp-sidebar{width:100%;flex-direction:row;display:flex;border-right:none;border-bottom:1px solid rgba(var(--text-color-rgb),.08);padding:8px;gap:6px;flex-shrink:0;overflow-x:auto}.sp-nav-btn{flex:1;justify-content:center;padding:12px 10px;font-size:.9rem}.sp-main{padding:24px 20px}}@media (max-width: 420px){.story-card{padding:10px}}