.rte-field .rte-shell{border:1px solid var(--li-border,#e0dfdc);background:#fff;border-radius:4px;overflow:hidden}.rte-toolbar{border-bottom:1px solid var(--li-border,#e0dfdc);background:#f8f9fa;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}.rte-btn{color:#000000bf;cursor:pointer;background:0 0;border:none;border-radius:4px;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:14px}.rte-btn:hover{background:#0000000f}.rte-btn.active{color:var(--li-blue,#0a66c2);background:#0a66c21f}.rte-divider{background:var(--li-border,#e0dfdc);width:1px;height:20px;margin:0 4px}.rte-font-select{border:1px solid var(--li-border,#e0dfdc);color:#000000d9;background:#fff;border-radius:4px;min-width:120px;max-width:160px;height:32px;padding:0 8px;font-size:13px}.rte-underline{text-decoration:underline}.rte-icon-list{font-size:13px;font-weight:600}.rte-icon-link{font-size:14px}.rte-content,.rte-shell .tiptap{color:#000000e6;outline:none;min-height:160px;padding:12px 14px;font-size:14px;line-height:1.6}.rte-shell .tiptap p{margin:0 0 .75em}.rte-shell .tiptap p:last-child{margin-bottom:0}.rte-shell .tiptap ul,.rte-shell .tiptap ol{margin:0 0 .75em;padding-left:1.5em}.rte-shell .tiptap a{color:var(--li-blue,#0a66c2);text-decoration:underline}.rte-shell .tiptap p.is-editor-empty:first-child:before{color:#00000073;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.profile-summary-rich{color:var(--li-text);font-size:15px;line-height:1.6}.profile-summary-rich p{margin:0 0 .75em}.profile-summary-rich ul,.profile-summary-rich ol{margin:0 0 .75em;padding-left:1.5em}.profile-summary-rich a{color:var(--li-blue,#0a66c2)}.rte-loading{color:#00000080;border-bottom:1px solid var(--li-border,#e0dfdc);padding:12px 14px;font-size:13px}.rte-field--compact .rte-content,.rte-field--compact .rte-shell .tiptap{min-height:120px}.rte-field--compact .rte-toolbar{gap:4px;padding:8px}:root{--li-blue:#0a66c2;--li-blue-hover:#004182;--li-accent:#6366f1;--li-accent-green:#0f766e;--li-bg:#eef2f7;--li-bg-soft:#e4eaf3;--li-white:#fff;--li-surface-muted:#f8fafc;--li-border:#d0d7e2;--li-border-strong:#b8c4d4;--li-text:#1e293b;--li-text-muted:#64748b;--li-shadow:0 1px 2px #0f172a0f, 0 4px 14px #0f172a12;--li-shadow-lg:0 2px 4px #0f172a0f, 0 12px 32px #0f172a1a;--header-height:52px;--font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, sans-serif;--font-mono:"JetBrains Mono", Consolas, "Courier New", monospace}*,:before,:after{box-sizing:border-box}html.modal-open,body.modal-open{overflow:hidden}body{font-family:var(--font-family);background:linear-gradient(165deg, var(--li-bg) 0%, var(--li-bg-soft) 100%);color:var(--li-text);background-attachment:fixed;margin:0;line-height:1.5}.scene-3d-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.scene-3d-bg canvas{width:100%!important;height:100%!important}.scene-3d-bg--static{background:linear-gradient(165deg, var(--li-bg) 0%, var(--li-bg-soft) 100%)}.app-shell--3d,.login-page--3d{z-index:1;position:relative}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;height:var(--header-height);background:var(--li-white);border-bottom:1px solid var(--li-border);align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #fffc,0 4px 16px #0f172a0f}.brand{color:var(--li-blue);flex-shrink:0;align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.brand-mark{background:linear-gradient(135deg, var(--li-blue) 0%, var(--li-accent) 100%);color:#fff;min-width:34px;height:34px;font-size:14px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;border-radius:6px;place-items:center;padding:0 6px;display:grid;box-shadow:0 2px 8px #0a66c259}.main-nav{scrollbar-width:thin;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.nav-link{height:var(--header-height);color:var(--li-text-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding:0 12px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.nav-link:hover{color:var(--li-blue);background:#0a66c20f}.nav-link.active{color:var(--li-blue);border-bottom-color:var(--li-blue);background:#0a66c214;font-weight:600}.page-main{flex:1;width:100%;max-width:1128px;margin:0 auto;padding:24px 16px 48px}.card{background:var(--li-white);box-shadow:var(--li-shadow-lg);border:1px solid var(--li-border);border-radius:10px;overflow:hidden}.card-header{border-bottom:1px solid var(--li-border);background:var(--li-surface-muted);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.card-header h1{margin:0;font-size:20px;font-weight:600}.card-body{padding:24px}.profile-banner{background:var(--theme-banner,linear-gradient(120deg, #0a66c2 0%, #4338ca 55%, #6366f1 100%));height:120px}.profile-content{align-items:flex-start;gap:24px;margin-top:-48px;padding:0 24px 24px;display:flex}.profile-avatar{border:4px solid var(--li-white);object-fit:cover;background:#d8d8d8;border-radius:50%;flex-shrink:0;width:152px;height:152px}.profile-avatar.placeholder{color:#fff;background:linear-gradient(135deg, var(--li-blue), var(--li-accent));letter-spacing:-.02em;place-items:center;font-size:40px;font-weight:700;display:grid}.profile-details{flex:1;padding-top:56px}.profile-details h2{margin:0 0 4px;font-size:24px;font-weight:600}.profile-headline{color:var(--li-text-muted);margin:0 0 12px;font-size:16px}.profile-summary{white-space:pre-wrap;margin:0;font-size:15px}.profile-meta{color:var(--li-text-muted);margin-top:12px;font-size:12px}.btn{cursor:pointer;border:none;border-radius:24px;padding:8px 20px;font-family:inherit;font-size:16px;font-weight:600;transition:background .15s}.btn-primary{background:var(--li-blue);color:#fff}.btn-primary:hover{background:var(--li-blue-hover)}.btn-secondary{color:var(--li-blue);border:1px solid var(--li-blue);background:0 0}.btn-secondary:hover{background:#0a66c214}.form-grid{gap:16px;display:grid}.form-field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--li-border);background:var(--li-surface-muted);width:100%;color:var(--li-text);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--li-blue);background:var(--li-white);outline:none;box-shadow:0 0 0 3px #0a66c21f}.form-field textarea{resize:vertical;min-height:120px}.image-upload-field .image-upload-preview{margin-bottom:10px}.image-upload-field .image-upload-preview img{object-fit:contain;border:1px solid var(--li-border);background:#fff;border-radius:4px;max-width:180px;max-height:120px}.image-upload-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.image-upload-status{color:var(--li-muted);margin:6px 0 0;font-size:13px}.image-upload-error{margin:8px 0 0;padding:8px 12px}.form-hint{color:var(--li-muted);margin:6px 0 0;font-size:12px}.form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.alert{border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:14px}.alert-error{color:#b24020;background:#fce8e6}.alert-success{color:#057642;background:#e7f3e8}.placeholder-page{text-align:center;padding:64px 24px}.placeholder-page h1{margin:0 0 8px}.placeholder-page p{color:var(--li-text-muted);margin:0}.loading{text-align:center;color:var(--li-text-muted);padding:48px}.admin-bar{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.admin-bar .btn-sm{white-space:nowrap}.admin-label{color:var(--li-text-muted);white-space:nowrap;font-size:13px}.btn-sm{border-radius:20px;padding:6px 16px;font-size:14px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--li-white);border:1px solid var(--li-border);width:100%;max-width:420px;box-shadow:var(--li-shadow-lg);text-align:center;border-radius:12px;padding:32px 28px}.login-card h1{margin:20px 0 8px;font-size:24px}.login-brand{justify-content:center}.login-subtitle{color:var(--li-text-muted);margin:0 0 20px;font-size:14px}.google-login-wrap{justify-content:center;margin:8px 0 16px;display:flex}.login-status{color:var(--li-text-muted);font-size:14px}.login-footnote{color:var(--li-text-muted);margin:16px 0 12px;font-size:12px}.login-back-link{color:var(--li-blue);font-size:14px;font-weight:600}.login-back-link:hover{color:var(--li-blue-hover);text-decoration:underline}.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-header h1{margin:0;font-size:28px}.item-list{flex-direction:column;gap:16px;display:flex}.item-card{padding:0}.item-card-body{gap:16px;padding:20px 24px;display:flex}.item-logo{object-fit:contain;border-radius:4px;flex-shrink:0;width:56px;height:56px}.project-image{object-fit:cover;border-radius:8px 8px 0 0;width:100%;max-height:200px}.item-card h2{margin:0 0 6px;font-size:20px}.item-subtitle{color:var(--li-text-muted);margin:0 0 4px;font-size:15px}.item-meta{color:var(--li-text-muted);margin:0 0 12px;font-size:13px}.item-tags{color:var(--li-blue);margin:0 0 12px;font-size:13px}.item-actions{border-top:1px solid var(--li-border);background:var(--li-surface-muted);justify-content:flex-end;gap:8px;padding:12px 24px 16px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkbox-row{align-items:center;gap:8px;font-size:14px;display:flex}.expertise-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.expertise-card{background:var(--li-white);border:1px solid var(--li-border);box-shadow:var(--li-shadow);border-radius:10px;padding:20px}.expertise-card h2{margin:12px 0 8px;font-size:18px}.expertise-logo{object-fit:contain;width:48px;height:48px}.project-links{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.project-links a,.project-links .link-btn{color:var(--li-blue);font-size:14px;font-weight:600}.project-card-logo{object-fit:cover;border:1px solid var(--li-border);border-radius:8px;width:72px;height:72px}.project-card-content{flex:1;min-width:0}.project-excerpt{color:var(--li-text);margin:0 0 4px;font-size:14px;line-height:1.55}.project-article-meta{margin:-8px 0 12px}.project-article-tags{margin-bottom:16px}.project-article-links{border-top:1px solid var(--li-border);flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:16px;display:flex}.certification-preview-issuer{color:var(--li-text-muted);margin:0 0 16px;font-size:15px}.certification-preview-image{object-fit:contain;border:1px solid var(--li-border);background:#fff;border-radius:8px;width:100%;max-width:480px;max-height:70vh;margin:0 auto;display:block}.link-btn{color:var(--li-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none}.item-title-link{color:inherit;text-decoration:none}.item-title-link:hover{color:var(--li-blue);text-decoration:underline}.detail-back{margin:0 0 12px}.status-pill{border-radius:12px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.status-published{color:#057642;background:#e7f3e8}.status-draft{color:var(--li-text-muted);background:#f3f2ef}.card.unread{border-left:4px solid var(--li-blue)}.modal-overlay{z-index:10000;overscroll-behavior:contain;background:#0f172a8c;place-items:center;padding:clamp(20px,4vh,40px) clamp(16px,3vw,28px);display:grid;position:fixed;inset:0;overflow:hidden}.modal-card{flex-direction:column;width:min(100%,720px);max-height:min(88dvh,860px);display:flex;overflow:hidden;box-shadow:0 24px 48px #0f172a38}.modal-card.card{margin:0;overflow:hidden}.modal-card--form{width:min(100%,800px);height:min(88dvh,860px);max-height:min(88dvh,860px)}.modal-card--article{width:min(100%,760px);max-height:min(88dvh,860px)}.modal-header{flex-shrink:0;gap:16px}.modal-header h1{word-break:break-word;flex:1;min-width:0;font-size:18px;line-height:1.35}.modal-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.modal-body{padding:20px 24px 24px}.modal-form-host,.modal-form-shell{flex-direction:column;flex:1;min-height:0;display:flex}.modal-form-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px 24px 8px;overflow-y:auto}.modal-form-footer{border-top:1px solid var(--li-border);background:var(--li-white);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:12px;padding:12px 24px 20px;display:flex}.modal-form-scroll .alert-error{margin:0}.blog-article-title{color:var(--li-text);margin:0 0 16px;font-size:26px;font-weight:700;line-height:1.3}.blog-article-image{object-fit:cover;border:1px solid var(--li-border);border-radius:8px;width:100%;max-height:280px;margin:0 0 20px}.blog-content{color:var(--li-text);font-size:16px;line-height:1.75}.blog-content p{margin:0 0 1em}.blog-content h2,.blog-content h3{margin:1.4em 0 .6em;line-height:1.3}.blog-content a{color:var(--li-blue)}.blog-card .project-image{object-fit:cover;border-bottom:1px solid var(--li-border);width:100%;max-height:220px}.rich-html ul,.rich-html ol{margin:0 0 .75em;padding-left:1.5em}.card.item-card,.profile-hero-card,.expertise-card{transition:transform .2s,box-shadow .2s}.card.item-card:hover,.profile-hero-card:hover{box-shadow:var(--li-shadow-lg);transform:translateY(-2px)}.page-transition{opacity:0;transition:opacity .25s}.page-transition--visible{opacity:1}.skeleton-block{gap:10px;display:grid}.skeleton-line{background:linear-gradient(90deg,#e8edf3 25%,#f4f7fa 50%,#e8edf3 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-tagline{color:var(--li-text-muted);margin:0 0 12px;font-size:16px;font-style:italic}.profile-actions{flex-wrap:wrap;gap:10px;margin:12px 0 16px;display:flex}.status-open{color:#057642;background:#e7f3e8}.tech-stack{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.tech-stack-pill{color:var(--li-blue);font-size:12px;font-weight:600;font-family:var(--font-mono);background:#0a66c214;border:1px solid #0a66c226;border-radius:999px;padding:4px 10px}.tech-tags{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.tech-tag{background:var(--li-surface-muted);color:var(--li-blue);border:1px solid var(--li-border);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.profile-photo-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.profile-photo-upload-btn{border:1px solid var(--li-border);background:var(--li-white);color:var(--li-blue);cursor:pointer;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600}.profile-photo-upload-btn:hover:not(:disabled){background:#0a66c214}.profile-photo-upload-btn:disabled{opacity:.7;cursor:wait}.profile-photo-error{color:#b24020;text-align:center;max-width:160px;margin:0;font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.header-social-link{border:1px solid var(--li-border);min-width:32px;height:32px;color:var(--li-blue);background:var(--li-white);border-radius:6px;place-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-grid}.header-social-link:hover{background:#0a66c214}.header-resume-btn{white-space:nowrap}.site-footer{text-align:center;color:var(--li-text-muted);border-top:1px solid var(--li-border);background:#ffffffd9;margin-top:auto;padding:20px 24px 28px;font-size:13px}.site-footer p{margin:0}.contact-quick-card{margin-bottom:16px}.contact-quick-body{padding:16px 24px}.contact-quick-label{color:var(--li-text-muted);margin:0 0 8px;font-size:13px;font-weight:600}.contact-quick-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.contact-email-link{color:var(--li-blue);font-weight:600}.file-upload-link{margin:0 0 8px}.file-upload-link a{color:var(--li-blue);font-weight:600}@media (width<=768px){.profile-content{text-align:center;flex-direction:column;align-items:center}.profile-details{padding-top:12px}.site-header{height:auto;min-height:var(--header-height);grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:8px 12px;display:grid}.brand{grid-area:1/1;font-size:18px}.brand-mark{min-width:30px;height:30px;font-size:12px}.header-actions{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end;gap:6px;margin-left:0}.admin-bar{gap:6px;margin-left:0}.header-resume-btn,.admin-label{display:none}.admin-bar .btn-sm{padding:5px 10px;font-size:12px}.main-nav{flex:unset;-webkit-overflow-scrolling:touch;border-top:1px solid var(--li-border);grid-area:2/1/auto/-1;width:100%;margin:0 -4px;padding:2px 4px 4px;overflow-x:auto}.nav-link{height:40px;padding:0 10px;font-size:13px}.form-row-2{grid-template-columns:1fr}.modal-overlay{place-items:stretch stretch;padding:0}.modal-card,.modal-card--form,.modal-card--article{border-left:none;border-right:none;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh}.blog-article-title{font-size:22px}.modal-header h1{font-size:17px;line-height:1.3}.modal-body{padding:16px}.modal-form-scroll{padding:16px 16px 8px}.modal-form-footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}.modal-form-footer .btn{flex:1;min-width:120px}.rte-field--compact .rte-font-select{min-width:96px;max-width:120px}.rte-field--compact .rte-btn{min-width:36px;height:36px}}.how-help-stack{text-align:left;gap:24px;margin-top:24px;display:grid}.how-help-admin-bar{justify-content:flex-end;display:flex}.how-help-section{font-family:var(--font-family);color:var(--li-text)}.how-help-section .card-body{padding:28px 24px 32px}.how-help-eyebrow{letter-spacing:normal;text-transform:none;color:var(--li-text-muted);margin:0 0 8px;font-size:16px;font-weight:500}.how-help-title{color:inherit;letter-spacing:normal;margin:0 0 12px;font-family:inherit;font-size:24px;font-weight:600;line-height:1.25}.how-help-lead{color:inherit;max-width:none;margin:0 0 24px;font-size:15px;line-height:1.6}.scroll-reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(28px)}.scroll-reveal--visible{opacity:1;transform:translateY(0)}.scroll-reveal--visible .how-build-step{opacity:1;transform:translate(0)}.how-help-scroll{margin:0 -8px;position:relative}.how-help-track{scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:16px;padding:4px 8px 12px;scroll-padding:8px;display:flex;overflow-x:auto}.how-help-card{scroll-snap-align:start;border:1px solid var(--li-border);background:linear-gradient(160deg, var(--li-white) 0%, var(--li-surface-muted) 100%);box-shadow:var(--li-shadow);border-radius:12px;flex:0 0 min(280px,82vw);padding:20px;transition:transform .2s,box-shadow .2s}.how-help-card:hover{box-shadow:var(--li-shadow-lg);transform:translateY(-3px)}.how-help-card-icon{background:#0a66c21a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:20px;display:inline-flex}.how-help-card h3{color:inherit;letter-spacing:normal;margin:0 0 8px;font-family:inherit;font-size:16px;font-weight:600}.how-help-card p{color:inherit;margin:0;font-size:15px;line-height:1.6}.how-help-scroll-hint{color:var(--li-text-muted);text-align:right;margin:8px 8px 0;font-size:12px}.how-build-layout{grid-template-columns:minmax(0,1fr) minmax(260px,36%);align-items:stretch;gap:24px;display:grid}.how-build-matrix-panel{background:#050807;border:1px solid #00ff4138;border-radius:12px;min-height:460px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00ff410a,0 8px 28px #00000059}.how-build-matrix-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.how-build-matrix-scanlines{pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000047 2px 4px);position:absolute;inset:0}.how-build-matrix-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#00ff4124,#0000 60%),radial-gradient(50% 40% at 100% 100%,#00ff4114,#0000 55%);position:absolute;inset:0}.how-build-matrix-terminal{z-index:2;flex-direction:column;gap:10px;height:100%;min-height:460px;padding:12px;display:flex;position:relative}.how-build-matrix-terminal-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c0ad1;border:1px solid #00ff4133;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.how-build-matrix-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.how-build-matrix-dot--red{background:#ff5f57}.how-build-matrix-dot--amber{background:#febc2e}.how-build-matrix-dot--green{background:#28c840}.how-build-matrix-terminal-title{font-family:var(--font-mono);color:#00ff41bf;letter-spacing:.02em;margin-left:6px;font-size:11px}.how-build-matrix-code{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-mono);color:#00ff41;white-space:pre-wrap;word-break:break-word;background:#050807c7;border:1px solid #00ff412e;border-radius:8px;flex:1;margin:0;padding:14px;font-size:11px;line-height:1.55;overflow:hidden}.how-build-matrix-code code{color:inherit;font-family:inherit}.how-build-matrix-cursor{color:#00ff41;opacity:0}.how-build-matrix-cursor.is-visible{opacity:1}.how-build-matrix-status{font-family:var(--font-mono);color:#00ff41cc;background:#080c0ab8;border:1px solid #00ff4126;border-radius:8px;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:11px;display:flex}.how-build-matrix-pulse{background:#00ff41;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite how-matrix-pulse;box-shadow:0 0 10px #00ff41cc}@keyframes how-matrix-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.how-build-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.how-build-timeline:before{content:"";background:linear-gradient(180deg, var(--li-blue) 0%, #0a66c226 100%);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:19px}.how-build-step{opacity:0;gap:16px;padding:16px 0;transition:opacity .45s,transform .45s;display:flex;transform:translate(-16px)}.how-build-step-num{background:var(--li-blue);color:#fff;width:40px;height:40px;font-size:12px;font-weight:700;font-family:var(--font-mono);z-index:1;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 2px 8px #0a66c259}.how-build-step-body h3{color:inherit;letter-spacing:normal;margin:0 0 6px;font-family:inherit;font-size:16px;font-weight:600}.how-build-step-body p{color:inherit;max-width:none;margin:0;font-size:15px;line-height:1.6}.how-help-cta{border-top:1px solid var(--li-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:24px;display:flex}.how-help-cta p{color:inherit;max-width:none;margin:0;font-size:15px;line-height:1.6}@media (prefers-reduced-motion:reduce){.how-build-matrix-pulse{opacity:.8;animation:none}}@media (width<=960px){.how-build-layout{grid-template-columns:1fr}.how-build-matrix-panel,.how-build-matrix-terminal{min-height:320px}}@media (width<=640px){.how-help-title{font-size:20px}.how-help-cta{flex-direction:column;align-items:flex-start}.how-help-scroll-hint{text-align:left}}.form-section-title{color:var(--li-text);grid-column:1/-1;margin:8px 0 0;font-size:18px;font-weight:600}.repeatable-list{grid-column:1/-1;gap:16px;display:grid}.repeatable-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.repeatable-list-header h3{margin:0;font-size:15px;font-weight:600}.repeatable-item{border:1px solid var(--li-border);background:var(--li-surface-muted);border-radius:10px;gap:12px;padding:16px;display:grid}.repeatable-item-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.repeatable-item-label{color:var(--li-text-muted);font-size:13px;font-weight:600}.repeatable-item-actions{flex-wrap:wrap;gap:6px;display:flex}[data-theme=developer]{--li-blue:#00ff41;--li-blue-hover:#0c3;--li-accent:#ffb000;--li-accent-green:#39ff14;--li-bg:#050807;--li-bg-soft:#0a0f0c;--li-white:#0c1210;--li-surface-muted:#101814;--li-border:#00ff412e;--li-border-strong:#00ff416b;--li-text:#d4ffe0;--li-text-muted:#6b9e76;--li-shadow:0 2px 16px #0000008c;--li-shadow-lg:0 4px 28px #00ff4114;--theme-banner:linear-gradient(120deg, #050807 0%, #0f2918 45%, #00ff41 100%);--theme-backdrop:radial-gradient(ellipse 70% 50% at 50% 0%, #00ff4112, transparent 55%), radial-gradient(ellipse 50% 40% at 90% 80%, #ffb0000d, transparent 50%);--font-family:"JetBrains Mono", Consolas, "Courier New", monospace}[data-theme=developer] body{font-family:var(--font-family)}[data-theme=developer] .site-header{background:#050807f0;border-bottom-color:#00ff4140;box-shadow:0 1px #00ff411f}[data-theme=developer] .site-footer{font-family:var(--font-family);background:#080c0af2;font-size:12px}[data-theme=developer] .brand-mark{color:#050807;background:linear-gradient(135deg,#00ff41,#ffb000)}[data-theme=developer] .card{box-shadow:var(--li-shadow), 0 0 24px #00ff410a;border-color:#00ff4133}[data-theme=developer] .btn-primary{color:#050807;background:linear-gradient(135deg,#0c3 0%,#00ff41 100%);font-weight:700}[data-theme=developer] .btn-secondary{color:#ffb000;border-color:#ffb00080}[data-theme=developer] .nav-link.active{color:#00ff41;border-bottom-color:#00ff41}[data-theme=developer] .loading{font-family:var(--font-family)}html[data-dev-pulse=success] .app-shell--3d,html[data-dev-pulse=success] .login-page--3d{filter:brightness(1.12);transition:filter 80ms}html[data-dev-pulse=error] .app-shell--3d,html[data-dev-pulse=error] .login-page--3d{filter:brightness(1.08)hue-rotate(-8deg)}html[data-dev-pulse=warn] .app-shell--3d,html[data-dev-pulse=warn] .login-page--3d{filter:brightness(1.06)sepia(.15)}[data-theme=default]{--li-blue:#0a66c2;--li-blue-hover:#004182;--li-accent:#6366f1;--li-accent-green:#0f766e;--li-bg:#eef2f7;--li-bg-soft:#e4eaf3;--li-white:#fff;--li-surface-muted:#f8fafc;--li-border:#d0d7e2;--li-border-strong:#b8c4d4;--li-text:#1e293b;--li-text-muted:#64748b;--li-shadow:0 1px 2px #0f172a0f, 0 4px 14px #0f172a12;--li-shadow-lg:0 2px 4px #0f172a0f, 0 12px 32px #0f172a1a;--theme-banner:linear-gradient(120deg, #0a66c2 0%, #4338ca 55%, #6366f1 100%);--theme-backdrop:radial-gradient(ellipse 70% 50% at 20% 20%, #0a66c214, transparent 50%), radial-gradient(ellipse 60% 45% at 85% 75%, #6366f10f, transparent 45%)}[data-theme=default] .site-header{border-bottom-color:var(--li-border);background:#fffffff0}[data-theme=default] .site-footer{background:#ffffffe6}[data-theme=default] .brand-mark{background:linear-gradient(135deg, var(--li-blue) 0%, var(--li-accent) 100%)}.dev-fx-portal{z-index:83;pointer-events:none;position:fixed;inset:0;overflow:hidden}.dev-scanlines{opacity:.35;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000024 2px 4px);position:absolute;inset:0}.dev-vignette{background:radial-gradient(#0000 35%,#0000008c 100%);position:absolute;inset:0}.dev-matrix-rain{opacity:.07;background-image:linear-gradient(#0000 23%,#00ff4133 24% 25%,#0000 26% 73%,#00ff4159 74% 75%,#0000 76%),linear-gradient(90deg,#0000 24%,#00ff412e 25% 26%,#0000 27% 74%,#00ff411f 75% 76%,#0000 77%);background-size:48px 48px;animation:20s linear infinite dev-matrix-drift;position:absolute;inset:0}@keyframes dev-matrix-drift{0%{background-position:0 0}to{background-position:0 480px}}.dev-boot-panel{color:#00ff41;background:#050807eb;border:1px solid #00ff4159;border-radius:8px;width:min(520px,100vw - 32px);padding:16px 20px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;animation:.4s ease-out dev-boot-in;position:absolute;top:12%;left:50%;transform:translate(-50%);box-shadow:0 0 40px #00ff4126}@keyframes dev-boot-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dev-boot-title{color:#ffb000;margin:0 0 10px;font-weight:600}.dev-boot-line{opacity:.95;margin:4px 0}.dev-cursor{color:#00ff41;animation:.9s step-end infinite dev-blink;display:inline-block}@keyframes dev-blink{50%{opacity:0}}.dev-toast{border-radius:8px;max-width:min(360px,100vw - 40px);padding:12px 16px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.45;animation:.35s ease-out dev-toast-in;position:fixed;top:72px;right:20px;box-shadow:0 8px 32px #00000073}.dev-toast-label{letter-spacing:.08em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.dev-toast-success{color:#86efac;background:#05140af2;border:1px solid #00ff4173}.dev-toast-success .dev-toast-label{color:#00ff41}.dev-toast-warn{color:#fde68a;background:#191205f2;border:1px solid #ffb00080}.dev-toast-warn .dev-toast-label{color:#ffb000}.dev-toast-error{color:#fca5a5;background:#190808f2;border:1px solid #ff444480}.dev-toast-error .dev-toast-label{color:#f44}.dev-toast-info{color:#bfdbfe;background:#080f19f2;border:1px solid #60a5fa73}.dev-toast-info .dev-toast-label{color:#60a5fa}@keyframes dev-toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.dev-ticker{background:#050807e0;border-top:1px solid #00ff4138;align-items:center;height:32px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.dev-ticker-track{white-space:nowrap;color:#00ff41bf;margin:0;padding-left:100%;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;animation:48s linear infinite dev-ticker-scroll}@keyframes dev-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (width<=768px){.dev-boot-panel,.dev-toast{display:none!important}}@media (prefers-reduced-motion:reduce){.dev-matrix-rain,.dev-ticker-track,.dev-cursor,.dev-boot-panel{animation:none}}.profile-banner{background:var(--theme-banner)}body:before{content:"";pointer-events:none;z-index:0;background:var(--theme-backdrop);position:fixed;inset:0}.app-shell--3d{z-index:1;position:relative}[data-theme=thor]{--li-blue:#d4a017;--li-blue-hover:#b8860b;--li-accent:#5eb3ff;--li-accent-green:#38bdf8;--li-bg:#0a1628;--li-bg-soft:#0f2035;--li-white:#152535;--li-surface-muted:#1a2d42;--li-border:#94a3b82e;--li-border-strong:#d4a01759;--li-text:#e8edf4;--li-text-muted:#94a3b8;--li-shadow:0 4px 20px #00000073;--li-shadow-lg:0 8px 32px #0000008c;--theme-banner:linear-gradient(125deg, #0a1628 0%, #1e3a5f 40%, #d4a017 85%, #f0c14b 100%);--theme-backdrop:radial-gradient(ellipse 90% 60% at 80% 0%, #5eb3ff24, transparent 55%), radial-gradient(ellipse 50% 40% at 10% 20%, #d4a0171f, transparent 50%)}[data-theme=thor] .site-header{background:#0a1628eb;border-bottom-color:#d4a01740}[data-theme=thor] .site-footer{background:#152535e6}[data-theme=thor] .brand-mark{background:linear-gradient(135deg,#d4a017,#5eb3ff)}.thor-storm-portal{z-index:85;pointer-events:none;position:fixed;inset:0;overflow:hidden}.thor-storm-clouds{opacity:.85;background:radial-gradient(120% 40% at 50% -5%,#1e3a5f8c,#0000 55%),radial-gradient(80% 30% at 20% 0,#0f172a66,#0000 50%),radial-gradient(70% 25% at 80% 5%,#0f172a59,#0000 45%);position:absolute;inset:0}.thor-storm-vignette{background:radial-gradient(#0000 40%,#050a1473 100%);position:absolute;inset:0}.thor-strike{opacity:0;animation:.5s ease-out forwards thor-strike-flash;position:absolute;top:0}.thor-strike-svg{width:100%;height:100%}.thor-strike-core{fill:none;stroke:#e0f2fe;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #38bdf8)drop-shadow(0 0 18px #7dd3fc)}.thor-strike-branch{fill:none;stroke:#bae6fdd9;stroke-width:1.2px;stroke-linecap:round}@keyframes thor-strike-flash{0%{opacity:0}8%{opacity:calc(.85 * var(--strike-intensity,.8))}25%{opacity:calc(.95 * var(--strike-intensity,.8))}to{opacity:0}}html[data-thor-flash="1"]:after{content:"";z-index:84;pointer-events:none;background:radial-gradient(ellipse 100% 80% at 50% 15%, rgba(224, 242, 254, calc(.38 * var(--thor-flash-intensity,.7))), rgba(186, 230, 253, calc(.12 * var(--thor-flash-intensity,.7))) 45%, transparent 72%);animation:.18s ease-out forwards thor-page-flash;position:fixed;inset:0}html[data-thor-flash="1"] .app-shell--3d,html[data-thor-flash="1"] .login-page--3d{filter:brightness(calc(1 + .45 * var(--thor-flash-intensity,.7))) saturate(calc(1 + .15 * var(--thor-flash-intensity,.7)));transition:filter 40ms ease-out}html[data-thor-flash="1"] .card,html[data-thor-flash="1"] .site-header{box-shadow:0 0 28px rgba(125, 211, 252, calc(.35 * var(--thor-flash-intensity,.7)));transition:box-shadow 50ms ease-out}html[data-thor-rumble="1"] .app-shell--3d,html[data-thor-rumble="1"] .login-page--3d{animation:.28s ease-out thor-rumble}@keyframes thor-page-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes thor-rumble{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}[data-theme=spiderman]{--li-blue:#e62429;--li-blue-hover:#c41e3a;--li-accent:#1565c0;--li-accent-green:#2563eb;--li-bg:#0c1222;--li-bg-soft:#111827;--li-white:#151c2e;--li-surface-muted:#1a2332;--li-border:#94a3b829;--li-border-strong:#e6242973;--li-text:#f1f5f9;--li-text-muted:#94a3b8;--li-shadow:0 4px 22px #00000080;--li-shadow-lg:0 8px 36px #1565c01f;--theme-banner:linear-gradient(125deg, #0c1222 0%, #1565c0 42%, #e62429 100%);--theme-backdrop:radial-gradient(ellipse 80% 50% at 50% 100%, #e6242914, transparent 55%), radial-gradient(ellipse 60% 40% at 80% 20%, #1565c01a, transparent 50%)}[data-theme=spiderman] .site-header{background:#0c1222f0;border-bottom-color:#e6242959}[data-theme=spiderman] .site-footer{background:#151c2eeb}[data-theme=spiderman] .brand-mark{background:linear-gradient(135deg,#e62429 50%,#1565c0 50%)}[data-theme=spiderman] .btn-primary{background:linear-gradient(135deg,#e62429 0%,#c41e3a 100%)}[data-theme=spiderman] .btn-secondary{color:#60a5fa;border-color:#1565c08c}[data-theme=spiderman] .nav-link.active{color:#e62429;border-bottom-color:#e62429}.spider-fx-portal{z-index:84;pointer-events:none;position:fixed;inset:0;overflow:hidden}.spider-sky-gradient{background:linear-gradient(#0f172a59 0%,#0000 45%,#0c122240 100%);position:absolute;inset:0}.spider-city-glow{background:radial-gradient(circle at 15% 90%,#e624291f 0%,#0000 8%),radial-gradient(circle at 35% 85%,#fbbf241a 0%,#0000 6%),radial-gradient(circle at 55% 92%,#1565c01f 0%,#0000 7%),radial-gradient(circle at 75% 88%,#e6242914 0%,#0000 6%),radial-gradient(circle at 90% 95%,#fbbf2417 0%,#0000 5%),linear-gradient(#0000 30%,#e624290f 100%);height:35%;position:absolute;bottom:0;left:0;right:0}.spider-corner-web{opacity:.85;width:min(38vw,280px);height:min(38vw,280px);position:absolute}.spider-corner-tl{top:0;left:0}.spider-corner-tr{top:0;right:0}.spider-corner-bl{bottom:0;left:0}.spider-swing-web{opacity:0;width:100%;height:100%;animation:2.1s ease-in-out forwards spider-swing;position:absolute;inset:0}@keyframes spider-swing{0%{opacity:0}12%{opacity:.85}70%{opacity:.55}to{opacity:0}}[data-theme=galaxy]{--li-blue:#a78bfa;--li-blue-hover:#8b5cf6;--li-accent:#fbbf24;--li-accent-green:#38bdf8;--li-bg:#020210;--li-bg-soft:#0a0a1a;--li-white:#0f1024;--li-surface-muted:#141528;--li-border:#a78bfa24;--li-border-strong:#fbbf2459;--li-text:#e8eaf6;--li-text-muted:#94a3b8;--li-shadow:0 4px 24px #0000008c;--li-shadow-lg:0 8px 40px #6366f124;--theme-banner:linear-gradient(125deg, #020210 0%, #312e81 38%, #fbbf24 100%);--theme-backdrop:radial-gradient(ellipse 90% 55% at 50% 0%, #6366f11f, transparent 55%), radial-gradient(ellipse 70% 45% at 85% 75%, #fbbf240f, transparent 50%)}[data-theme=galaxy] .site-header{background:#020210eb;border-bottom-color:#a78bfa38}[data-theme=galaxy] .site-footer{background:#0a0a1aeb}[data-theme=galaxy] .brand-mark{background:linear-gradient(135deg,#6366f1,#fbbf24)}[data-theme=galaxy] .btn-primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}[data-theme=galaxy] .btn-secondary{color:#fbbf24;border-color:#fbbf2473}[data-theme=galaxy] .nav-link.active{color:#fbbf24;border-bottom-color:#fbbf24}.galaxy-fx-portal{z-index:82;pointer-events:none;position:fixed;inset:0;overflow:hidden}.galaxy-fullscreen-spiral{filter:blur(10px);opacity:.78;will-change:transform;background:radial-gradient(circle,#ffebbe33 0%,#c8aaff1a 14%,#0000 42%),repeating-conic-gradient(#0000 0deg 16deg,#a08cff14 16deg 18deg,#0000 18deg 56deg,#ffdcaa12 56deg 58deg,#0000 58deg 90deg),radial-gradient(90% 40%,#7864dc1f 0%,#0000 70%);width:220vmax;height:220vmax;animation:75s linear infinite galaxy-full-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.galaxy-fullscreen-spiral--reverse{opacity:.5;filter:blur(14px);background:radial-gradient(circle at 48% 52%,#ffc8781f 0%,#0000 34%),repeating-conic-gradient(from 45deg,#0000 0deg 22deg,#648cff0f 22deg 24deg,#0000 24deg 72deg);animation:110s linear infinite galaxy-full-rotate-reverse}.galaxy-core-glow{filter:blur(20px);background:radial-gradient(circle,#fff4d638 0%,#c8aaff1f 28%,#6366f10f 52%,#0000 72%);width:min(55vw,420px);height:min(55vw,420px);animation:8s ease-in-out infinite alternate galaxy-core-pulse;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@keyframes galaxy-core-pulse{0%{opacity:.65;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes galaxy-full-rotate{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}to{transform:translate(-50%,-50%)rotate(360deg)scale(1.06)}}@keyframes galaxy-full-rotate-reverse{0%{transform:translate(-50%,-50%)rotate(360deg)scale(1.04)}to{transform:translate(-50%,-50%)rotate(0)scale(1)}}.galaxy-milky-band{filter:blur(18px);opacity:.85;background:linear-gradient(118deg,#0000 18%,#b4beff0a 32%,#fff0d214 46%,#c8b4ff0f 58%,#0000 72%);animation:60s ease-in-out infinite alternate galaxy-band-drift;position:absolute;inset:-10%}.galaxy-vignette{background:radial-gradient(#0000 28%,#0101087a 100%);position:absolute;inset:0}.galaxy-sun-glare{filter:blur(2px);mix-blend-mode:screen;background:radial-gradient(circle,#fffcf08c 0%,#ffd25a47 18%,#ff8c321f 38%,#ff50140a 58%,#0000 75%);width:min(38vw,320px);height:min(38vw,320px);animation:42s linear infinite galaxy-sun-orbit,9s ease-in-out infinite alternate galaxy-sun-pulse;position:absolute}@keyframes galaxy-sun-orbit{0%{top:6%;left:4%}20%{top:12%;left:72%}40%{top:58%;left:88%}60%{top:78%;left:48%}80%{top:42%;left:6%}to{top:6%;left:4%}}@keyframes galaxy-sun-pulse{0%{opacity:.75;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}.galaxy-nebula{filter:blur(48px);mix-blend-mode:screen;opacity:.55;will-change:transform, opacity;border-radius:50%;position:absolute}.galaxy-nebula-a{background:radial-gradient(#6366f12e 0%,#312e810f 45%,#0000 70%);width:min(70vw,560px);height:min(45vw,340px);animation:38s ease-in-out infinite alternate galaxy-nebula-drift-a;top:12%;left:-6%}.galaxy-nebula-b{background:radial-gradient(#a78bfa24 0%,#4c1d950d 50%,#0000 72%);width:min(55vw,420px);height:min(40vw,300px);animation:44s ease-in-out infinite alternate galaxy-nebula-drift-b;bottom:14%;right:-4%}@keyframes galaxy-band-drift{0%{opacity:.7;transform:rotate(-2deg)scale(1)}to{opacity:.95;transform:rotate(1deg)scale(1.04)}}.galaxy-shooting-star{width:var(--star-length,100px);height:2px;transform:rotate(var(--star-angle,-25deg));transform-origin:0;filter:drop-shadow(0 0 6px #fffc);animation:galaxy-shoot var(--star-duration,.7s) ease-out forwards;opacity:0;pointer-events:none;background:linear-gradient(90deg,#fffffff2 0%,#c8dcff80 35%,#0000 100%);border-radius:999px;position:absolute}@keyframes galaxy-shoot{0%{opacity:0;transform:rotate(var(--star-angle,-25deg)) translateX(0) scaleX(.2)}8%{opacity:1}to{opacity:0;transform:rotate(var(--star-angle,-25deg)) translateX(140px) scaleX(1)}}@keyframes galaxy-nebula-drift-a{0%{opacity:.45;transform:translate(0)scale(1)}to{opacity:.62;transform:translate(4%,3%)scale(1.08)}}@keyframes galaxy-nebula-drift-b{0%{opacity:.4;transform:translate(0)scale(1.02)}to{opacity:.58;transform:translate(-5%,-2%)scale(1.1)}}@keyframes galaxy-nebula-drift-c{0%{opacity:.35;transform:translate(0)scale(.98)}to{opacity:.5;transform:translate(3%,-4%)scale(1.06)}}@keyframes galaxy-dust-twinkle{0%{opacity:.5}to{opacity:.75}}.theme-picker{flex-shrink:0;position:relative}.theme-picker-trigger{border:1px solid var(--li-border);background:linear-gradient(180deg, var(--li-white) 0%, var(--li-surface-muted) 100%);min-width:0;color:var(--li-text);cursor:pointer;box-shadow:var(--li-shadow);border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 8px;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.theme-picker-trigger:hover{border-color:var(--li-border-strong);box-shadow:var(--li-shadow-lg)}.theme-picker-trigger:focus-visible{border-color:var(--li-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--li-blue) 22%, transparent);outline:none}.theme-picker.open .theme-picker-trigger{border-color:var(--li-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--li-blue) 18%, transparent)}.theme-picker-swatches{background:color-mix(in srgb, var(--li-border) 40%, transparent);border-radius:999px;gap:3px;padding:3px 4px;display:inline-flex}.theme-picker-swatch{border:1px solid #0000001f;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px 1px #ffffff40}.theme-picker-trigger-text{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.theme-picker-trigger-label{white-space:nowrap;font-size:13px;font-weight:700;line-height:1.2}.theme-picker-trigger-hint{letter-spacing:.04em;text-transform:uppercase;color:var(--li-text-muted);font-size:10px;font-weight:600;line-height:1}.theme-picker-chevron{opacity:.55;background:currentColor;flex-shrink:0;width:16px;height:16px;margin-left:2px;transition:transform .22s,opacity .2s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat}.theme-picker.open .theme-picker-chevron{opacity:.85;transform:rotate(180deg)}.theme-picker-menu{z-index:220;border:1px solid var(--li-border);background:color-mix(in srgb, var(--li-white) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(300px,100vw - 24px);box-shadow:var(--li-shadow-lg);opacity:0;visibility:hidden;transform-origin:100% 0;border-radius:14px;padding:8px;transition:opacity .2s,transform .22s cubic-bezier(.2,.8,.2,1),visibility .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)scale(.98)}.theme-picker.open .theme-picker-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.theme-picker-menu-title{letter-spacing:.06em;text-transform:uppercase;color:var(--li-text-muted);margin:4px 10px 8px;font-size:11px;font-weight:700}.theme-picker-option{width:100%;color:var(--li-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:background .15s,border-color .15s,transform .12s;display:flex}.theme-picker-option:hover{background:color-mix(in srgb, var(--li-blue) 8%, var(--li-surface-muted));border-color:color-mix(in srgb, var(--li-border) 80%, transparent)}.theme-picker-option.selected{background:color-mix(in srgb, var(--li-blue) 12%, var(--li-surface-muted));border-color:color-mix(in srgb, var(--li-blue) 35%, var(--li-border))}.theme-picker-option-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.theme-picker-option-label{font-size:14px;font-weight:700;line-height:1.2}.theme-picker-option-tagline{color:var(--li-text-muted);font-size:11px;line-height:1.35}.theme-picker-check{background:var(--li-blue);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}@media (width<=768px){.theme-picker-trigger-text{display:none}.theme-picker-trigger{padding:8px 10px}.theme-picker-menu{width:min(280px,100vw - 20px);right:-8px}}@media (prefers-reduced-motion:reduce){.theme-picker-menu,.theme-picker-chevron,.theme-picker-trigger,.theme-picker-option{transition:none}.theme-picker.open .theme-picker-menu{transform:none}html[data-thor-rumble="1"] .app-shell--3d,html[data-thor-rumble="1"] .login-page--3d{animation:none}.thor-strike{opacity:.4;animation:none}}