@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700;800;900&display=swap";.ui-modal-overlay{z-index:1000;background:#0f0a1e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ui-modal-dialog{background:var(--ui-modal-bg,#fff);color:var(--ui-modal-fg,#1e1338);border-radius:12px;outline:none;max-width:min(640px,100%);max-height:90vh;padding:24px;overflow-y:auto}.ui-confirm-dialog-type{flex-direction:column;gap:6px;margin:12px 0;display:flex}.ui-confirm-dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.ui-confirm-dialog-danger{color:#fff;background:#b91c1c}.ui-toast-stack{z-index:1100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.ui-toast{color:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 4px 12px #0003}.ui-toast button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.ui-toast-info{background:#1e1338}.ui-toast-success{background:#047857}.ui-toast-error{background:#b91c1c}.ui-progress-bar-track{background:#7c3aed26;border-radius:4px;width:100%;height:8px;overflow:hidden}.ui-progress-bar-fill{background:#7c3aed;height:100%;transition:width .3s}.ui-progress-bar-label{opacity:.75;font-size:.8rem}.ui-skeleton{background:linear-gradient(90deg,#7c3aed14 25%,#7c3aed26 37%,#7c3aed14 63%) 0 0/400% 100%;border-radius:4px;margin-bottom:8px;animation:1.4s infinite ui-skeleton-shimmer}.ui-skeleton-card{pointer-events:none;flex-direction:column;gap:8px;display:flex}@keyframes ui-skeleton-shimmer{0%{background-position:100%}to{background-position:0}}:root{--bg-app:var(--color-bg);--bg-surface:var(--color-surface);--bg-surface-hover:var(--color-card);--bg-input:var(--color-surface);--bg-subtle:var(--color-muted);--bg-pill:var(--color-secondary);--bg-pill-light:var(--color-accent);--border-default:var(--color-border);--border-subtle:var(--color-muted);--border-card:var(--color-border);--border-card-hover:var(--color-border-strong);--border-active:var(--color-primary);--border-accent:var(--color-primary);--text-primary:var(--color-foreground);--text-secondary:var(--color-foreground);--text-muted:var(--color-muted-foreground);--text-dim:var(--color-muted-foreground);--accent-primary:var(--color-primary);--accent-primary-hover:var(--color-primary-hover);--accent-blue:var(--color-primary);--accent-blue-hover:var(--color-primary-hover);--accent-blue-subtle:var(--color-accent);--status-accepted-bg:#0092591a;--status-accepted-border:#0092594d;--status-accepted-text:var(--color-success);--status-review-bg:#d389001a;--status-review-border:#d389004d;--status-review-text:var(--color-warning);--status-rejected-bg:#b91c1c1a;--status-rejected-border:#b91c1c4d;--status-rejected-text:#b91c1c;--shadow-xs:var(--shadow-soft);--shadow-card:var(--shadow-card);--shadow-card-hover:0 20px 40px #8241bf29;--shadow-modal:0 24px 60px #30183b33;font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-bg);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg-app);color:var(--text-secondary);min-width:320px;margin:0}.web-home{max-width:1440px;min-height:100vh;margin:0 auto;padding:52px 64px 96px}.web-header{justify-content:space-between;align-items:center;height:72px;margin-bottom:36px;display:flex}.wordmark{letter-spacing:-.025em;color:var(--text-primary);text-transform:none;align-items:center;gap:16px;font-family:Noto Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:26px;font-weight:800;line-height:1;display:flex}.brand-logo{object-fit:contain;border-radius:14px;flex-shrink:0;width:50px;height:50px;box-shadow:0 4px 12px #24144214}.wordmark-text{flex-direction:column;font-family:Noto Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.wordmark span{color:var(--text-muted);letter-spacing:0;text-transform:none;margin-top:5px;font-family:Noto Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;display:block}.web-header-actions{align-items:center;gap:16px;display:flex}.web-header-user{color:var(--text-muted);font-size:14px;font-weight:600}.web-header-logout{border:1px solid var(--border-default);background:var(--bg-surface);height:38px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.web-header-logout:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:#ef4444}.web-search{border:1px solid var(--border-default);background:var(--bg-surface);height:68px;box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:16px;padding:0 24px;transition:border-color .2s,box-shadow .2s;display:flex}.web-search:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 4px #7c3aed1a}.search-icon{color:var(--accent-blue);flex-shrink:0;align-items:center;display:flex}.web-search input{color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:400}.web-search input::placeholder{color:var(--text-dim)}.clear-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.clear-button:hover{background:var(--bg-subtle);color:var(--text-primary)}.filter-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .15s,color .15s;display:flex}.filter-button:hover{background:var(--bg-subtle);color:var(--text-primary)}.search-submit{cursor:pointer;transition:transform .15s,background .15s;box-shadow:0 2px 6px #24144226;background:var(--accent-primary)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:12px 26px!important;font-size:14.5px!important;font-weight:600!important}.search-submit:hover{transform:translateY(-1px);background:var(--accent-primary-hover)!important}.web-grid{grid-template-columns:minmax(0,1fr) 330px;gap:44px;margin-top:36px;display:grid}.web-feed{min-width:0}.web-tabs{border:1px solid var(--border-default);background:var(--bg-subtle);border-radius:14px;align-items:center;gap:5px;width:max-content;height:52px;padding:5px;display:flex}.web-tabs button{height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.web-tabs button:hover{color:var(--text-primary)}.web-tabs button.active{background:var(--bg-surface);color:var(--text-primary);font-weight:700;box-shadow:0 2px 8px #24144214}.web-tabs b{color:#5b21b6;background:#ddd6fe;border-radius:7px;padding:3px 9px;font-size:12px;font-weight:600;transition:all .15s}.web-tabs button.active b{background:var(--accent-primary);color:#fff}.feed-title{align-items:baseline;gap:14px;margin:32px 0 20px;display:flex}.feed-title h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.feed-title span{color:var(--text-muted);font-size:14px}.issue-feed{flex-direction:column;gap:20px;display:flex}.issue-card{border:1px solid var(--border-card);background:var(--bg-surface);cursor:pointer;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;justify-content:center;width:100%;padding:28px 34px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.issue-card:hover{background:var(--bg-surface);border-color:var(--border-card-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2.5px)}.issue-card-title{color:var(--text-primary);letter-spacing:-.02em;word-break:break-word;margin:0 0 8px;font-size:18.5px;font-weight:700;line-height:1.45}.issue-card-repo{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:22px;font-size:13.5px;display:flex}.issue-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.pill-group-left,.pill-group-middle,.pill-group-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill-group-middle{margin-left:auto}.pill{white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;display:inline-flex}.pill.purple{border:1px solid var(--border-default);color:var(--text-secondary);background:#f7f6fb;font-weight:500}.pill.light{color:#6d28d9;background:#f3effc;border:1px solid #ddd6fe;font-weight:600}.pill.status-pill.accepted{background:var(--status-accepted-bg)!important;border:1px solid var(--status-accepted-border)!important;color:var(--status-accepted-text)!important;font-weight:700!important}.pill.status-pill.rejected{background:var(--status-rejected-bg)!important;border:1px solid var(--status-rejected-border)!important;color:var(--status-rejected-text)!important;font-weight:700!important}.pill.status-pill.review{background:var(--status-review-bg)!important;border:1px solid var(--status-review-border)!important;color:var(--status-review-text)!important;font-weight:700!important}.language-mark{object-fit:contain;vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.language-mark.text-mark{color:var(--accent-blue);width:auto;height:auto;margin-right:2px;font-size:11px;font-weight:800;line-height:1}.view-issue-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:13.5px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 4px #24144214}.view-issue-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.save-icon-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:0;justify-content:center;align-items:center;padding:6px 8px;font-size:20px;transition:transform .15s,color .15s;display:inline-flex}.save-icon-btn:hover{color:var(--accent-blue);transform:scale(1.15)}.save-icon-btn.saved{color:var(--accent-blue)}.empty-feed{background:var(--bg-surface);border:1px dashed var(--border-default);text-align:center;color:var(--text-muted);border-radius:16px;padding:64px 28px;font-size:15px}.web-profile{border:1px solid var(--border-card);background:var(--bg-surface);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;align-self:start;padding:34px 26px;display:flex;position:sticky;top:40px}.web-profile .avatar{object-fit:cover;border:3px solid #ddd6fe;border-radius:50%;width:86px;height:86px;margin:0 auto 16px;display:block;box-shadow:0 4px 14px #24144214}.web-profile h2{text-align:center;color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.profile-handle,.profile-quote{text-align:center;color:var(--text-muted);margin:2px 0;font-size:13px}.profile-quote{color:var(--text-dim);margin-top:5px;font-size:12px}.profile-section{margin-top:26px;position:relative}.profile-section label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11.5px;font-weight:700;display:flex}.edit-button{color:var(--accent-blue);cursor:pointer;background:0 0;border:0;align-items:center;padding:3px;transition:transform .15s,color .15s;display:inline-flex}.edit-button:hover{color:var(--accent-blue-hover);transform:scale(1.15)}.profile-chips{flex-wrap:wrap;gap:8px;display:flex}.profile-chips span{color:#6d28d9;white-space:nowrap;background:#f3effc;border:1px solid #ddd6fe;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #24144205}.profile-editor{background:var(--bg-app);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:12px;margin-top:14px;padding:16px;display:flex}.editor-label{color:var(--text-muted);font-size:11px;font-weight:700}.profile-editor textarea,.profile-editor input,.profile-editor select{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:13.5px;transition:border-color .15s}.profile-editor textarea:focus,.profile-editor input:focus,.profile-editor select:focus{border-color:var(--accent-blue)}.editor-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.cancel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:13px}.cancel-btn:hover{color:var(--text-primary)}.profile-level{margin-top:auto;padding-top:28px}.profile-level-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:9px;font-size:13px;font-weight:700;display:flex}.profile-level-bar{background:#ede9f6;border-radius:5px;height:10px;overflow:hidden}.profile-level-fill{background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);border-radius:4px;height:100%;transition:width .3s}.web-modal-card{overscroll-behavior:contain;background:var(--bg-surface);border:1px solid var(--border-default);width:min(820px,94vw);max-height:85vh;box-shadow:var(--shadow-modal);border-radius:22px;padding:42px;position:relative;overflow-y:auto}.modal-close{border:1px solid var(--border-default);background:var(--bg-app);color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{background:var(--border-default);color:var(--text-primary)}.modal-header-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.back-link{color:var(--accent-blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.back-link:hover{color:var(--accent-blue-hover)}.difficulty{text-transform:uppercase;letter-spacing:.5px;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:700}.difficulty.beginner{background:var(--status-accepted-bg);color:var(--status-accepted-text);border:1px solid var(--status-accepted-border)}.difficulty.intermediate{background:var(--status-review-bg);color:var(--status-review-text);border:1px solid var(--status-review-border)}.difficulty.advanced{background:var(--status-rejected-bg);color:var(--status-rejected-text);border:1px solid var(--status-rejected-border)}.modal-title{color:var(--text-primary);letter-spacing:-.02em;margin:12px 0;font-size:24px;font-weight:800;line-height:1.4}.modal-meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px;font-size:13.5px;display:flex}.detail-body{background:var(--bg-app);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:14px;margin-bottom:26px;padding:26px;font-size:14.5px;line-height:1.75;overflow-x:auto}.detail-body pre{color:#f7f6fb;background:#181126;border:1px solid #2e1e48;border-radius:10px;padding:18px 20px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;overflow-x:auto}.detail-body code{color:#6d28d9;background:#ede9f6;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px}.detail-body pre code{color:inherit;background:0 0;padding:0}.detail-body.loading{color:var(--text-muted);text-align:center;font-style:italic}.empty-body{color:var(--text-muted);text-align:center;margin:0}.atom-row{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.atom{color:#6d28d9;background:#f3effc;border:1px solid #ddd6fe;border-radius:7px;padding:5px 12px;font-size:12.5px;font-weight:600}.modal-actions{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:22px;display:flex}.github-link{color:var(--text-primary);background:var(--bg-app);border:1px solid var(--border-default);border-radius:9px;align-items:center;gap:7px;padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.github-link:hover{background:var(--border-default)}.desktop-app-button{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:9px;padding:12px 26px;font-size:14px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 2px 6px #2414421f;background:var(--accent-primary)!important;color:#fff!important}.desktop-app-button:hover{transform:translateY(-1px);background:var(--accent-primary-hover)!important}.center{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.login-card{background:var(--bg-surface);border:1px solid var(--border-default);width:min(480px,92vw);box-shadow:var(--shadow-modal);text-align:center;border-radius:20px;padding:46px 42px}.login-title{color:var(--text-primary);letter-spacing:-.02em;margin:22px 0 10px;font-size:24px;font-weight:800}.login-desc{color:var(--text-muted);margin-bottom:28px;font-size:13.5px;line-height:1.6}.login-desc code{background:var(--bg-app);color:var(--accent-blue);border-radius:5px;padding:2px 7px}.login-form{flex-direction:column;gap:16px;display:flex}.login-input{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:9px;outline:none;padding:13px 18px;font-size:14px;transition:border-color .15s}.login-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #7c3aed1a}.login-error{color:var(--status-rejected-text);text-align:left;margin:0;font-size:13px}.login-btn{width:100%;padding:13px!important;font-size:14.5px!important}.loading-text{color:var(--text-muted);font-size:15px;font-weight:500}.oauth-github-btn{color:#fff;cursor:pointer;background:#181717;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 20px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #1817171f}.oauth-github-btn:hover:not(:disabled){background:#2b2828;transform:translateY(-1px);box-shadow:0 6px 16px #18171733}.oauth-github-btn:disabled{opacity:.7;cursor:not-allowed}.oauth-github-btn .github-icon{flex-shrink:0}.auth-divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:22px 0 16px;font-size:12px;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-default);flex:1}.auth-divider span{padding:0 14px}.token-toggle-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.token-toggle-btn:hover{background:var(--bg-pill-light);color:var(--accent-blue-hover);text-decoration:underline}.login-hint{color:var(--text-muted);text-align:left;margin:-4px 0 0;font-size:12px}.login-hint code{background:var(--bg-app);color:var(--accent-blue);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace}.auth-alert-box{background:var(--status-rejected-bg);border:1px solid var(--status-rejected-border);color:var(--status-rejected-text);text-align:left;border-radius:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;line-height:1.45}.logout-button{border:1px solid var(--border-default);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.logout-button:hover{background:var(--status-rejected-bg);border-color:var(--status-rejected-border);color:var(--status-rejected-text)}.difficulty-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.difficulty-tab{border:1px solid var(--border-default);background:var(--bg-surface);height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.difficulty-tab:hover{background:var(--bg-subtle);border-color:var(--border-card-hover);color:var(--text-primary)}.difficulty-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 6px #24144226}.difficulty-tab.beginner.active{background:#059669;border-color:#059669}.difficulty-tab.intermediate.active{background:#d97706;border-color:#d97706}.difficulty-tab.advanced.active{background:#dc2626;border-color:#dc2626}.pagination{justify-content:center;align-items:center;gap:16px;margin:36px 0 16px;padding:12px 0;display:flex}.pagination-btn{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:9px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-card-hover)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{color:var(--text-muted);font-size:13.5px;font-weight:600}.pill.match{color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;background:#f5f3ff;border:1px solid #ddd6fe;font-size:11px;font-weight:700}.pref-search-input{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;margin-top:4px;padding:8px 12px;font-size:12.5px}.pref-chips-container{background:var(--bg-pill-light);border:1px solid var(--border-default);border-radius:10px;flex-wrap:wrap;gap:6px;max-height:150px;margin-top:6px;padding:10px;display:flex;overflow-y:auto}.pref-chip{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.pref-chip:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.pref-chip.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.guest-avatar-icon{background:var(--bg-subtle);border:2px solid var(--border-default);width:72px;height:72px;color:var(--accent-blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.guest-card-box{background:var(--bg-pill-light);border:1px solid var(--border-default);text-align:left;border-radius:12px;margin-top:20px;padding:16px}.guest-card-box h4{color:var(--text-primary);margin:0 0 6px;font-size:13px;font-weight:700}.guest-card-box p{color:var(--text-muted);margin:0 0 12px;font-size:12px;line-height:1.4}.guest-sign-in-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #24144226}.guest-sign-in-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.ui-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-modal-dialog.login-modal-wrapper{box-shadow:none;background:0 0;border-radius:0;width:100%;max-width:480px;padding:0;overflow:visible}.login-modal-close{background:var(--bg-app);border:1px solid var(--border-default);width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.search-results-container{flex-direction:column;gap:20px;display:flex}.search-category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.search-category-tab{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.search-category-tab:hover{border-color:var(--border-card-hover);color:var(--text-primary)}.search-category-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.search-category-badge{background:var(--bg-subtle);color:var(--text-secondary);border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.search-category-tab.active .search-category-badge{color:#fff;background:#fff3}.search-category-section{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.search-category-header{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.search-category-title{align-items:center;gap:8px;display:flex}.category-header-icon{color:var(--accent-blue);align-items:center;display:flex}.search-category-title h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.category-header-count{background:var(--bg-subtle);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.category-expand-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.category-expand-btn:hover{background:var(--accent-blue-subtle);text-decoration:underline}.category-footer{justify-content:center;margin-top:8px;margin-bottom:8px;display:flex}.category-toggle-more-btn{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:20px;align-items:center;gap:8px;padding:8px 22px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.category-toggle-more-btn:hover{background:var(--bg-subtle);border-color:var(--border-card-hover);color:var(--accent-blue);transform:translateY(-1px)}@media (width<=980px){.web-home{padding:32px 28px 64px}.web-grid{grid-template-columns:1fr;gap:32px}.web-profile{width:100%}}@media (width<=580px){.web-home{padding:24px 18px 48px}.web-search{gap:10px;height:60px;padding:0 16px}.web-search input{font-size:14px}.filter-button{display:none}.search-submit{padding:9px 18px!important;font-size:13px!important}.web-tabs{max-width:100%;overflow-x:auto}.issue-card{padding:20px 22px}.issue-card-bottom{flex-direction:column;align-items:flex-start}.pill-group-middle{margin-left:0}}.landing-container{flex-direction:column;gap:80px;width:100%;max-width:1240px;margin:0 auto;padding:30px 24px 80px;display:flex;position:relative;overflow:hidden}.landing-ambient-glow{pointer-events:none;filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.glow-top{background:radial-gradient(circle,#7c3aed26 0%,#7c3aed00 70%);width:700px;height:400px;top:-100px;left:50%;transform:translate(-50%)}.glow-bottom{background:radial-gradient(circle,#6366f11a 0%,#6366f100 70%);width:600px;height:500px;bottom:100px;right:-100px}.landing-hero{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:40px 0 20px;display:flex;position:relative}.landing-badge{background:var(--bg-surface);border:1px solid var(--border-card-hover);color:var(--accent-blue);border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #7c3aed14}.badge-sparkle{color:#f59e0b}.landing-title{letter-spacing:-.035em;color:var(--text-primary);margin:0 0 22px;font-size:54px;font-weight:900;line-height:1.12}.text-gradient{background:linear-gradient(135deg,#1e1338 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-purple{color:var(--accent-blue)}.landing-subtitle{color:var(--text-muted);max-width:720px;margin:0 0 36px;font-size:19px;font-weight:450;line-height:1.6}.landing-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:54px;display:flex}.landing-btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #24144240}.landing-btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 10px 25px #2414424d}.landing-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-card-hover);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:12px;align-items:center;gap:9px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.landing-btn-secondary:hover{background:var(--bg-subtle);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}.btn-icon-flame{color:#f97316}.landing-btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.landing-btn-ghost:hover{color:var(--accent-blue)}.landing-highlights-strip{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:18px;justify-content:space-around;align-items:center;width:100%;padding:22px 32px;display:flex;box-shadow:0 10px 30px #1e13380a}.highlight-item{flex-direction:column;align-items:center;gap:4px;display:flex}.highlight-number{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:800}.highlight-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.highlight-divider{background:var(--border-default);width:1px;height:36px}.landing-flow-section{z-index:1;flex-direction:column;gap:36px;display:flex;position:relative}.section-header{text-align:center;max-width:640px;margin:0 auto}.section-pill{background:var(--bg-subtle);color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.section-title{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 12px;font-size:34px;font-weight:800}.section-desc{color:var(--text-muted);margin:0;font-size:16px;line-height:1.6}.flowchart-3d-stage{perspective:1200px;cursor:grab;-webkit-user-select:none;user-select:none;padding:40px 16px}.flowchart-3d-container{transform-style:preserve-3d;flex-direction:column;align-items:center;gap:30px;display:flex;position:relative}.flowchart-nodes-row{width:100%;transform-style:preserve-3d;justify-content:center;align-items:center;gap:14px;display:flex}.flow-node-card{background:var(--bg-surface);border:1px solid var(--border-default);max-width:250px;min-height:230px;transform-style:preserve-3d;cursor:pointer;border-radius:18px;flex-direction:column;flex:1;align-items:flex-start;padding:24px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateZ(30px);box-shadow:0 16px 36px #1e13380f,0 2px 6px #1e133808}.flow-node-card:hover,.flow-node-card.active{border-color:var(--accent-blue);transform:translateZ(55px)translateY(-8px);box-shadow:0 24px 48px #7c3aed26,0 4px 12px #7c3aed14}.flow-node-card.active{background:linear-gradient(#fff 0%,#faf8ff 100%)}.node-glow-ring{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0,#7c3aed33,#0000 70%);border-radius:18px;transition:opacity .25s;position:absolute;inset:-1px}.flow-node-card:hover .node-glow-ring,.flow-node-card.active .node-glow-ring{opacity:1}.node-step-tag{letter-spacing:.08em;color:var(--accent-blue);margin-bottom:14px;font-size:11px;font-weight:800}.node-icon-wrapper{background:var(--bg-subtle);width:44px;height:44px;color:var(--accent-blue);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;transition:all .2s;display:flex}.flow-node-card:hover .node-icon-wrapper,.flow-node-card.active .node-icon-wrapper{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.node-title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:800}.node-short-desc{color:var(--text-muted);flex:1;margin:0 0 16px;font-size:12.5px;line-height:1.5}.node-status-indicator{color:var(--text-secondary);background:var(--bg-subtle);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 0 2px #10b98133}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 8px #10b98199}}.flow-connector{flex-shrink:0;align-items:center;width:32px;display:flex;position:relative;transform:translateZ(20px)}.connector-line{background:var(--border-default);border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.connector-energy-pulse{background:linear-gradient(90deg,#0000,#7c3aed,#0000);width:100%;height:100%;animation:1.8s linear infinite energyFlow;position:absolute;top:0;left:0}@keyframes energyFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.connector-arrow{color:var(--border-card-hover);position:absolute;right:-6px}.step-inspector-card{background:var(--bg-surface);border:1px solid var(--border-card-hover);border-radius:20px;grid-template-columns:1.1fr 1fr;gap:36px;width:100%;padding:36px;display:grid;box-shadow:0 20px 45px #1e13380f}.inspector-left{flex-direction:column;justify-content:center;gap:12px;display:flex}.inspector-tag-row{align-items:center;gap:10px;display:flex}.inspector-tag{color:var(--accent-blue);background:var(--bg-subtle);letter-spacing:.05em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.inspector-badge{color:#10b981;background:#ecfdf5;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.inspector-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.inspector-detail{color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.inspector-actions{margin-top:12px}.inspector-action-btn{background:var(--bg-subtle);color:var(--accent-blue);border:1px solid var(--border-default);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.inspector-action-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.inspector-preview-box{color:#e2e8f0;background:#181528;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden;box-shadow:0 12px 30px #18152833}.preview-top-bar{background:#231f38;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.preview-dots{gap:6px;display:flex}.preview-dots .dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.preview-filename{color:#94a3b8;font-size:12px}.preview-content{align-items:center;min-height:160px;padding:24px 20px;font-size:13.5px;display:flex}.preview-code-view{flex-direction:column;gap:8px;width:100%;display:flex}.code-line{align-items:center;gap:8px;display:flex}.code-key{color:#c084fc;font-weight:600}.code-str{color:#86efac}.code-num{color:#93c5fd}.code-val{color:#e2e8f0;font-size:12.5px}.code-pill.beginner{color:#34d399;background:#064e3b;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.preview-match-view{flex-direction:column;gap:12px;width:100%;display:flex}.match-status-row{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.match-chips-list{flex-wrap:wrap;gap:6px;display:flex}.match-chip{color:#d8b4fe;background:#3b2c63;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.match-level-badge{color:#94a3b8;font-size:12px}.preview-terminal-view{flex-direction:column;gap:8px;width:100%;font-size:13px;display:flex}.terminal-line{align-items:center;gap:8px;display:flex}.terminal-line .prompt{color:#c084fc;font-weight:700}.terminal-line.success{color:#4ade80}.terminal-line.highlight{color:#67e8f9;font-weight:600}.terminal-line.pulse{color:#fde047;font-style:italic}.preview-xp-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.xp-card-badge{color:#34d399;background:#065f46;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:800}.xp-score-text{color:#facc15;letter-spacing:-.02em;font-size:26px;font-weight:900}.xp-level-text{color:#fff;font-size:14px;font-weight:700}.xp-badge-item{color:#d8b4fe;background:#3b2c63;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:inline-flex}.landing-values-section{z-index:1;flex-direction:column;gap:36px;display:flex;position:relative}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;flex-direction:column;gap:14px;padding:32px 28px;transition:all .2s;display:flex;box-shadow:0 10px 30px #1e13380a}.value-card:hover{border-color:var(--border-card-hover);transform:translateY(-4px);box-shadow:0 16px 40px #1e133814}.value-card.highlight-card{background:linear-gradient(#fff 0%,#faf8ff 100%);border-color:#7c3aed40;box-shadow:0 16px 40px #7c3aed14}.value-icon-box{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:6px;display:flex}.value-icon-box.purple{color:var(--accent-blue);background:#ede9f6}.value-icon-box.dark{color:#facc15;background:#241442}.value-icon-box.blue{color:#0284c7;background:#e0f2fe}.value-card h3{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:800}.value-card p{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.6}.value-bullet-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.value-bullet-list li{color:var(--text-secondary);padding-left:18px;font-size:13.5px;line-height:1.45;position:relative}.value-bullet-list li:before{content:"•";color:var(--accent-blue);font-weight:700;position:absolute;left:4px}.landing-banner-section{z-index:1;position:relative}.banner-card{color:#fff;text-align:center;background:linear-gradient(135deg,#241442 0%,#3e1e75 100%);border-radius:24px;padding:56px 44px;box-shadow:0 24px 60px #24144240}.banner-content{flex-direction:column;align-items:center;gap:16px;max-width:600px;margin:0 auto;display:flex}.banner-title{letter-spacing:-.025em;color:#fff;margin:0;font-size:36px;font-weight:900}.banner-text{color:#d8b4fe;margin:0 0 12px;font-size:17px;line-height:1.6}.banner-btn-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.banner-btn-row .landing-btn-primary{color:#241442;background:#fff;box-shadow:0 4px 16px #0003}.banner-btn-row .landing-btn-primary:hover{background:#f3e8ff;transform:translateY(-2px)}.banner-btn-row .landing-btn-secondary{color:#fff;background:#ffffff1f;border-color:#ffffff40}.banner-btn-row .landing-btn-secondary:hover{color:#fff;background:#fff3;border-color:#fff}.landing-footer{z-index:1;border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;padding-top:32px;font-size:13.5px;display:flex;position:relative}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo{border-radius:6px;width:24px;height:24px}.footer-title{color:var(--text-primary);font-weight:800}.footer-tagline{color:var(--text-dim)}.footer-links{align-items:center;gap:18px;display:flex}.footer-links button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:600;transition:color .15s}.footer-links button:hover,.footer-links a:hover{color:var(--accent-blue)}.footer-links a{color:var(--text-muted);font-weight:600;text-decoration:none}.web-header-nav{align-items:center;gap:6px;margin-left:28px;display:flex}.nav-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.nav-link-btn:hover{color:var(--text-primary);background:var(--bg-subtle)}.nav-link-btn.active{color:var(--accent-blue);background:var(--bg-subtle);border-color:var(--border-card-hover)}.paper-grid{background-image:linear-gradient(90deg,#7c3aed0d 1px,#0000 1px),linear-gradient(#7c3aed0d 1px,#0000 1px);background-size:32px 32px}.hero-halo{filter:blur(40px);background:radial-gradient(circle,#7c3aed1f 0%,#7c3aed08 45%,#0000 70%)}@keyframes float-soft{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-8px)rotate(.5deg)}}.float-soft{animation:6s ease-in-out infinite float-soft}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.pulse-dot{animation:1.8s ease-in-out infinite pulse-dot}@keyframes workspace-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workspace-step{animation:.5s cubic-bezier(.2,.8,.2,1) both workspace-enter}.shadow-card{box-shadow:0 10px 30px -5px #24144217,0 4px 12px -2px #2414420a}.shadow-soft{box-shadow:0 4px 18px #2414420f}.shadow-button{box-shadow:0 2px 8px #7c3aed40}.cq-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.cq-btn:hover{transform:translateY(-1.5px)}.cq-btn:active{transform:translateY(0)}.cq-btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 2px 10px #7c3aed4d}.cq-btn-primary:hover{background:var(--accent-blue-hover);box-shadow:0 4px 16px #7c3aed66}.cq-btn-secondary{color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs);background:#fff}.cq-btn-secondary:hover{background:var(--bg-pill-light);border-color:var(--border-card-hover)}.cq-btn-ghost{color:var(--text-muted);background:0 0}.cq-btn-ghost:hover{color:var(--text-primary);background:var(--bg-subtle)}.cq-btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}@media (width<=1024px){.cq-hero-grid{grid-template-columns:1fr!important;gap:40px!important}.cq-steps-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}@media (width<=768px){.cq-hero-title{font-size:38px!important;line-height:1.15!important}.cq-steps-grid,.cq-desktop-grid,.cq-progression-grid{grid-template-columns:1fr!important}}:root{--font-sans:"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--color-bg:#f8f5fe;--color-foreground:#30183b;--color-primary:#8241bf;--color-primary-hover:#7328ae;--color-primary-foreground:#fcfbff;--color-surface:#fefdff;--color-card:#fdfbff;--color-secondary:#e4dcf9;--color-muted:#ede9f6;--color-muted-foreground:#726581;--color-accent:#eae2ff;--color-border:#dbd4e7;--color-border-strong:#beb0d5;--color-ring:#9258cf;--color-code-bg:#1b1026;--color-code-text:#eae4fa;--color-success:#009259;--color-warning:#d38900;--color-info:#277bc6;--bg-app:var(--color-bg);--bg-surface:var(--color-surface);--bg-card:var(--color-card);--bg-subtle:var(--color-muted);--bg-pill:var(--color-secondary);--border-default:var(--color-border);--border-card:var(--color-border);--border-accent:var(--color-primary);--text-primary:var(--color-foreground);--text-muted:var(--color-muted-foreground);--accent-blue:var(--color-primary);--accent-blue-hover:var(--color-primary-hover);--radius-base:.5rem;--radius-sm:calc(.5rem - 2px);--radius-lg:calc(.5rem + 2px);--shadow-soft:0 4px 18px #30183b12;--shadow-card:0 18px 50px #8241bf1c;--shadow-button-glow:0 8px 24px #8241bf3d;--pattern-grid:#8241bf0d;--hero-halo:radial-gradient(circle at 50% 18%, #8241bf1f, transparent 70%)}body{font-family:var(--font-sans);color:var(--color-foreground);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}code,kbd,samp,pre{font-family:var(--font-mono)}.l-page{background-color:var(--color-bg);min-height:100vh;color:var(--color-foreground);font-family:var(--font-sans);line-height:1.5;position:relative;overflow-x:hidden}.l-grid-bg{background-image:linear-gradient(90deg,#8241bf0d 1px,#0000 1px),linear-gradient(#8241bf0d 1px,#0000 1px);background-size:32px 32px}.l-container{max-width:1240px;margin:0 auto;padding:0 24px}.l-header{z-index:50;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);background:#f8f5feeb;position:sticky;top:0}.l-header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.l-brand{color:var(--color-foreground);align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.l-brand-logo-img{border-radius:var(--radius-sm);object-fit:contain;width:34px;height:34px;box-shadow:var(--shadow-soft);flex-shrink:0}.l-brand-text{flex-direction:column;line-height:1.15;display:flex}.l-brand-title{letter-spacing:-.02em;color:var(--color-foreground);font-size:17px;font-weight:800}.l-brand-tagline{color:var(--color-muted-foreground);font-size:10px;font-weight:500}.l-nav{align-items:center;gap:28px;display:flex}.l-nav-link{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.l-nav-link:hover{color:var(--color-foreground)}.l-btn{border-radius:var(--radius-base);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.l-btn:hover{transform:translateY(-1.5px)}.l-btn:active{transform:translateY(0)}.l-btn-primary{background:var(--color-primary);color:var(--color-primary-foreground);box-shadow:var(--shadow-button-glow)}.l-btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 10px 28px #8241bf52}.l-btn-secondary{background:var(--color-surface);color:var(--color-foreground);border-color:var(--color-border);box-shadow:var(--shadow-soft)}.l-btn-secondary:hover{background:var(--color-accent);border-color:var(--color-border-strong)}.l-btn-ghost{color:var(--color-muted-foreground);background:0 0}.l-btn-ghost:hover{color:var(--color-foreground);background:var(--color-secondary)}.l-btn-white{color:var(--color-primary);background:#fff;box-shadow:0 8px 24px #30183b2e}.l-btn-white:hover{background:var(--color-card);color:var(--color-primary-hover)}.l-btn-outline-white{color:#fff;background:0 0;border-color:#ffffff59}.l-btn-outline-white:hover{background:#ffffff1f;border-color:#fff}.l-btn-lg{padding:12px 24px;font-size:15px}.l-mobile-btn{border-radius:var(--radius-base);border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-foreground);cursor:pointer;place-items:center;display:none}.l-mobile-menu{border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:10px;padding:16px 24px;display:none}.l-hero-section{padding:80px 0 110px;position:relative}.l-hero-halo{background:var(--hero-halo);filter:blur(40px);pointer-events:none;z-index:0;border-radius:50%;width:480px;height:480px;position:absolute;top:30px;left:20%}.l-hero-grid{z-index:10;grid-template-columns:1fr 1.12fr;align-items:center;gap:56px;display:grid;position:relative}.l-eyebrow{border:1px solid var(--color-border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);box-shadow:var(--shadow-soft);background:#fffffff2;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.l-dot{background:var(--color-primary);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite l-pulse}@keyframes l-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.l-hero-title{letter-spacing:-.03em;color:var(--color-foreground);margin:0;font-size:58px;font-weight:800;line-height:1.08}.l-highlight{color:var(--color-primary)}.l-hero-desc{color:var(--color-muted-foreground);max-width:520px;margin:24px 0 32px;font-size:17px;line-height:1.6}.l-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.l-hero-note{font-family:var(--font-mono);color:var(--color-muted-foreground);margin-top:16px;font-size:12px;font-weight:600}.l-browser-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;transition:transform .2s,box-shadow .2s;animation:6s ease-in-out infinite l-float}@keyframes l-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.l-browser-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.l-browser-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground);margin:0;font-size:11px;font-weight:700}.l-browser-subtitle{color:var(--color-foreground);margin:4px 0 0;font-size:18px;font-weight:700}.l-window-dots{gap:6px;display:flex}.l-window-dot{border-radius:50%;width:9px;height:9px}.l-browser-tabs{border-bottom:1px solid var(--color-border);gap:8px;margin-bottom:18px;padding-bottom:12px;display:flex}.l-tab-btn{border-radius:var(--radius-sm);color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.l-tab-btn:hover{color:var(--color-foreground);background:var(--color-secondary)}.l-tab-btn.active{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary);box-shadow:var(--shadow-soft)}.l-issue-list{flex-direction:column;gap:12px;display:flex}.l-issue-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;padding:16px 18px;transition:all .18s cubic-bezier(.16,1,.3,1)}.l-issue-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.l-issue-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.l-issue-repo{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.l-repo-idx{font-family:var(--font-mono);color:var(--color-muted-foreground);background:var(--color-muted);border-radius:4px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.l-issue-name{color:var(--color-foreground);margin:0;font-size:15px;font-weight:600;line-height:1.35}.l-issue-bottom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.l-tag{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-muted);color:var(--color-muted-foreground);padding:3px 8px;font-size:11px;font-weight:500}.l-level{font-family:var(--font-mono);border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:700}.l-level.success{color:var(--color-success);background:#0092591f}.l-level.info{color:var(--color-info);background:#277bc61f}.l-level.warning{color:var(--color-warning);background:#d389001f}.l-xp{font-family:var(--font-mono);color:var(--color-primary);margin-left:auto;font-size:11px;font-weight:700}.l-browser-footer{border-top:1px solid var(--color-border);font-size:12px;font-family:var(--font-mono);color:var(--color-muted-foreground);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.l-section{padding:88px 0;position:relative}.l-section-white{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.l-section-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin:0 0 12px;font-size:11px;font-weight:700}.l-section-title{letter-spacing:-.025em;color:var(--color-foreground);margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.15}.l-section-desc{color:var(--color-muted-foreground);max-width:580px;margin:0;font-size:16px;line-height:1.6}.l-why-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:56px;display:grid}.l-cards-3{gap:16px;display:grid}.l-feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);padding:24px;transition:all .2s}.l-feature-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.l-feature-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.l-feature-card-idx{font-family:var(--font-mono);color:var(--color-muted-foreground);font-size:11px;font-weight:700}.l-feature-card-title{color:var(--color-foreground);margin:0 0 6px;font-size:18px;font-weight:700}.l-feature-card-text{color:var(--color-muted-foreground);margin:0;font-size:14px;line-height:1.55}.l-steps-row{grid-template-columns:repeat(6,1fr);gap:16px;margin-top:48px;display:grid}.l-step-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);padding:20px 16px;transition:all .2s;position:relative}.l-step-item:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.l-step-badge{background:var(--color-secondary);width:28px;height:28px;color:var(--color-primary);border-radius:50%;place-items:center;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-grid}.l-step-label{font-family:var(--font-mono);color:var(--color-primary);text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:700}.l-step-text{color:var(--color-foreground);margin:0;font-size:14px;font-weight:600;line-height:1.35}.l-desktop-grid{grid-template-columns:1fr 1.25fr;align-items:center;gap:56px;display:grid}.l-desktop-downloads{flex-direction:column;gap:12px;margin-top:28px;display:flex}.l-desktop-dl-grid{flex-wrap:wrap;gap:10px;display:flex}.l-desktop-dl-btn{border-radius:var(--radius-base);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.l-desktop-release-link{font-size:12px;font-family:var(--font-mono);color:var(--color-primary);align-items:center;gap:6px;margin-top:4px;text-decoration:none;transition:color .15s;display:inline-flex}.l-desktop-release-link:hover{color:var(--color-primary-hover);text-decoration:underline}.l-release-badge{background:var(--color-secondary);color:var(--color-primary);font-family:var(--font-mono);border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.l-window-mockup{background:var(--color-code-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow:hidden}.l-window-bar{background:#241434;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.l-window-brand{color:var(--color-code-text);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.l-window-brand-logo{object-fit:contain;border-radius:4px;width:22px;height:22px}.l-window-tag{font-family:var(--font-mono);letter-spacing:.06em;background:var(--color-primary);color:#fff;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.l-window-body{grid-template-columns:180px 1fr;min-height:270px;display:grid}.l-window-sidebar{background:#ffffff08;border-right:1px solid #ffffff14;padding:18px 14px}.l-sidebar-title{font-family:var(--font-mono);text-transform:uppercase;color:#fff6;margin:0 0 12px;font-size:10px;font-weight:700}.l-sidebar-item{border-radius:var(--radius-sm);color:#ffffffa6;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;font-size:13px;display:flex}.l-sidebar-item.active{background:var(--color-primary);color:#fff;font-weight:600}.l-window-content{color:var(--color-code-text);padding:24px}.l-window-issue-repo{font-family:var(--font-mono);color:var(--color-accent);margin:0 0 6px;font-size:12px}.l-window-issue-title{color:#fff;margin:0 0 20px;font-size:18px;font-weight:700}.l-action-steps{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.l-action-step{color:#ffffffd9;align-items:center;gap:10px;font-size:13px;display:flex}.l-check-icon{color:#10b981;background:#00925940;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.l-pr-tracking{border-radius:var(--radius-sm);color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.l-pr-badge{font-family:var(--font-mono);color:#a78bfa;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.l-prog-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:56px;display:grid}.l-prog-callout{border-left:3px solid var(--color-primary);font-family:var(--font-mono);color:var(--color-muted-foreground);margin-top:20px;padding-left:16px;font-size:13px;font-weight:600;display:inline-block}.l-xp-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.l-xp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-soft);padding:24px 20px;transition:all .2s}.l-xp-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-3px)}.l-xp-bar{border-radius:9999px;width:44px;height:5px;margin-bottom:24px}.l-xp-level{font-family:var(--font-mono);color:var(--color-muted-foreground);margin:0 0 6px;font-size:11px;font-weight:700}.l-xp-num{color:var(--color-foreground);margin:0;font-size:26px;font-weight:800}.l-cta-section{background:var(--color-primary);color:#fff;text-align:center;padding:96px 0}.l-cta-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;margin:0 0 16px;font-size:11px;font-weight:700}.l-cta-title{letter-spacing:-.025em;color:#fff;margin:0 0 16px;font-size:48px;font-weight:800}.l-cta-desc{color:#ffffffe0;max-width:540px;margin:0 auto 36px;font-size:17px;line-height:1.6}.l-cta-btns{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.l-footer{color:#ffffffbf;background:#1e102d;border-top:1px solid #ffffff14;padding:40px 0}.l-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.l-footer-brand{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.l-footer-logo-img{object-fit:contain;border-radius:6px;width:26px;height:26px}.l-footer-note{font-family:var(--font-mono);color:#ffffff8c;margin:0;font-size:12px}.l-footer-link{color:#ffffffd9;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.l-footer-link:hover{color:#fff;text-decoration:underline}@media (width<=1024px){.l-hero-grid,.l-why-grid,.l-desktop-grid,.l-prog-grid{grid-template-columns:1fr;gap:40px}.l-hero-title{font-size:44px}.l-steps-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.l-nav{display:none}.l-mobile-btn{display:grid}.l-mobile-menu{display:flex}.l-hero-title{font-size:36px}.l-steps-row,.l-xp-cards,.l-window-body{grid-template-columns:1fr}.l-window-sidebar{display:none}.l-footer-inner{flex-direction:column;align-items:flex-start}}