:root{--bg-color: #0d1117;--sidebar-bg: rgba(22, 27, 34, .7);--accent-color: #58a6ff;--text-primary: #e6edf3;--text-secondary: #8b949e;--pane-bg: #161b22;--border-color: rgba(48, 54, 61, .5);--glass-bg: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden}.app-container{display:flex;height:100%}.sidebar{width:var(--sidebar-width, 300px);background:var(--sidebar-bg);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px;z-index:10;transition:width .3s ease,padding .3s ease,transform .3s ease;flex-shrink:0}.sidebar-header h1{font-size:1.5rem;font-weight:600;letter-spacing:-1px}.sidebar-header span{color:var(--accent-color);margin-left:4px}.sidebar-section{margin-top:20px}.sidebar-section h3{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:profile;margin-bottom:15px}.sidebar-nav{display:flex;flex-direction:column;flex:1;min-height:0}.section-switch{display:flex;align-items:center;gap:2px;margin-top:14px;padding:3px;border:1px solid var(--border-color);border-radius:8px}.section-switch>*{flex:1;padding:6px 4px;border-radius:6px;font-size:.8rem;text-align:center;text-decoration:none;color:var(--text-secondary);transition:background .2s,color .2s}.section-switch a:hover{background:var(--glass-bg);color:var(--text-primary)}.section-switch .active{background:var(--glass-bg);color:var(--accent-color);font-weight:600}.sidebar-tabs.sidebar-sections{display:grid;grid-template-columns:repeat(3,auto);gap:4px}.sidebar-tabs.sidebar-sections button{min-width:0;padding:6px 4px;gap:4px;letter-spacing:0;text-transform:none;font-size:.72rem;overflow:hidden;white-space:nowrap}.sidebar-tabs.sidebar-sections button>[data-label]{min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-tabs.sidebar-sections .tab-icon{font-size:.85rem}.section-view{flex:1;min-height:0}.section-view:not(.active){display:none}.section-view.active{display:flex}.brand-home{padding:0;border:none;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;transition:color .2s}.brand-home:hover,.brand-home.active{color:var(--accent-color)}.home-stage{flex-direction:column;overflow:hidden}.home-frame{width:100%;height:100%;border:none;display:block}.atlas-stage{flex-direction:column;overflow:hidden}.atlas-nav.active,.archive-nav.active{display:flex;flex-direction:column;min-height:0}.archive-scroll{flex:1;min-height:0;overflow-y:auto;padding-top:4px}.archive-scroll .control-group+.control-group{margin-top:14px}.archive-mount{display:block;margin:6px 0;color:var(--text-secondary);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-scroll .account-btn{width:100%}.sidebar-tabs{display:flex;gap:4px;margin:18px 0 12px}.sidebar-tabs button{flex:1;font-family:inherit;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:5px 8px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.sidebar-tabs button:hover:not(.active){background:var(--glass-bg);color:var(--text-primary)}.sidebar-tabs button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.sidebar-tab-panel{display:none;flex-direction:column;flex:1;min-height:0}.sidebar-tab-panel.active{display:flex}.sidebar-resizer{flex-shrink:0;width:5px;cursor:col-resize;background:transparent;transition:background .2s;z-index:11}.sidebar-resizer:hover,.sidebar-resizer.dragging{background:var(--accent-color)}.sidebar.collapsed~.sidebar-resizer{display:none}.sidebar.resizing{transition:none}@media(max-width:1024px){.sidebar-resizer{display:none}}.tree-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tree-label{display:block;font-size:.8rem;color:var(--text-secondary)}.step-nav{display:flex;align-items:center;gap:2px}.step-nav-btn{display:flex;align-items:center;justify-content:center;padding:3px;border:1px solid var(--border-color);border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.step-nav-btn:hover:not(:disabled){background:var(--glass-bg);border-color:var(--accent-color);color:var(--accent-color)}.step-nav-btn:disabled{opacity:.3;cursor:default}.module-tree{flex:1;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px}.tree-mod-head{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:none;color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s}.tree-mod-head:hover{background:var(--glass-bg)}.tree-chevron{flex-shrink:0;width:6px;height:6px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(-45deg);transition:transform .2s}.tree-module.expanded .tree-chevron{transform:rotate(45deg)}.tree-steps{list-style:none;display:none;padding-left:9px;border-left:1px solid var(--border-color);margin:2px 0 8px 14px}.tree-module.expanded .tree-steps{display:block}.tree-step{padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:.85rem;line-height:1.35;transition:background .2s,color .2s}.tree-step:hover{background:var(--glass-bg);color:var(--text-primary)}.tree-step.active{background:#58a6ff26;color:var(--accent-color);font-weight:600}.tree-empty{color:var(--text-secondary);font-size:.85rem;padding:4px 10px}.nav-list{list-style:none}.nav-list li{padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary);margin-bottom:4px}.nav-list li:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-list li.active{background:#58a6ff26;color:var(--accent-color);font-weight:600}.control-group{margin-bottom:20px}.control-group label{display:block;font-size:.8rem;margin-bottom:8px;color:var(--text-secondary)}.glass-select{width:100%;padding:10px 12px;background:#1c2128;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);outline:none;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.glass-select option{background:#1c2128;color:var(--text-primary);padding:10px}.glass-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #58a6ff4d}.main-stage{flex:1;padding:20px;overflow:hidden;display:flex;transition:margin-left .3s ease}.pane-container{display:flex;width:100%;gap:0;align-items:stretch}.pane-container.single-pane #pane-right,.pane-container.single-pane #pane-divider{display:none}.pane-container.single-pane #pane-left{width:100%!important}.pane{flex:1;background:var(--pane-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d;min-width:0;min-height:0}.pane-header{padding:12px 20px;background:#0003;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.file-name{font-size:.9rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.pane-divider{width:6px;margin:0 5px;background:var(--border-color);border-radius:3px}.code-wrapper{flex:1;overflow:auto;padding:0}.pane-controls{display:flex;align-items:center;gap:10px}.view-tabs{display:flex;gap:4px;margin-right:10px}.view-tabs button{font-family:inherit;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 12px;border:1px solid var(--border-color);border-radius:5px;background:transparent;color:var(--text-secondary, #9aa0a6);cursor:pointer}.view-tabs button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.playground-view{height:100%}pre{margin:0!important;height:100%;background:transparent!important}code{font-family:JetBrains Mono,monospace!important;font-size:.85rem!important;line-height:1.6!important}.badge{font-size:.7rem;padding:2px 8px;border-radius:4px;background:var(--accent-color);color:#fff;text-transform:uppercase;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.markdown-view{padding:30px;line-height:1.6;color:var(--text-primary);overflow-y:auto;height:100%}.markdown-view h1,.markdown-view h2,.markdown-view h3{margin-top:24px;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.markdown-view p{margin-bottom:16px}.markdown-view code{background:#ffffff1a;padding:2px 4px;border-radius:4px;font-size:.9em}.markdown-view pre code{background:transparent!important;padding:0;border-radius:0}.markdown-view pre{background:#0000004d!important;padding:16px!important;border-radius:8px;margin-bottom:16px!important;height:auto!important}.markdown-view ul,.markdown-view ol{margin-bottom:16px;padding-left:20px}.markdown-view blockquote{border-left:4px solid var(--accent-color);padding-left:16px;color:var(--text-secondary);font-style:italic;margin-bottom:16px}.markdown-view img{max-width:100%;border-radius:8px}.mermaid{background:#fff;padding:10px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:center}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.sidebar-account{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:.85rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.sidebar-account:hover{background:var(--glass-bg);color:var(--text-primary)}.sidebar-account.active{border-color:var(--accent-color);color:var(--accent-color)}.sidebar-account-avatar{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--glass-bg);border:1px solid var(--border-color);font-size:.75rem;font-weight:600;color:var(--text-primary)}.sidebar-account.active .sidebar-account-avatar{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.sidebar-account[data-signed-in=false] .sidebar-account-avatar{opacity:.55}.sidebar-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-theme{flex-shrink:0;width:auto;padding:6px 8px;font-size:.8rem}.nav-link{display:block;padding:10px 15px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s}.nav-link:hover{background:var(--glass-bg);color:var(--accent-color)}.app-frame{width:100%;height:100%;border:none;background:#fff}.markdown-view table{width:100%;border-collapse:collapse;margin-bottom:16px}.markdown-view th,.markdown-view td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.markdown-view th{background:#0003;font-weight:600}.markdown-view tr:nth-child(2n){background:#ffffff05}.light-mode{--bg-color: #f5f5f5;--sidebar-bg: rgba(255, 255, 255, .9);--accent-color: #0969da;--text-primary: #1f2328;--text-secondary: #656d76;--pane-bg: #ffffff;--border-color: rgba(208, 215, 222, .8);--glass-bg: rgba(0, 0, 0, .05)}.light-mode .glass-select{background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2328' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.light-mode .glass-select option{background:#fff;color:var(--text-primary)}.light-mode .pane{box-shadow:0 4px 12px #0000001a}.light-mode .pane-header{background:#00000008}.light-mode .markdown-view code{background:#0000000f}.light-mode .markdown-view pre{background:#e6eaf0!important}.light-mode .markdown-view th{background:#0000000a}.light-mode .markdown-view tr:nth-child(2n){background:#00000005}.light-mode .nav-list li.active,.light-mode .tree-step.active{background:#0969da1a}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.sidebar-toggle{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--glass-bg);color:var(--text-primary)}.sidebar-toggle svg{transition:transform .3s ease}.menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:100;background:var(--sidebar-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);color:var(--text-primary);padding:10px;border-radius:8px;cursor:pointer;transition:all .2s}.menu-toggle:hover{background:var(--glass-bg);border-color:var(--accent-color)}.sidebar.collapsed{width:0;padding:0;overflow:hidden;border-right:none}.sidebar.collapsed~.menu-toggle{display:flex}.pane-divider{cursor:col-resize;transition:background .2s;flex-shrink:0}.pane-divider:hover,.pane-divider.dragging{background:var(--accent-color)}@media(max-width:1024px)and (orientation:portrait){.sidebar{width:260px}.pane-container{flex-direction:column}.pane-divider{width:100%;height:6px;cursor:row-resize}.pane{min-height:200px}}@media(max-width:1024px)and (orientation:landscape){.sidebar{width:240px}.pane{min-height:150px}}@media(max-width:768px)and (orientation:portrait){.sidebar{position:fixed;left:0;top:0;height:100%;z-index:50;width:280px;transform:translate(0);transition:transform .3s ease,width .3s ease}.sidebar.collapsed{transform:translate(-100%);width:280px}.menu-toggle{display:flex}.sidebar:not(.collapsed)~.menu-toggle{display:none}.main-stage{padding:60px 10px 10px}.pane-container{flex-direction:column;gap:10px}.pane-divider{width:100%;height:6px;cursor:row-resize}.pane{min-height:250px}.pane-header{padding:10px 15px}.sidebar-section{margin-top:15px}}@media(max-width:768px)and (orientation:landscape){.sidebar{position:fixed;left:0;top:0;height:100vh;max-height:100vh;z-index:50;width:240px;transform:translate(0);transition:transform .3s ease,width .3s ease;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:12px 15px;display:block}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px}.sidebar.collapsed{transform:translate(-100%);width:240px}.sidebar-header h1{font-size:1.2rem}.sidebar-section{margin-top:8px}.control-group{margin-bottom:8px}.control-group label{font-size:.7rem;margin-bottom:4px}.glass-select{padding:6px 10px;font-size:.8rem}.nav-list li{padding:6px 10px;font-size:.85rem}.tree-label{font-size:.7rem;margin-bottom:4px}.tree-mod-head{padding:6px 10px;font-size:.85rem}.tree-step{padding:5px 10px;font-size:.8rem}.sidebar-footer{padding-top:8px;margin-top:8px;padding-bottom:40px}.section-switch{margin-top:8px}.section-switch>*{padding:5px 4px;font-size:.75rem}.nav-link{padding:6px 10px;font-size:.85rem}.menu-toggle{display:flex}.sidebar:not(.collapsed)~.menu-toggle{display:none}.main-stage{padding:10px 10px 10px 15px}.pane-container{flex-direction:row;gap:0}.pane-divider{width:6px;height:auto;cursor:col-resize}.pane{min-height:100px}.pane-header{padding:8px 12px}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:40}@media(max-width:768px){.sidebar:not(.collapsed)~.sidebar-overlay{display:block}}.app-component{margin:20px 0;padding:20px;background:#161b2280;border:1px solid rgba(48,54,61,.8);border-radius:8px}.app-component h4{margin-bottom:10px;color:var(--accent-color);font-size:1.1rem}.app-description{margin-bottom:15px;color:var(--text-secondary);font-size:.9rem}.app-component .controls{display:flex;gap:10px;align-items:center;margin-top:15px;flex-wrap:wrap}.app-component .controls label{display:flex;align-items:center;gap:8px}.app-component .controls input[type=range]{width:150px}.app-component .controls input[type=text]{padding:8px 12px;background:#0d1117cc;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem}body.light-mode .app-component .controls input[type=text]{background:#ffffffe6;border:1px solid #ccc;color:#333}body.light-mode .app-component{background:#f8f8f8cc;border:1px solid #ddd}body.light-mode .app-component h4{color:#0969da}body.light-mode .stack-viz .stack-cell.empty{background:#f0f0f0cc;color:#666}body.light-mode .stack-viz .stack-cell.filled{background:#0d6efd1a;border-color:#0969da;color:#333}.app-component .controls button{padding:8px 16px;background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.app-component .controls button:hover:not(:disabled){background:#4184d4}.app-component .controls button:disabled{opacity:.5;cursor:not-allowed}.app-component .info{display:flex;gap:20px;margin-top:10px;font-size:.9rem;color:var(--text-secondary)}.circle-viz .circle-container{display:flex;justify-content:center;margin:15px 0}.circle-viz svg line.highlight,.circle-viz svg circle.highlight{stroke:orange;fill:orange}.circle-viz .value-display{color:var(--text-primary);font-weight:600}.stack-viz .stack-display{display:flex;align-items:flex-end;gap:15px;margin:15px 0}.stack-viz .stack-container{display:flex;flex-direction:column-reverse;gap:2px;min-width:150px}.stack-viz .stack-cell{padding:10px;text-align:center;border:1px solid var(--border-color);border-radius:4px;min-height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s}.stack-viz .stack-cell.empty{background:#0d111780;color:var(--text-secondary)}.stack-viz .stack-cell.filled{background:#58a6ff33;border-color:var(--accent-color);color:var(--text-primary);font-weight:600}.stack-viz .stack-pointer{color:var(--accent-color);font-size:.9rem;white-space:nowrap}.stack-viz .stack-info{display:flex;gap:20px;margin-top:10px;font-size:.9rem;color:var(--text-secondary)}.stack-viz .stack-info span:first-child{color:var(--accent-color);font-weight:600}.account-panel{display:flex;flex-direction:column;gap:12px;padding:4px 2px;overflow-y:auto}.account-intro,.account-note{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-secondary)}.account-note-inline{color:var(--text-secondary);font-weight:400;text-transform:none;letter-spacing:0}.account-btn{display:block;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;text-align:center;text-decoration:none;border:1px solid var(--border-color);border-radius:6px;background:var(--glass-bg);color:var(--text-primary);cursor:pointer;transition:background .2s,border-color .2s}.account-btn:hover:not(:disabled){border-color:var(--accent-color)}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.account-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--glass-bg)}.account-avatar{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent-color);color:#fff;font-weight:600}.account-who{display:flex;flex-direction:column;gap:2px;min-width:0}.account-who strong{font-size:.9rem;color:var(--text-primary)}.account-who>span:not(.account-badge){font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-badge{align-self:flex-start;margin-top:2px;padding:2px 7px;border-radius:4px;background:var(--accent-color);color:#fff;font-size:.65rem;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.account-dev-form{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed var(--border-color)}.account-dev-form label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.account-dev-form input{padding:7px 9px;font-family:inherit;font-size:.85rem;border:1px solid var(--border-color);border-radius:6px;background:var(--pane-bg);color:var(--text-primary)}.account-dev-form input:focus{outline:none;border-color:var(--accent-color)}.account-code{text-align:center;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:1.25rem!important;letter-spacing:.35em;text-indent:.35em}.account-linkish{align-self:flex-start;padding:2px 0;border:none;background:none;font:inherit;font-size:.78rem;color:var(--text-secondary);text-decoration:underline;cursor:pointer}.account-linkish:hover{color:var(--text-primary)}.account-message{padding:8px 10px;border:1px solid #f85149;border-radius:6px;font-size:.8rem;color:#f85149}.account-message.info{border-color:var(--accent-color);color:var(--text-primary)}#sidebar-tab-ai.locked>*:not(.auth-notice){display:none}.auth-notice{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px dashed var(--border-color);border-radius:8px;background:var(--glass-bg)}.auth-notice[hidden]{display:none}.auth-notice p{margin:0;font-size:.85rem;color:var(--text-secondary)}.auth-toast{position:fixed;bottom:20px;left:50%;z-index:1000;max-width:min(420px,calc(100vw - 40px));padding:11px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--pane-bg);color:var(--text-primary);font-size:.85rem;box-shadow:0 6px 24px #00000059;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .2s,transform .2s}.auth-toast.visible{opacity:1;transform:translate(-50%)}.tree-tick{display:inline-block;width:1em;margin-right:4px;color:var(--accent-color);font-size:.85em}.tree-step.completed>.tree-tick:before{content:"✓"}.tree-step.completed{color:var(--text-primary)}.step-complete-btn{padding:4px 10px;font-family:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.step-complete-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.step-complete-btn.done{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.step-complete-btn[hidden]{display:none}.account-admin{border-top:1px dashed var(--border-color);padding-top:10px}.account-admin summary{cursor:pointer;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.account-admin summary:hover{color:var(--text-primary)}.account-users{display:flex;flex-direction:column;gap:4px;margin-top:10px;max-height:260px;overflow-y:auto;font-size:.78rem;color:var(--text-secondary)}.account-user{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;border:1px solid var(--border-color);border-radius:6px}.account-user.disabled{opacity:.55}.account-user-who{display:flex;flex-direction:column;min-width:0}.account-user-who strong{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-user-who span{font-size:.7rem}.account-mini-btn{flex-shrink:0;padding:2px 7px;font-family:inherit;font-size:.7rem;border:1px solid var(--border-color);border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer}.account-mini-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.section-view.anima-stage{flex-direction:column;overflow:hidden}.anima-frame{width:100%;height:100%;border:none;display:block}.anima-nav h2{margin:0 0 6px;font-size:.95rem;color:var(--text-color)}.anima-nav p{margin:0 0 12px;font-size:.82rem;line-height:1.55;color:var(--text-muted, var(--text-color))}.anima-nav .anima-note{opacity:.85}.anima-nav kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary, transparent);font:.75rem var(--font-mono, ui-monospace, monospace)}.assistant-toggle{flex:0 0 auto;margin-left:auto;margin-right:6px;padding:2px 6px;border:1px solid transparent;border-radius:6px;background:none;display:inline-flex;align-items:center;line-height:1;cursor:pointer;opacity:.8;color:#e5484d;transition:opacity .2s,border-color .2s,background .2s}.assistant-toggle:hover{opacity:1;border-color:var(--border-color)}.assistant-toggle svg{display:block}.assistant-toggle.active{opacity:1;border-color:#e5484d;background:#e5484d24}.sidebar-header .sidebar-toggle{flex:0 0 auto}.sidebar-header h1{min-width:0;flex:0 1 auto;overflow:hidden;font-size:1.32rem}.sidebar-header .brand-home{display:block;max-width:100%;overflow:hidden;line-height:1.15}.sidebar-header .brand-name{display:block;margin-left:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-header .brand-sub{display:block;margin-left:0;margin-top:1px;color:var(--text-secondary);font-size:.68rem;font-weight:500;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-home:hover .brand-sub,.brand-home.active .brand-sub{color:var(--accent-color)}.sidebar-tabs.sidebar-sections button{display:flex;align-items:center;gap:6px;justify-content:flex-start}.tab-icon{flex:0 0 auto;font-size:.95rem;line-height:1}.anima-tree{min-height:0;overflow-y:auto;margin:8px -6px 0;padding:0 6px}.anima-nav .anima-note{flex:0 0 auto;margin:12px 0 0;font-size:.78rem;line-height:1.5;opacity:.75}button.sidebar-theme{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;border:1px solid var(--border-color);border-radius:8px;background:none;font-size:1rem;line-height:1;cursor:pointer;opacity:.85;transition:opacity .2s,border-color .2s,background .2s}button.sidebar-theme:hover{opacity:1;border-color:var(--accent-color);background:var(--glass-bg)}button.sidebar-settings{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:6px 8px;border:1px solid var(--border-color);border-radius:8px;background:none;font-size:1rem;line-height:1;cursor:pointer;opacity:.85;transition:opacity .2s,border-color .2s,background .2s}button.sidebar-settings:hover{opacity:1;border-color:var(--accent-color);background:var(--glass-bg)}.settings-dialog{width:min(420px,calc(100vw - 32px));margin:auto;padding:0;border:1px solid var(--border-color);border-radius:12px;background:var(--pane-bg, #161b22);color:var(--text-primary);box-shadow:0 18px 50px #00000073}body.light-mode .settings-dialog{box-shadow:0 18px 50px #0000002e}.settings-dialog::backdrop{background:#00000080;backdrop-filter:blur(2px)}.settings-form{display:flex;flex-direction:column;gap:18px;padding:20px 22px}.settings-form h2{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.2px}.settings-row{display:flex;flex-direction:column;gap:6px}.settings-row>label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.settings-row .glass-select{width:100%}.settings-note{margin:0;font-size:.75rem;line-height:1.45;color:var(--text-secondary)}.settings-action-btn{align-self:flex-start;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:600;border:1px solid var(--border-color);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);cursor:pointer;transition:border-color .2s,background .2s}.settings-action-btn:hover{border-color:var(--accent-color);background:var(--glass-bg);color:var(--accent-color)}.settings-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--border-color);padding-top:16px}.settings-done{padding:7px 18px;font-family:inherit;font-size:.85rem;font-weight:600;border:1px solid var(--accent-color);border-radius:8px;background:var(--accent-color);color:#fff;cursor:pointer;transition:filter .2s}.settings-done:hover{filter:brightness(1.1)}.settings-switch{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.settings-switch input{position:absolute;opacity:0;width:0;height:0}.settings-switch-track{position:relative;flex:0 0 auto;width:38px;height:22px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--border-color);transition:background .2s,border-color .2s}.settings-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.settings-switch input:checked+.settings-switch-track{background:var(--accent-color);border-color:var(--accent-color)}.settings-switch input:checked+.settings-switch-track:after{transform:translate(16px);background:#fff}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid var(--accent-color);outline-offset:2px}.settings-switch input:disabled+.settings-switch-track{opacity:.4}.settings-switch:has(input:disabled){cursor:default;opacity:.6}