:root{--bg:#f6f4f1;--surface:#efece7;--ink:#1a1720;--muted:#524d58;--line:#e1dcd5;--purple:#7c4fc9;--gold:#a8781f;--hover-title:#1a1720;--hover-line:#1a1720;--max:1100px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0d0f14;--surface:#15181e;--ink:#f0f3f6;--muted:#8b949e;--line:#22272e;--purple:#818cf8;--gold:#c89538;--hover-title:#fff;--hover-line:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}body{background:var(--bg);width:100%;max-width:100vw;color:var(--ink);margin:0;padding:0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;transition:background-color .25s,color .25s;position:relative;overflow-x:hidden}#root,.app-content-root{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button{font:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header,main,.footer{box-sizing:border-box;width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;display:flex}.brand-group{color:var(--ink);cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-circle{border:1px solid var(--line);background:var(--surface);letter-spacing:.02em;width:28px;height:28px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.brand-name{letter-spacing:-.01em;color:var(--ink);font-size:.92rem;font-weight:600;transition:color .15s}.brand-group:hover .brand-name{color:var(--gold)}.header-right{align-items:center;gap:20px;display:flex}.main-nav{align-items:center;gap:24px;display:flex}.main-nav a{color:var(--muted);align-items:center;padding:4px 0;font-size:.82rem;transition:color .25s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative}.main-nav a:after{content:"";background:var(--gold);transform-origin:0;border-radius:1px;width:100%;height:2px;transition:transform .3s cubic-bezier(.25,1,.5,1),background .25s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.main-nav a:hover{color:var(--gold)}.main-nav a:hover:after{transform:scaleX(1)}.main-nav a.active{color:var(--ink);font-weight:600}.main-nav a.active:after{background:var(--ink);transform:scaleX(1)}[data-theme=dark] .main-nav a.active:after{background:#fff}.theme-toggle-btn{all:unset;cursor:pointer;width:32px;height:32px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;transition:color .18s,border-color .18s,background-color .18s,transform .15s;display:inline-flex}.theme-toggle-btn:hover{color:var(--gold);border-color:var(--gold);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.menu-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px;display:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.5rem,2vw,1.9rem);font-weight:700;line-height:1.25}h2{letter-spacing:-.01em;margin-bottom:6px;font-size:1.15rem;font-weight:600}h3{letter-spacing:-.01em;margin:0 0 3px;font-size:1rem}.intro{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:36px;padding:40px 0 34px;display:grid}.intro-copy{max-width:620px}.intro-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:.78rem;font-weight:600}.intro-lead{margin-bottom:10px;font-size:1.02rem;line-height:1.55;color:var(--ink)!important}.intro-lead strong{color:var(--ink);font-weight:600}.intro-copy>p{color:var(--muted);margin-bottom:10px;font-size:.94rem;line-height:1.6}.intro-links{gap:18px;margin-top:18px;display:flex}.intro-links a{color:var(--muted);transition:color .15s;display:flex}.intro-links a:hover{color:var(--gold)}.photo-container{border:2px solid var(--line);background:var(--surface);border-radius:50%;flex-shrink:0;width:140px;height:140px;overflow:hidden;box-shadow:0 4px 16px #1a17200f}.photo-img{object-fit:cover;object-position:center 15%;width:100%;height:100%;display:block}.photo-placeholder small{color:#8a8390;font-size:.62rem}.index-panel{grid-template-columns:180px 1fr;gap:44px;padding:36px 0 56px;display:grid}.index-sidebar{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding-right:22px;display:flex;position:relative}.index-sliding-bar{background:linear-gradient(180deg, var(--purple), var(--gold));pointer-events:none;border-radius:2px;width:3px;transition:transform .28s cubic-bezier(.25,1,.5,1),height .28s cubic-bezier(.25,1,.5,1),opacity .2s;position:absolute;top:0;left:0}.index-sidebar button{all:unset;cursor:pointer;color:var(--muted);padding:8px 0 8px 14px;font-size:.86rem;transition:color .15s;position:relative}.index-sidebar button:hover{color:var(--ink)}.index-sidebar button.active{color:var(--ink);font-weight:600}.index-content{min-height:180px;animation:.18s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-category{padding:24px 0}.empty-line{color:var(--ink);margin-bottom:4px;font-size:.92rem;font-weight:500}.empty-subtext{color:var(--muted);font-size:.82rem}.content-section{border-bottom:1px solid var(--line);padding:40px 0}.project-list,.post-list,.category-posts{border-top:1px solid var(--line)}.project-list:hover .project-row:not(:hover),.post-list:hover .post-row:not(:hover),.category-posts:hover .post-row:not(:hover){opacity:.55;transition:opacity .3s}.project-row{border-bottom:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 175px;gap:24px;margin:0 -12px;padding:16px 12px;transition:transform .28s cubic-bezier(.25,1,.5,1),background .25s,opacity .25s,box-shadow .28s;display:grid}.project-row:hover{background:linear-gradient(90deg,#7c4fc90d,#a8781f05);transform:translateY(-2px);box-shadow:0 4px 16px #00000008;opacity:1!important}[data-theme=dark] .project-row:hover{background:linear-gradient(90deg,#7c4fc914,#c895380a);box-shadow:0 4px 18px #00000040}.project-row h3{margin:0;font-size:1rem}.project-title-link{color:var(--ink);text-decoration:none;display:inline-flex}.project-title-text,.post-title-text{color:var(--ink);transition:color .3s;display:inline-block;position:relative}.project-title-text:after,.post-title-text:after{content:"";background:var(--hover-line);transform-origin:0;border-radius:1px;width:100%;height:2px;transition:transform .35s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.project-title-link:hover .project-title-text:after,.post-row a:hover .post-title-text:after,.post-title-text:hover:after{transform:scaleX(1)}.project-title-link:hover .project-title-text,.post-row a:hover .post-title-text{color:var(--hover-title)}.project-row p{color:var(--muted);margin:4px 0 7px;font-size:.88rem;line-height:1.52}[data-theme=dark] .project-row p{color:#9ba3af}.tags{color:#7b629e;letter-spacing:.01em;font:500 .72rem Geist Mono,monospace}[data-theme=dark] .tags{color:#a5b4fc}.row-links{justify-content:flex-end;align-items:center;gap:16px;font-size:.75rem;display:flex}.row-links a{color:var(--muted);align-items:center;gap:5px;padding-bottom:2px;text-decoration:none;transition:color .25s;display:inline-flex;position:relative}.row-links a:after{content:"";background:var(--hover-line);transform-origin:0;border-radius:1px;width:100%;height:1.5px;transition:transform .3s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.row-links a:hover:after{transform:scaleX(1)}.row-links a:hover,.row-links a:last-child{color:var(--hover-title)}.post-row{border-bottom:1px solid var(--line);border-radius:6px;margin:0 -12px;padding:14px 12px;transition:transform .28s cubic-bezier(.25,1,.5,1),background .25s,opacity .25s,box-shadow .28s}.post-row:hover{background:linear-gradient(90deg,#7c4fc90a,#0000);transform:translateY(-2px);box-shadow:0 4px 16px #00000008;opacity:1!important}[data-theme=dark] .post-row:hover{background:linear-gradient(90deg,#7c4fc914,#0000);box-shadow:0 4px 18px #00000040}.post-row>*{padding:0;text-decoration:none;display:block}.post-row h3{color:var(--ink);margin:0;font-size:.95rem}.post-row p{color:var(--muted);margin:4px 0 7px;font-size:.88rem;line-height:1.52}[data-theme=dark] .post-row p{color:#9ba3af}.post-meta{color:#7b629e;letter-spacing:.02em;font:500 .72rem Geist Mono,monospace}[data-theme=dark] .post-meta{color:#a5b4fc}.plain-link{color:var(--gold);align-items:center;gap:6px;margin-top:14px;padding-bottom:2px;font:500 .76rem Geist Mono,monospace;text-decoration:none;transition:color .25s;display:inline-flex;position:relative}.plain-link:after{content:"";background:var(--hover-line);transform-origin:0;border-radius:1px;width:100%;height:1.5px;transition:transform .3s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.plain-link:hover:after{transform:scaleX(1)}.plain-link:hover{color:var(--hover-title)}.page-heading{border-bottom:1px solid var(--line);max-width:780px;padding:36px 0 24px}.back-nav-link{text-transform:uppercase;letter-spacing:.08em;color:var(--purple);align-items:center;gap:6px;margin-bottom:12px;font:600 .7rem Geist Mono,monospace;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.back-nav-link:hover{color:var(--gold);transform:translate(-3px)}.page-subtitle{color:var(--muted);margin-bottom:0;font-size:.95rem}.page-list{padding-top:24px}.empty-list{min-height:220px;padding-top:36px}.empty-list h2{margin-bottom:6px;font-size:1.15rem}.empty-list p{color:var(--muted);font-size:.9rem}.project-detail-wrapper{width:100%;max-width:860px;margin:0 auto}.project-detail-wrapper .page-heading{max-width:100%}.case-study{max-width:100%;padding:30px 0 44px}.case-label{text-transform:uppercase;letter-spacing:.09em;color:var(--purple);margin:0;font:500 .66rem Geist Mono,monospace}.case-focus{margin:2px 0 12px;font-size:1.02rem}.case-highlights{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.case-highlight-pill{color:var(--ink);background:#7c4fc90d;border:1px solid #7c4fc933;border-radius:4px;align-items:center;gap:6px;padding:5px 11px;font:500 .74rem Geist Mono,monospace;display:inline-flex}.highlight-symbol{color:var(--purple);font-size:.75rem}.case-study hr{border:0;border-top:1px solid var(--line);margin:24px 0 28px}.case-media-frame{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:20px 0 28px;overflow:hidden}.case-media-img,.case-media-video{object-fit:cover;background:#141218;width:100%;max-height:480px;display:block}.case-media-caption{color:var(--muted);border-top:1px solid var(--line);background:var(--bg);margin:0;padding:10px 14px;font-family:Geist Mono,monospace;font-size:.8rem}.case-section{margin-bottom:26px}.case-section h2{color:var(--ink);margin-bottom:8px;font-size:1.05rem;font-weight:600}.case-section p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.65}.case-tools{color:var(--purple)!important;font-family:Geist Mono,monospace!important;font-size:.8rem!important}.case-actions{border-top:1px solid var(--line);align-items:center;gap:20px;margin-top:32px;padding-top:20px;display:flex}.live-link{color:var(--purple)!important}.live-link:hover{color:var(--gold)!important}.article-header{border-bottom:1px solid var(--line);max-width:820px;padding:36px 0 24px}.article-category-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--purple);align-items:center;gap:6px;margin-bottom:8px;font:600 .68rem Geist Mono,monospace;text-decoration:none;display:inline-flex}.back-badge{cursor:pointer;transition:color .15s,transform .15s}.back-badge:hover{color:var(--gold);transform:translate(-3px)}.article-title{margin-bottom:10px;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.25}.article-summary{color:var(--muted);margin-bottom:14px;font-size:1rem;line-height:1.58}[data-theme=dark] .article-summary{color:#9ba3af}.article-meta{margin-top:10px}.article-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:52px;width:100%;min-width:0;max-width:100%;padding:36px 0 64px;display:grid}.toc-container{align-self:start;position:sticky;top:32px}.toc-mobile-toggle{display:none}.toc-nav{flex-direction:column;display:flex}.toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;padding:0;font:600 .72rem Geist Mono,monospace}.toc-list-wrapper{position:relative}.toc-sliding-bar{background:linear-gradient(180deg, var(--purple), var(--gold));pointer-events:none;border-radius:2px;width:2.5px;transition:transform .26s cubic-bezier(.25,1,.5,1),height .26s cubic-bezier(.25,1,.5,1),opacity .2s;position:absolute;top:0;left:0}.toc-list{border-left:1px solid var(--line);flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.toc-link{color:var(--muted);padding:4px 0 4px 14px;font-size:.82rem;text-decoration:none;transition:color .15s;display:block}.toc-link:hover{color:var(--ink)}.toc-link.active{color:var(--ink);font-weight:600}.article-body{overflow-wrap:break-word;word-break:break-word;width:100%;min-width:0;max-width:680px}.article-section{overflow-wrap:break-word;word-break:break-word;min-width:0;max-width:100%;margin-bottom:38px;scroll-margin-top:40px}.article-section h2{letter-spacing:-.01em;color:var(--ink);margin-bottom:10px;font-size:1.2rem;font-weight:600}.article-section p{color:var(--ink);margin-bottom:14px;font-size:.94rem;line-height:1.68}.code-container{background:#14121a;border:1px solid #7c4fc938;border-radius:6px;margin:18px 0 24px;overflow:hidden;box-shadow:0 4px 16px #14121a0d}.code-header{background:#1b1822;border-bottom:1px solid #7c4fc929;justify-content:space-between;align-items:center;height:34px;padding:0 12px;display:flex}.code-header-left{align-items:center;gap:8px;display:flex}.code-lang-tag{color:var(--gold);text-transform:lowercase;background:#a8781f1a;border:1px solid #a8781f40;border-radius:3px;padding:1px 6px;font:500 .68rem Geist Mono,monospace}.code-title-tag{color:#9b91ab;font:500 .72rem Geist Mono,monospace}.code-copy-btn{all:unset;cursor:pointer;color:#8c829c;background:#ffffff05;border:1px solid #ffffff14;border-radius:3px;padding:2px 7px;font:500 .68rem Geist Mono,monospace;transition:all .15s}.code-copy-btn:hover{color:var(--gold);border-color:#a8781f66}.code-copy-btn.copied{color:#98c379;border-color:#98c37966}.code-content{color:#dcd7e5;margin:0;padding:14px 16px;font-family:Geist Mono,monospace;font-size:.82rem;line-height:1.62;overflow-x:auto}.code-line{display:block}.tok-keyword{color:#c678dd;font-weight:500}.tok-string{color:#98c379}.tok-type{color:#e5c07b}.tok-function{color:#61afef}.tok-number{color:#d19a66}.tok-comment{color:#6f687d;font-style:italic}.tok-prompt{color:var(--gold);-webkit-user-select:none;user-select:none;font-weight:600}.tok-cmd{color:#61afef;font-weight:500}.tok-args{color:#abb2bf}.about-grid{grid-template-columns:1.2fr .8fr;gap:56px;padding:30px 0 50px;display:grid}.about-main-col{flex-direction:column;gap:18px;display:flex}.about-lead{color:var(--ink);margin:0 0 4px;font-size:.94rem;line-height:1.62}.about-entry{flex-direction:column;gap:3px;display:flex}.about-entry strong{color:var(--ink);letter-spacing:-.01em;font-size:.88rem;font-weight:600}.about-entry p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.58}.about-sidebar-col{border-left:1px solid var(--line);flex-direction:column;gap:24px;padding-left:32px;display:flex}.about-sidebar-group{flex-direction:column;gap:6px;display:flex}.about-sidebar-group h3{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin:0;font-size:.82rem}.about-sidebar-group p{color:var(--muted);margin:0;font-family:Geist Mono,monospace;font-size:.82rem;line-height:1.55}.footer{border-top:1px solid var(--line);justify-content:center;align-items:center;padding:36px 0;display:flex}.footer-copyright{color:var(--muted);letter-spacing:.01em;text-align:center;font-size:.78rem;font-weight:400}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(4px);z-index:99;background:#0000008c;width:100vw;height:100dvh;animation:.2s ease-out fadeIn;position:fixed;top:0;left:0}.page-transition-wrapper{width:100%;min-width:0;max-width:100%;animation:.22s cubic-bezier(.16,1,.3,1) forwards pageFadeSlide}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.project-row,.post-row{-webkit-tap-highlight-color:transparent;transition:background .15s,transform .12s}.project-row:active,.post-row:active{border-radius:4px;transform:scale(.99);background:#7c4fc914!important}.back-nav-link:active{color:var(--gold);transform:translate(-6px)scale(.96)}.row-links a:active,.plain-link:active,button:active,.script-nav-tab:active{opacity:.75;transform:scale(.97)}@media (width<=768px){.header,main,.footer{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding-left:20px!important;padding-right:20px!important}.menu-button{z-index:101;border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.menu-button:active{transform:scale(.92)}.main-nav{z-index:100;background:var(--surface);border-left:1px solid var(--line);visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;gap:20px;width:min(270px,80vw);height:100dvh;padding:80px 28px 40px;transition:transform .28s cubic-bezier(.25,1,.5,1),visibility .28s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #0003}.main-nav.open{visibility:visible;pointer-events:auto;transform:translate(0)}.main-nav a{width:100%;padding:8px 0;font-size:1rem;font-weight:500}.intro{grid-template-columns:1fr;gap:18px;padding:24px 0 20px}.photo-container{width:90px;height:90px}.intro-links{flex-wrap:wrap;gap:16px}.index-panel{box-sizing:border-box;grid-template-columns:1fr;gap:18px;width:100%;min-width:0;max-width:100%;padding:20px 0 36px}.index-sidebar{border-right:0;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:row;gap:20px;width:100%;min-width:0;max-width:100%;padding:0 0 10px;display:flex;overflow-x:auto}.index-sidebar button{white-space:nowrap;padding:6px 4px;font-size:.88rem}.index-sliding-bar{top:auto;bottom:-1px}.content-section{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:20px 0}.project-row,.post-row{box-sizing:border-box!important;border-radius:0!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:16px 0!important}.project-row:hover,.post-row:hover{box-shadow:none!important;background:0 0!important;padding-left:0!important;padding-right:0!important;transform:none!important}.row-links{flex-wrap:wrap;justify-content:flex-start;gap:14px}.page-heading{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:20px 0 16px}.article-layout{box-sizing:border-box;gap:20px;width:100%;min-width:0;max-width:100%;padding:18px 0 36px;grid-template-columns:1fr!important}.article-body{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.toc-container{border-bottom:1px solid var(--line);box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-bottom:12px;padding-bottom:14px;position:static}.toc-mobile-toggle{display:block}.toc-mobile-button{all:unset;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font:600 .78rem Geist Mono,monospace;display:flex}.toc-arrow{color:var(--muted);font-size:.8rem}.toc-nav{margin-top:12px;padding-left:6px;display:none}.toc-nav.mobile-open{display:block}.toc-title{display:none}.about-grid{box-sizing:border-box;grid-template-columns:1fr;gap:24px;width:100%;min-width:0;max-width:100%;padding:18px 0 30px}.about-sidebar-col{border-left:0;border-top:1px solid var(--line);box-sizing:border-box;gap:20px;width:100%;min-width:0;max-width:100%;padding-top:20px;padding-left:0}.case-study{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:18px 0 30px}.code-container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:16px 0 20px;overflow:hidden}.code-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;white-space:pre!important;padding:12px 14px!important;font-size:.78rem!important;line-height:1.55!important;overflow-x:auto!important}}@media (width<=480px){.header,main,.footer{padding-left:16px!important;padding-right:16px!important}.header{padding:14px 0 12px}.brand h1{font-size:.98rem}.intro{gap:12px;padding:16px 0}.photo-container{width:76px;height:76px}.intro-copy>p{font-size:.88rem;line-height:1.55}.intro-links{gap:14px;margin-top:12px}.scripts-nav-tabs{grid-template-columns:1fr!important;gap:6px!important;padding:8px!important}.script-display-panel{padding:12px!important}.script-cli-box{word-break:break-all;max-width:100%;overflow-x:auto;padding:8px 10px!important;font-size:.75rem!important}.script-code-toggle-btn{padding:6px 12px!important;font-size:.75rem!important}.email-popover-card.compact{max-width:calc(100vw - 28px);left:0;transform:none}.code-container{min-width:0;max-width:100%;margin:12px 0 16px;overflow:hidden}.code-content{max-width:100%;overflow-x:auto;padding:10px 12px!important;font-size:.74rem!important;line-height:1.5!important}.about-lead{font-size:.88rem}.about-entry p,.about-sidebar-group p{font-size:.82rem}}.email-popover-wrapper{align-items:center;display:inline-flex;position:relative}.email-trigger-btn{all:unset;cursor:pointer;color:var(--muted);align-items:center;transition:color .15s;display:flex}.email-trigger-btn:hover{color:var(--gold)}.email-popover-card.compact{background:var(--surface);border:1px solid var(--line);white-space:nowrap;z-index:50;border-radius:6px;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000029}.email-popover-card.compact:before{content:"";width:100%;height:12px;position:absolute;bottom:100%;left:0}.email-copy-icon-btn{all:unset;cursor:pointer;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex;position:relative}.email-copy-icon-btn:hover{color:var(--purple);background:#7c4fc914}.email-copy-icon-btn.copied{color:#16a34a}.copy-status-bubble{pointer-events:none;white-space:nowrap;z-index:100;background:#15803d;border:1px solid #22c55e;border-radius:4px;padding:3px 8px;font:700 .68rem Geist Mono,monospace;animation:.15s fadeIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006;color:#fff!important}.copy-status-bubble:after{content:"";border:4px solid #0000;border-top-color:#15803d;position:absolute;top:100%;left:50%;transform:translate(-50%)}.project-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2px;display:flex}.project-title-row h3{margin:0}.project-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;padding:2px 8px;font:600 .65rem Geist Mono,monospace;display:inline-flex}.project-status-badge.in-progress{color:var(--gold);background:#a8781f1a;border:1px solid #a8781f40}.project-status-badge.ready{color:var(--purple);background:#7c4fc914;border:1px solid #7c4fc940}.security-scripts-explorer{border:1px solid var(--line);background:var(--bg);border-radius:8px;width:100%;margin:24px 0 32px;overflow:hidden}.scripts-intro-bar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.scripts-intro-bar h3{margin:0 0 2px;font-size:1rem}.scripts-intro-bar p{color:var(--muted);margin:0;font-size:.84rem}.scripts-count-badge{color:var(--purple);white-space:nowrap;background:#7c4fc914;border:1px solid #7c4fc933;border-radius:4px;padding:4px 10px;font:600 .72rem Geist Mono,monospace}.scripts-nav-tabs{border-bottom:1px solid var(--line);background:#00000005;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;padding:12px;display:grid}.script-nav-tab{all:unset;cursor:pointer;background:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:6px;flex-direction:column;gap:4px;padding:10px 14px;transition:all .18s;display:flex}.script-nav-tab:hover{background:#7c4fc90a;border-color:#7c4fc966}.script-nav-tab.active{background:var(--bg);border-color:var(--purple);box-shadow:0 2px 8px #7c4fc91f}.script-nav-tab-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.script-nav-filename{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-family:Geist Mono,monospace;font-size:.78rem;font-weight:600;overflow:hidden}.script-lang-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;flex-shrink:0;padding:2px 7px;font:600 .62rem Geist Mono,monospace}.script-lang-pill.python{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f640}.script-lang-pill.bash{color:#059669;background:#10b9811a;border:1px solid #10b98140}.script-nav-stage{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.script-display-panel{box-sizing:border-box;width:100%;padding:24px}.script-detail-card{flex-direction:column;gap:18px;display:flex}.script-meta-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.script-meta-left{flex-direction:column;gap:4px;display:flex}.script-meta-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.script-stage-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--purple);font:600 .68rem Geist Mono,monospace}.script-display-title{color:var(--ink);margin:0;font-size:1.22rem}.script-file-badge{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:4px 10px;font:600 .78rem Geist Mono,monospace}.script-info-block h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:.78rem}.script-info-block p{color:var(--ink);margin:0;font-size:.92rem;line-height:1.6}.script-cli-box{background:#141218;border:1px solid #2d2838;border-radius:6px;padding:12px 16px;overflow-x:auto}.script-cli-box code{color:#98c379;font-family:Geist Mono,monospace;font-size:.82rem}.script-code-section{border-top:1px solid var(--line);margin-top:8px;padding-top:14px}.script-code-toggle-btn{all:unset;cursor:pointer;color:var(--purple);background:#7c4fc90f;border:1px solid #7c4fc940;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font:600 .82rem Geist Mono,monospace;transition:all .18s;display:inline-flex}.script-code-toggle-btn:hover{color:var(--ink);border-color:var(--purple);background:#7c4fc91f}.toggle-chevron{font-size:.88rem;transition:transform .22s;display:inline-block}.toggle-chevron.expanded{transform:rotate(90deg)}.script-code-accordion{margin-top:14px;animation:.22s cubic-bezier(.25,1,.5,1) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.app-loader-screen{background:var(--bg);z-index:9999;pointer-events:auto;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity .28s cubic-bezier(.25,1,.5,1),transform .28s cubic-bezier(.25,1,.5,1),filter .28s;display:flex;position:fixed;top:0;left:0}.app-loader-screen.fade-out{opacity:0;filter:blur(4px);pointer-events:none;transform:scale(1.04)}.loader-container{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-emblem-wrap{justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.loader-radar-ring{transform-origin:50%;width:100%;height:100%;position:absolute;top:0;left:0}.radar-track{fill:none;stroke:var(--line);stroke-width:1.5px;opacity:.7}.radar-spin{fill:none;stroke:var(--gold);stroke-width:2.2px;stroke-dasharray:45 180;stroke-linecap:round;transform-origin:50%;animation:1.5s linear infinite radarRotate}[data-theme=dark] .radar-spin{stroke:#818cf8;filter:drop-shadow(0 0 6px #818cf8b3)}.radar-inner{fill:none;stroke:var(--line);stroke-width:1.2px;stroke-dasharray:4 7;transform-origin:50%;animation:2.6s linear infinite radarRotateRev}@keyframes radarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radarRotateRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loader-monogram{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);letter-spacing:.05em;z-index:2;border-radius:50%;justify-content:center;align-items:center;font:700 .88rem Geist Mono,monospace;display:flex;box-shadow:0 4px 14px #0000000a}[data-theme=dark] .loader-monogram{box-shadow:0 0 16px #818cf82e}.loader-orbit-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);transform-origin:3px 36px;z-index:3;border-radius:50%;margin-left:-3px;animation:1.5s linear infinite orbitDot;position:absolute;top:2px;left:50%}[data-theme=dark] .loader-orbit-dot{background:#38bdf8;box-shadow:0 0 10px #38bdf8}@keyframes orbitDot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-signature{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font:600 .72rem Geist Mono,monospace;animation:1.8s ease-in-out infinite pulseGlow}.app-content-root{width:100%;min-width:0;max-width:100%}