:root{--bg-primary:#1a1b26;--bg-secondary:#24253a;--bg-tertiary:#2c2e42;--bg-hover:#363854;--text-primary:#c9d1d9;--text-secondary:#9aa4af;--text-muted:#7f8896;--accent-blue:#61afef;--accent-green:#98c379;--accent-yellow:#e5c07b;--accent-red:#e06c75;--accent-purple:#c678dd;--accent-cyan:#56b6c2;--accent-orange:#d19a66;--border-color:#313244;--surface-overlay:#24253a;--surface-input:#0a0a0f;--surface-stat:#1a3328;--border-stat:#2a4a3a;--terminal-bg:#0d1117;--terminal-text:#98c379;--terminal-prompt:#61afef;--radius:.375rem;--font-mono:"Fira Code", "SF Mono", Menlo, Monaco, "Courier New", monospace}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:.125rem solid var(--accent-blue);outline-offset:.125rem}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}[role=tabpanel],.tutorial-panel{animation:.15s ease-out both panel-fade-in}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-VF.woff2)format("woff2-variations");font-weight:300 700;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;line-height:1.5;overflow:hidden}input,button,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}::-webkit-scrollbar{width:.375rem;height:.375rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:.1875rem}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{background:var(--bg-secondary);border-bottom:.0625rem solid var(--border-color);flex-shrink:0;justify-content:center;padding:.5rem 1rem;display:flex}.header-inner{justify-content:space-between;align-items:center;width:100%;height:1.85rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.header-title-group{flex-direction:row;align-items:center;gap:.5rem;line-height:1;display:flex}.header-logo-img{width:1.75rem;height:1.75rem}.app-logo{color:var(--accent-green);letter-spacing:-.0313rem;font-size:1.125rem;font-weight:700}.header-school-badge{border-radius:var(--radius);align-items:center;gap:.25rem;padding:.125rem .5rem .125rem .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.header-school-badge .badge-text{line-height:1}.header-school-badge .badge-logo{width:.75rem;height:.75rem}.header-school-badge.badge-git{color:#d19a66;background:#d19a661f}.header-school-badge.badge-jj{color:#56b6c2;background:#56b6c21f}.app-controls{align-items:center;gap:.5rem;height:100%;display:flex}.version-badge{color:var(--text-muted);border:.0625rem solid var(--border-color);cursor:pointer;border-radius:.625rem;padding:.125rem .4375rem;font-size:.625rem;font-weight:600;transition:all .15s}.version-badge:hover{color:var(--accent-green);border-color:var(--accent-green)}.header-link{color:var(--text-muted);align-items:center;transition:color .15s;display:flex}.header-link:hover{color:var(--accent-blue)}.header-btn{border-radius:var(--radius);border:.0625rem solid var(--border-color);color:var(--text-secondary);background:0 0;align-items:center;gap:.375rem;height:100%;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;transition:all .15s;display:inline-flex}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-icon-home{stroke:var(--accent-green);opacity:.85}.header-icon-settings{color:var(--accent-blue);opacity:.85}.header-icon-about{color:var(--accent-purple);opacity:.85}.theme-btn{border-radius:var(--radius);border:.0625rem solid var(--border-color);color:var(--text-secondary);background:0 0;align-items:center;padding:.1875rem .5rem;font-size:.875rem;line-height:1;transition:all .15s;display:flex}.theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.96)translateY(.25rem)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);background:#000000bf;justify-content:center;align-items:center;animation:.12s ease-out both modal-overlay-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:.0625rem solid var(--border-color);border-radius:.625rem;width:30rem;max-width:90vw;max-height:85dvh;padding:1.5rem;animation:.12s ease-out both modal-content-in;position:relative;overflow-y:auto;box-shadow:0 1rem 3rem #0006}.modal-close{background:var(--bg-tertiary);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;transition:all .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-hero{flex-direction:row;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.modal-hero-logo{flex-shrink:0;width:2.5rem;height:2.5rem}.modal-hero-text{flex-direction:column;display:flex}.modal-hero-title{flex-direction:row;gap:.5rem;display:flex}.modal-logo{color:var(--accent-green);letter-spacing:-.0625rem;margin:0;font-size:1.75rem;font-weight:800}.modal-version{color:var(--text-muted);border:.0625rem solid var(--border-color);border-radius:.625rem;height:fit-content;padding:.0625rem .5rem;font-size:.55rem}.modal-tagline{color:var(--text-secondary);font-size:.8125rem}.modal-section{margin-bottom:1.125rem}.modal-section-title{text-transform:uppercase;letter-spacing:.0313rem;color:var(--text-secondary);margin-bottom:.5rem;font-size:.6875rem;font-weight:600}.modal-text{color:var(--text-secondary);text-align:justify;font-size:.75rem;line-height:1.5}.modal-stats{gap:.75rem;display:flex}.stat-card{background:var(--bg-tertiary);border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;padding:.625rem;display:flex}.stat-card-value{color:var(--accent-yellow);font-size:1.25rem;font-weight:700}.stat-card-label{color:var(--text-muted);text-transform:uppercase;text-align:center;margin-top:.125rem;font-size:.625rem}.modal-contact{text-align:center}.contact-text{color:var(--text-muted);font-size:.6875rem;line-height:1.6}.contact-email{color:var(--accent-blue);text-decoration:none}.contact-email:hover{text-decoration:underline}.action-btn{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.settings-modal-hero{border-bottom:.0625rem solid #7574746e;justify-content:normal;padding-bottom:1rem}.settings-reset-area{background:var(--bg-tertiary);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.settings-reset-warning{color:var(--accent-red);text-align:center;margin:0;font-size:.8125rem}.settings-reset-description{color:var(--text-secondary);text-align:center;margin:0;font-size:.75rem}.settings-reset-actions{gap:.5rem;display:flex}.action-btn.danger-solid{background:var(--accent-red);color:#fff;border:none}.action-btn.neutral{background:var(--bg-secondary);border:.0625rem solid var(--border-color);color:#a0a0a0}.action-btn.danger-outline{border:.0625rem solid var(--accent-red);color:var(--accent-red);background:0 0}.action-btn.danger-outline:hover{background:#a01d1d73}.tutorial-panel{background:var(--bg-secondary);border-bottom:.0625rem solid var(--border-color);flex-shrink:0}.tutorial-panel.collapsed{flex-shrink:0}.tutorial-panel.active{border-bottom:.0625rem solid var(--accent-blue)}.tutorial-header{color:var(--text-primary);align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:flex}.tutorial-step-indicator{color:var(--text-secondary);margin-left:auto;font-size:.6875rem}.collapse-btn{color:var(--text-muted);font-size:.625rem}.tutorial-list{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem .75rem;display:flex}.tutorial-card{background:var(--bg-tertiary);border:.0625rem solid var(--border-color);border-radius:var(--radius);cursor:pointer;width:15rem;color:inherit;align-items:flex-start;gap:.625rem;padding:.625rem .875rem;text-decoration:none;transition:all .15s;display:flex}.tutorial-card:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.tutorial-card.free-mode{opacity:.7;cursor:default}.tutorial-card.free-mode:hover{border-color:var(--border-color);background:var(--bg-tertiary)}.tutorial-icon{font-size:1.25rem}.tutorial-info{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.tutorial-title{color:var(--text-primary);justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tutorial-steps-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.625rem}.tutorial-desc{color:var(--text-secondary);flex:1;margin-top:.125rem;font-size:.6875rem}.tutorial-steps-count{color:var(--text-muted);font-size:.625rem}.tutorial-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.difficulty-badge{border:.0625rem solid;border-radius:.625rem;padding:.0625rem .4375rem;font-size:.625rem;font-weight:600;line-height:1.5;display:inline-block}.completed-badge{color:var(--accent-green);border:.0625rem solid var(--accent-green);border-radius:.625rem;margin-left:auto;padding:.0625rem .375rem;font-size:.625rem;font-weight:600;line-height:1.5}.tutorial-card.completed{opacity:.85;border-color:#7cf37857}.tutorial-guide{background:var(--bg-tertiary);border:.0625rem solid var(--border-color);border-radius:var(--radius);width:100%;margin-bottom:.25rem;padding:.625rem .875rem}.tutorial-guide strong{color:var(--accent-yellow);font-size:.8125rem}.tutorial-guide p{color:var(--text-secondary);margin-top:.25rem;font-size:.6875rem;line-height:1.6}.tutorial-guide kbd{font-size:.6875rem;font-family:var(--font-mono);color:var(--accent-green);background:var(--bg-primary);border:.0625rem solid var(--border-color);border-radius:.1875rem;padding:.0625rem .3125rem;display:inline-block}.tutorial-content{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.tutorial-body{flex:1;padding:1rem;position:relative;overflow-y:auto}.tutorial-footer{border-top:.0625rem solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;padding:.5rem 1rem}.footer-actions{justify-content:flex-end;gap:.5rem;display:flex}.footer-btn{border-radius:var(--radius);border:.0625rem solid var(--border-color);cursor:pointer;padding:.3125rem .875rem;font-size:.6875rem;font-weight:600;transition:all .15s}.footer-btn.primary{background:var(--accent-blue);color:var(--bg-primary)}.footer-btn.primary:hover{opacity:.9}.footer-btn.secondary{color:var(--text-secondary);border:.0625rem solid var(--border-color);background:0 0}.footer-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.footer-btn.danger{color:#b8565e;background:0 0;border:.0625rem solid #b8565e}.footer-btn.danger:hover{background:var(--accent-red);color:var(--bg-primary)}.tutorial-progress-bar{background:var(--bg-tertiary);height:.1875rem;margin-bottom:.625rem}.tutorial-progress-fill{background:var(--accent-green);height:100%;transition:width .3s}.tutorial-concepts{background:var(--bg-tertiary);border-radius:var(--radius);border:.0625rem solid #3a72c5bd;margin:0 2rem 1rem;padding:.5rem .625rem}.concepts-title{text-transform:uppercase;letter-spacing:.0313rem;color:var(--accent-blue);margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.concept-item{gap:.375rem;padding:.1875rem 0;font-size:.6875rem;line-height:1.5;display:flex}.concept-term{color:var(--accent-yellow);white-space:nowrap;flex-shrink:0;font-weight:700}.concept-explanation{color:var(--text-secondary);white-space:pre-wrap}.tutorial-story{background:var(--bg-tertiary);border-radius:var(--radius);border:.0625rem solid var(--border-color);margin-bottom:.75rem;padding:.5rem .625rem}.story-title{text-transform:uppercase;letter-spacing:.0313rem;color:var(--accent-blue);margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.story-text{color:var(--text-secondary);white-space:pre-wrap;font-size:.75rem;line-height:1.6}.tutorial-step-info{margin-bottom:.625rem}.tutorial-instruction{color:var(--accent-yellow);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.tutorial-explanation{color:var(--text-secondary);white-space:pre-wrap;font-size:.75rem;line-height:1.6}.inline-code-badge{font-family:var(--font-mono);color:#dfd43bc4;border:.0625rem solid var(--border-color);white-space:nowrap;background:#1c1d29;border-radius:.25rem;padding:.0625rem .375rem;font-size:.6875rem}.tutorial-hint{background:var(--bg-tertiary);border-left:.1875rem solid var(--accent-blue);border-radius:0 var(--radius) var(--radius) 0;color:var(--accent-blue);margin-top:.5rem;padding:.375rem .625rem;font-size:.75rem}.tutorial-hint code{color:var(--accent-green)}.hint-btn{border:.0625rem solid var(--accent-yellow);background:color-mix(in srgb, var(--accent-yellow) 12%, transparent);color:var(--accent-yellow);cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;margin-top:.75rem;padding:.375rem .75rem .375rem .625rem;font-size:.75rem;font-weight:600;line-height:1.4;transition:background .15s,color .15s,transform .15s;display:inline-flex}.hint-btn:before{content:"💡";font-size:.875rem;line-height:1}.hint-btn:hover{background:var(--accent-yellow);color:var(--bg-primary);transform:translateY(-.0625rem)}.hint-hide{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:0 .375rem;font-size:.625rem;text-decoration:underline;transition:color .15s;display:inline-block}.hint-hide:hover{color:var(--text-secondary)}.tutorial-checklist{margin-bottom:.625rem}.checklist-item{color:var(--text-muted);padding:.1875rem 0 .1875rem 1rem;font-size:.75rem}.checklist-item.done{color:var(--accent-green)}.checklist-item.current{color:var(--text-primary);font-weight:600}.tutorial-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;margin-left:auto;padding:.125rem .375rem;font-size:.75rem;line-height:1}.tutorial-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.problem-goal code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:.1875rem;padding:.0625rem .25rem;font-size:.6875rem}.problem-goal-list{margin:.25rem 0;padding:0;list-style:none}.goal-include{color:var(--accent-green);padding:.125rem 0;font-size:.75rem}.goal-exclude{color:var(--accent-red);padding:.125rem 0;font-size:.75rem}.step-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.solved-label{color:var(--accent-green);font-size:.75rem}.problem-solved{border:.0625rem solid var(--accent-green);border-radius:var(--radius);margin-top:.5rem;padding:.5rem}.hint-list{margin:.375rem 0 0;padding-left:1.25rem}.hint-item{color:var(--text-secondary);padding:.1875rem 0;font-size:.75rem;line-height:1.5}.tutorial-completed-banner{z-index:10;background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:.2rem 0 2.7rem}.tutorial-completed-banner .completed-banner-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.tutorial-completed-banner .completed-icon{font-size:2.5rem}.tutorial-completed-banner .completed-title{color:var(--accent-green);font-size:1.125rem;font-weight:700}.tutorial-completed-banner .completed-close{background:var(--bg-tertiary);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;transition:all .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.tutorial-completed-banner .completed-close:hover{background:var(--bg-hover);color:var(--text-primary)}.completed-step{border-bottom:1px solid var(--border-color);padding:.5rem 0}.completed-step:last-child{border-bottom:none}.completed-step-heading{align-items:flex-start;gap:.5rem;display:flex}.completed-step-check{color:var(--accent-green);flex-shrink:0;margin-top:.0625rem;font-size:.875rem;font-weight:700}.completed-step-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.completed-step-explanation{color:var(--text-secondary);margin-top:.25rem;margin-left:1.375rem;font-size:.75rem;line-height:1.5}.completed-step-hint{background:var(--bg-tertiary);border-left:2px solid var(--accent-blue);border-radius:0 var(--radius) var(--radius) 0;margin-top:.375rem;margin-left:1.375rem;padding:.25rem .5rem;font-size:.75rem}.completed-step-hint code{color:var(--accent-green)}.main-content,.jj-main-content{flex:1;min-height:0;display:flex;overflow:hidden}.jj-file-panel{border-right:.0625rem solid var(--border-color);background:var(--bg-secondary);flex-direction:column;width:16.25rem;min-width:12.5rem;display:flex;overflow:hidden}.jj-log-panel{border-right:.0625rem solid var(--border-color);background:var(--bg-secondary);flex-direction:column;width:16.25rem;min-width:12.5rem;display:flex;position:relative;overflow:hidden}.log-resize-handle{cursor:col-resize;z-index:10;width:.5rem;position:absolute;top:0;bottom:0;right:-.25rem}.jj-graph-line .jj-graph-text{font-size:.65rem}.jj-graph-line .jj-graph-text .conflict-tag{color:var(--accent-yellow);font-weight:700}.jj-graph-panel{background:var(--bg-secondary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.jj-graph-content{flex:1;padding:1rem;overflow-y:auto}.jj-graph-list{font-family:var(--font-mono);font-size:.75rem;line-height:1.7}.jj-graph-line{padding:.125rem 0}.jj-graph-line.active .jj-graph-text{color:var(--accent-blue);font-weight:600}.jj-graph-line.ellipsis{color:var(--text-muted)}.jj-graph-text{color:var(--text-primary);white-space:pre}.jj-graph-tilde{color:var(--text-muted)}.left-panel{border-right:.0625rem solid var(--border-color);background:var(--bg-secondary);flex-direction:column;width:16.25rem;min-width:12.5rem;display:flex}.editor-panel{border-right:.0625rem solid var(--border-color);background:var(--bg-primary);flex-direction:column;min-width:15rem;max-width:30rem;display:flex;position:relative;overflow:hidden}.editor-header{flex-shrink:0}.editor-filename{color:var(--text-primary);font-size:.55rem;font-weight:600}.editor-close{cursor:pointer;font-size:1rem;line-height:1}.editor-textarea{resize:none;width:100%;color:var(--text-primary);font-family:var(--font-mono);tab-size:2;background:#16182c;border:none;outline:none;flex:1;padding:.75rem;font-size:.8125rem;line-height:1.5}.editor-textarea:focus{background:#1a1d38}.file-explorer{flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:.0625rem solid var(--border-color);text-transform:uppercase;letter-spacing:.0313rem;color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.6875rem;font-weight:600;display:flex}.panel-header .icon-btn{align-self:center;min-width:1.375rem;height:auto;padding:0;font-size:1rem;line-height:1}.icon-btn{width:1.375rem;height:1.375rem;color:var(--text-secondary);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.new-file-form{border-bottom:.0625rem solid var(--border-color);gap:.25rem;padding:.375rem .75rem;display:flex}.file-input{border:.0625rem solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:.25rem;outline:none;flex:1;padding:.25rem .5rem;font-size:.75rem}.file-input:focus{border-color:var(--accent-blue)}.small-btn{border:.0625rem solid var(--accent-blue);background:var(--accent-blue);color:var(--bg-primary);border-radius:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.file-list{flex:1;padding:.25rem 0;overflow-y:auto}.empty-state{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.75rem}.file-legend{border-top:.0625rem solid var(--border-color);border-bottom:.0625rem solid var(--border-color);background:#151515c9;flex-shrink:0;grid-template-columns:1fr 1fr;gap:.25rem .625rem;padding:.25rem .75rem;font-size:.625rem;display:grid}.legend-item{color:var(--text-muted);align-items:center;gap:.1875rem;display:flex}.legend-badge{border-radius:.1875rem;padding:0 .25rem;font-size:.5625rem;font-weight:700}.file-item{cursor:pointer;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;transition:background .1s;display:flex}.file-item:hover{background:var(--bg-hover)}.file-item.selected{background:var(--bg-tertiary)}.file-item.untracked .file-name{color:var(--text-muted)}.file-item.staged .file-name{color:var(--accent-green)}.file-item.modified .file-name{color:var(--accent-yellow)}.file-item.committed .file-name{color:var(--text-primary)}.file-status-dot{border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.untracked .file-status-dot{background:var(--text-muted)}.staged .file-status-dot{background:var(--accent-green)}.modified .file-status-dot{background:var(--accent-yellow)}.committed .file-status-dot{background:var(--accent-blue)}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-badge{border-radius:.1875rem;padding:0 .25rem;font-size:.5625rem;font-weight:700}.staged-badge{color:var(--accent-green)}.conflict-badge{color:var(--accent-red);font-weight:800}.modified-badge{color:var(--accent-yellow)}.untracked-badge{color:var(--text-muted)}.file-delete{opacity:0;color:var(--accent-red);background:0 0;border:none;padding:0 .125rem;font-size:.875rem;line-height:1;transition:opacity .1s}.file-item:hover .file-delete{opacity:1}.file-preview{background:var(--bg-primary);border-bottom:.0625rem solid var(--border-color);padding:.375rem .75rem .375rem 1.5rem}.file-preview pre{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:7.5rem;font-size:.6875rem;overflow-y:auto}.diff-hint{border-top:.0625rem solid var(--border-color);color:var(--accent-yellow);margin-top:.375rem;padding-top:.375rem;font-size:.625rem}.diff-preview{color:var(--text-muted);max-height:5rem;margin-top:.25rem}.center-panel{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.graph-panel{flex-direction:column;height:100%;display:flex}.graph-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:1rem;font-size:.8125rem;display:flex}.graph-empty-icon{color:var(--border-color);margin-bottom:.25rem}.graph-empty-title{color:var(--text-secondary);margin:0;font-size:.9375rem;font-weight:600}.graph-empty-hint{color:var(--text-muted);margin:0;font-size:.8125rem}.graph-empty code{background:var(--bg-tertiary);color:var(--accent-green);border-radius:.1875rem;padding:.125rem .375rem}.graph-tooltip{z-index:20;pointer-events:none;background:var(--bg-secondary);border:.0625rem solid var(--border-color);border-radius:var(--radius);min-width:9rem;max-width:15rem;padding:.5rem .625rem;font-size:.6875rem;line-height:1.45;position:absolute;transform:translate(-50%);box-shadow:0 .375rem 1.25rem #00000073}.graph-tooltip-hash{font-family:var(--font-mono);color:var(--accent-blue);font-weight:700}.graph-tooltip-wc{color:var(--text-muted);font-weight:400}.graph-tooltip-msg{color:var(--text-primary);word-break:break-word;margin-top:.125rem}.graph-tooltip-meta{color:var(--text-muted);font-family:var(--font-mono);margin-top:.125rem;font-size:.625rem}.graph-tooltip-ref{font-family:var(--font-mono);border-radius:.1875rem;margin-top:.3125rem;margin-right:.25rem;padding:.0625rem .3125rem;font-size:.625rem;display:inline-block}.graph-tooltip-ref.ref-branch{color:var(--accent-blue);background:#61afef22}.graph-tooltip-ref.ref-tag{color:var(--accent-yellow);background:#e5c07b22}.graph-tooltip-ref.ref-head{color:var(--accent-green);background:#98c37922}.graph-tooltip-ref.ref-conflict{color:var(--accent-orange);background:#d19a6622}.graph-branch-label{color:var(--text-muted);margin-left:auto;font-size:.625rem}.graph-branch-name{color:var(--accent-blue);background:var(--bg-tertiary);border-radius:.25rem;margin-left:.25rem;padding:.125rem .5rem;font-size:.6875rem}.exit-btn{border-radius:var(--radius);border:.0625rem solid var(--accent-red);color:var(--accent-red);cursor:pointer;background:0 0;margin-left:auto;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;transition:all .15s}.exit-btn:hover{background:var(--accent-red);color:var(--bg-primary)}.graph-svg-container{flex:1;padding:.75rem;position:relative;overflow:auto}.commit-graph{min-width:100%}.staging-strip{border-top:.0625rem solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;max-height:8.75rem;overflow-y:auto}.staging-header{width:100%;font:inherit;text-transform:uppercase;letter-spacing:.0313rem;color:var(--accent-green);border:none;border-bottom:.0625rem solid var(--border-color);background:var(--bg-tertiary);text-align:left;cursor:pointer;padding:.3125rem .75rem;font-size:.625rem;font-weight:600;display:block}.staging-files{padding:.25rem 0}.staging-file{align-items:center;gap:.5rem;padding:.1875rem .75rem;font-size:.6875rem;display:flex}.staging-file-status{flex-shrink:0;width:.875rem;font-weight:700}.staging-file.new .staging-file-status{color:var(--accent-green)}.staging-file.modified .staging-file-status{color:var(--accent-yellow)}.staging-file-path{color:var(--text-primary);flex-shrink:0;font-weight:600}.staging-file-diff{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;overflow:hidden}.staging-empty{color:var(--text-muted);padding:.5rem .75rem;font-size:.6875rem;font-style:italic}.staging-empty code{color:var(--accent-green);font-style:normal}.bottom-section{border-top:.0625rem solid var(--border-color);flex-shrink:0;display:flex;position:relative}.resize-handle{cursor:row-resize;z-index:10;height:.5rem;position:absolute;top:-.25rem;left:0;right:0}.resize-handle:hover,.resize-handle:active{background:var(--accent-blue);opacity:.3}.editor-resize-handle{cursor:col-resize;z-index:10;width:.5rem;position:absolute;top:0;bottom:0;right:-.25rem}.editor-resize-handle:hover,.editor-resize-handle:active{background:var(--accent-blue);opacity:.3}.log-resize-handle{cursor:col-resize;z-index:10;background:0 0;flex-shrink:0;width:.375rem;transition:background .15s}.log-resize-handle:hover,.log-resize-handle:active{background:var(--accent-blue);opacity:.25}.bottom-left{border-right:.0625rem solid var(--border-color);flex-direction:column;width:50%;display:flex;overflow:hidden}.bottom-left .tutorial-panel,.bottom-left .tutorial-panel.active{border-top:none;border-bottom:none;flex-direction:column;height:100%;display:flex}.bottom-left .tutorial-content{height:100%}.bottom-right{flex-direction:column;flex:1;display:flex;overflow:hidden}.bottom-right.full{width:100%}.terminal{background:var(--terminal-bg);flex-direction:column;height:100%;display:flex}.terminal-header{background:var(--bg-tertiary);border-bottom:.0625rem solid var(--border-color);align-items:center;gap:.375rem;padding:.375rem .75rem;display:flex}.terminal-dot{border-radius:50%;width:.625rem;height:.625rem}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{color:var(--text-muted);flex:1;margin-left:.375rem;font-size:.6875rem}.terminal-actions{gap:.25rem;display:flex}.terminal-action-btn{width:1.25rem;height:1.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.1875rem;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex}.terminal-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.terminal-output{-webkit-user-select:text;user-select:text;flex:1;padding:.375rem .75rem;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;font-size:.75rem;line-height:1.6}.terminal-line.input{color:var(--terminal-prompt)}.terminal-line.output{color:var(--terminal-text);margin-left:.95rem}.terminal-line.error{color:var(--accent-red)}.terminal-line.tutorial{color:#4a88ff}.terminal-input-line{border-top:.0625rem solid var(--border-color);align-items:center;gap:.5rem;padding:.25rem .75rem .5rem;display:flex}.prompt{color:var(--terminal-prompt);flex-shrink:0;font-size:.8125rem;font-weight:700}.terminal-input{color:var(--terminal-text);caret-color:var(--accent-green);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.terminal-input::placeholder{color:var(--text-muted);opacity:.5}.resize-handle{background:var(--border-color);cursor:row-resize;flex-shrink:0;height:.25rem}.resize-handle:hover{background:var(--accent-blue)}.landing{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1.75rem;padding:1rem;display:flex;overflow-y:auto}.landing-hero{text-align:center;border-bottom:.0625rem solid #8080801a;width:100%;max-width:42.5rem;padding-bottom:1.5rem}.landing-tagline{font-size:1rem;font-weight:inherit;color:var(--text-secondary);margin:.625rem 0 0}.landing-sub{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.landing-switch{font:inherit;color:var(--accent-blue);cursor:pointer;opacity:.8;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.75rem;transition:opacity .15s}.landing-switch:hover{opacity:1;text-decoration:underline}.landing-tutorials{width:100%;max-width:42.5rem}.landing-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.0313rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600}.section-progress{color:var(--accent-green);letter-spacing:0;text-transform:none;font-size:.6875rem;font-weight:400}.landing-tabs{border-bottom:.0625rem solid var(--border-color);justify-content:center;gap:0;width:100%;max-width:42.5rem;margin-bottom:1rem;display:flex}.landing-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;filter:grayscale();background:0 0;border:none;border-bottom:.125rem solid #0000;flex:1;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .15s}.landing-tab:hover{color:var(--text-primary);filter:none}.landing-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-green);filter:none}.landing-cards{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:42.5rem;display:grid}.landing-card{min-height:8rem;width:100%!important}.exit-fm-btn{border-radius:var(--radius);border:.0625rem solid var(--accent-red);color:var(--accent-red);background:0 0;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;transition:all .15s}.exit-fm-btn:hover{background:var(--accent-red);color:var(--bg-primary)}.exit-fm-panel-btn{border-radius:var(--radius);border:.0625rem solid var(--accent-red);width:100%;color:var(--accent-red);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .15s;display:block}.exit-fm-panel-btn:hover{background:var(--accent-red);color:var(--bg-primary)}.free-mode-desc kbd{font-size:.6875rem;font-family:var(--font-mono);color:var(--accent-green);background:var(--bg-primary);border:.0625rem solid var(--border-color);border-radius:.1875rem;padding:.0625rem .3125rem;display:inline-block}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;animation:.12s ease-out both modal-overlay-in;display:flex;position:fixed;top:0;left:0}.modal-overlay--instant,.modal-overlay--instant .modal-content{animation:none}.modal-content{background:var(--bg-primary);border:.0625rem solid var(--border-color);text-align:center;border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;width:90%;max-width:24rem;padding:1.5rem;animation:.12s ease-out both modal-content-in;display:flex}.modal-content .confirm-exit-icon{font-size:1.75rem}.modal-content .confirm-exit-title{color:var(--accent-yellow);margin:0;font-size:.9375rem;font-weight:700}.modal-content .confirm-exit-text{color:var(--text-secondary);font-size:.75rem;line-height:1.6}.modal-content .footer-actions{margin-top:.5rem}.tutorial-confirm-exit{text-align:center;padding:.75rem 0}.confirm-exit-icon{margin-bottom:.375rem;font-size:1.75rem}.confirm-exit-title{color:var(--accent-yellow);margin-bottom:.375rem;font-size:.9375rem;font-weight:700}.confirm-exit-text{color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem;line-height:1.6}@media (width<=48rem){.app-header{padding:.375rem .75rem}.header-logo-img{width:1.25rem;height:1.25rem}.app-logo{font-size:.875rem}.main-content{flex-direction:column}.left-panel{min-width:unset;border-right:none;border-bottom:.0625rem solid var(--border-color);flex:1 0;max-height:7rem;overflow:hidden;width:100%!important}.left-panel .file-list{flex-flow:row;flex:none;gap:.125rem;max-height:3rem;padding:.1875rem .375rem;overflow:auto hidden}.left-panel .file-item{white-space:nowrap;border:.0625rem solid var(--border-color);border-radius:var(--radius);flex-shrink:0;padding:.1875rem .5rem;font-size:.6875rem}.left-panel .file-preview,.left-panel .file-legend{display:none}.left-panel .new-file-form{padding:.1875rem .375rem}.left-panel .staging-strip{max-height:2.5rem}.left-panel .staging-header{padding:.1875rem .5rem;font-size:.5625rem}.left-panel .staging-files{display:none}.editor-panel{z-index:60;position:fixed;inset:0;width:100%!important;max-width:100%!important}.editor-resize-handle{display:none}.center-panel{flex:1;min-height:0;max-height:25dvh}.bottom-section{flex-direction:column}.bottom-left{border-right:none;border-bottom:.0625rem solid var(--border-color);flex:1;min-height:0;width:100%!important}.bottom-right{flex:1;min-height:0;width:100%!important}.bottom-right.full{flex:1}.landing-cards{grid-template-columns:1fr;max-width:24rem}.landing-tabs{max-width:24rem}.tutorial-card.landing-card{min-height:5rem}}.app-picker{flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:2rem;padding:2rem 1rem;display:flex;overflow-y:auto}.picker-hero{text-align:center;max-width:36rem}.picker-hero-title{color:var(--accent-green);letter-spacing:-.0625rem;margin:0 0 .25rem;font-size:2.5rem;font-weight:800}.picker-hero-not{color:var(--text-muted);letter-spacing:0;font-size:1rem;font-weight:500}.picker-title{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.picker-sub{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.picker-cards{gap:1.5rem;width:100%;max-width:55rem;display:flex}.picker-card{background:var(--card-bg);border:.0625rem solid var(--border-color);cursor:pointer;color:inherit;border-radius:.5rem;flex-direction:column;flex:1;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.picker-card-logo{pointer-events:none;width:2rem;height:2rem}.picker-card-title-row{align-items:center;gap:.5rem;display:flex}.picker-card-body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.picker-card-top-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.picker-card-top-left{flex-direction:column;display:flex}.picker-card-body-right{flex:none;align-items:flex-start;display:flex}.picker-card-git{border-top:.25rem solid var(--accent-orange)}.picker-card-jj{border-top:.25rem solid var(--accent-cyan)}.picker-card-git:hover{border-color:var(--accent-orange);box-shadow:0 .125rem .75rem #00000026}.picker-card-jj:hover{border-color:var(--accent-cyan);box-shadow:0 .125rem .75rem #00000026}.picker-card-body{padding:1.25rem}.picker-card-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.picker-card-sub{color:var(--text-muted);margin:0 0 .75rem;font-size:.75rem}.picker-card-features{margin:0 0 1rem;padding:0;list-style:none}.picker-card-features li{color:var(--text-secondary);padding:.2rem 0;font-size:.75rem}.picker-card-features li:before{content:"›";color:var(--accent-blue);margin-right:.4rem;font-weight:700}.picker-card-action{text-align:right;color:var(--accent-blue);font-size:.8125rem;font-weight:600;display:block}.picker-note{color:var(--text-muted);text-align:center;flex-direction:column;gap:.25rem;font-size:.6875rem;display:flex}.picker-note p{margin:0}.picker-note-privacy{opacity:.85;font-size:.625rem}.mobile-banner{background:var(--accent-yellow);color:#000;text-align:center;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;display:flex}@media (width<=48rem){.picker-cards{flex-direction:column;align-items:stretch}}.reset-link{color:var(--text-muted);cursor:pointer;text-underline-offset:.125rem;background:0 0;border:none;font-size:.6875rem;text-decoration:underline}.reset-link:hover{color:var(--accent-red)}.reset-confirm{color:var(--text-secondary);justify-content:space-around;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.reset-actions{gap:.5rem;display:flex}.reset-btn{border-radius:var(--radius);border:.0625rem solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;padding:.25rem .625rem;font-size:.6875rem}.reset-btn.danger{border-color:var(--accent-red);color:var(--accent-red)}.reset-btn:hover{background:var(--bg-hover)}.reset-btn.danger:hover{background:var(--accent-red);color:var(--bg-primary)}.mobile-banner-close{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:.25rem;padding:.125rem .375rem;font-size:.875rem;line-height:1}.mobile-banner-close:hover{background:#0000001a}.landing-footer{border-top:.0625rem solid #8080803d;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:auto;padding:1rem;display:flex}.footer-notice{text-align:center;max-width:30rem;color:var(--text-muted);font-size:.6rem}.footer-copy{color:var(--accent-green);font-size:.8rem}.progress-dashboard{width:100%;max-width:42.5rem}.dashboard-hero{margin-bottom:2rem}.dashboard-title{color:var(--text-primary);text-align:center;margin:0 0 1rem;font-size:1rem;font-weight:700}.dashboard-stats{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.dash-stat{background:var(--surface-stat);border-radius:var(--radius);border:.0625rem solid var(--border-stat);flex-direction:column;flex:1;align-items:center;min-width:6rem;padding:.75rem .5rem;display:flex}.dash-stat-value{color:var(--accent-yellow);font-size:1.25rem;font-weight:700}.dash-stat-total{color:var(--text-muted);font-size:.8rem;font-weight:400}.dash-stat-unit{color:var(--text-muted);font-size:.75rem;font-weight:400}.dash-stat-label{color:#94a0b6;text-transform:uppercase;text-align:center;margin-top:.25rem;font-size:.75rem}.roadmap-group{margin-bottom:1.5rem}.roadmap-group-header{border-bottom:.0625rem solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.roadmap-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.roadmap-group-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.0313rem;font-size:.8125rem;font-weight:700}.roadmap-group-count{color:var(--text-muted);margin-left:auto;font-size:.6875rem}.roadmap-cards{grid-template-columns:1fr;gap:.5rem;display:grid}.roadmap-card{background:var(--bg-secondary);border:.0625rem solid var(--border-color);border-radius:var(--radius);cursor:pointer;color:inherit;padding:.75rem;text-decoration:none;transition:all .15s;display:block;position:relative}.roadmap-card:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.roadmap-card.completed{border-left:.1875rem solid var(--accent-green)}.roadmap-card-top{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.roadmap-card-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.roadmap-check{color:var(--accent-green);font-weight:700}.roadmap-scenario-badge{background:var(--accent-yellow);color:#000;text-transform:uppercase;letter-spacing:.0313rem;border-radius:.75rem;padding:.0625rem .375rem;font-size:.5rem;font-weight:600}.roadmap-card-desc{color:var(--text-muted);margin-bottom:.375rem;font-size:.6875rem;line-height:1.4}.roadmap-card-concepts{flex-wrap:wrap;gap:.25rem;display:flex}.concept-tag{background:var(--bg-tertiary);color:var(--text-secondary);border:.0625rem solid var(--border-color);border-radius:.75rem;padding:.0625rem .375rem;font-size:.5625rem}.concept-more{color:var(--text-muted);background:0 0;border-style:dashed}.concept-empty{color:var(--text-muted);background:0 0;font-style:italic}@media (width<=48rem){.dashboard-stats{flex-wrap:wrap}.dash-stat{min-width:5rem;padding:.5rem .375rem}.dash-stat-value{font-size:1rem}}.command-search{z-index:20;width:100%;max-width:42.5rem;padding-top:.75rem;position:relative}.command-search-label{color:var(--text-muted);text-align:center;opacity:.7;margin-bottom:.5rem;font-size:.6875rem;display:block}.command-search-input-wrap{background:var(--surface-input);border:.0625rem solid var(--border-color);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.375rem .75rem;transition:border-color .15s;display:flex}.command-search-input-wrap:focus-within{border-color:var(--accent-blue)}.command-search-icon{color:var(--accent-green);opacity:.6;font-family:inherit;font-size:.8125rem;font-weight:700}.command-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.8125rem}.command-search-input::placeholder{color:var(--text-muted);opacity:.6}.command-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.command-search-clear:hover{color:var(--text-primary)}.command-search-results{background:var(--surface-overlay);border-radius:var(--radius);border:.0625rem solid #e5c07b52;max-height:14.5rem;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 .75rem 2rem #00000080}.command-search-item{cursor:pointer;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:background .1s;display:flex}.command-search-item:hover{background:var(--bg-hover)}.command-search-item+.command-search-item{border-top:.0625rem solid var(--border-color)}.command-search-cmd{color:var(--accent-yellow);background:var(--bg-tertiary);white-space:nowrap;border-radius:.25rem;padding:.125rem .375rem;font-family:inherit;font-size:.75rem}.command-search-tuto{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.command-search-badge{text-transform:uppercase;letter-spacing:.0313rem;color:#000;background:var(--accent-yellow);border-radius:.1875rem;flex-shrink:0;margin-left:auto;padding:.0625rem .3125rem;font-size:.5rem;font-weight:700}.command-search-empty{color:var(--text-muted);text-align:center;padding:.75rem;font-size:.6875rem}.lang-dropdown{height:100%;display:inline-flex;position:relative}.lang-dropdown-trigger{font-family:var(--font-mono);gap:.375rem}.lang-dropdown-trigger .lang-globe{color:var(--accent-blue);opacity:.85;flex-shrink:0}.lang-dropdown-trigger .lang-flag{filter:saturate(1.05);font-size:.85rem;line-height:1}.lang-current-name{letter-spacing:.0125rem}.lang-caret{color:var(--text-muted);transition:transform .15s}.lang-caret.open{transform:rotate(180deg)}.lang-dropdown-menu{background:var(--bg-secondary);border:.0625rem solid var(--border-color);border-radius:var(--radius);z-index:50;min-width:9.5rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .375rem);right:0;box-shadow:0 .5rem 1.25rem #00000059}.lang-dropdown-item{border-radius:calc(var(--radius) - .125rem);width:100%;color:var(--text-secondary);font-family:var(--font-mono);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:background .15s,color .15s;display:flex}.lang-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.lang-dropdown-item.active{color:var(--accent-green);background:var(--bg-tertiary)}.lang-dropdown-item .lang-flag{filter:saturate(1.05);font-size:.95rem;line-height:1}.lang-dropdown-item .lang-name{letter-spacing:.0125rem;flex:1}.lang-check{color:var(--accent-green);flex-shrink:0}@media (width<=30rem){.lang-current-name{display:none}.lang-dropdown-trigger{padding:.1875rem .5rem}}