@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 82% 62% at 18% 8%,rgba(110,168,255,.12) 0%,transparent 62%),radial-gradient(ellipse 62% 52% at 82% 90%,rgba(34,211,238,.09) 0%,transparent 62%),radial-gradient(ellipse 54% 44% at 50% 52%,rgba(245,158,11,.06) 0%,transparent 64%)}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 0%,transparent 100%)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orb-float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(129,140,248,.12),transparent 70%);top:-5%;left:10%}.orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(34,211,238,.08),transparent 70%);bottom:10%;right:5%;animation-delay:-7s;animation-duration:25s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.08),transparent 70%);top:40%;left:50%;animation-delay:-14s;animation-duration:30s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.workspace{--rail-width: clamp(230px, 20vw, 300px);position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 20%) var(--bg-root)}.topbar{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;height:50px;flex-shrink:0;padding:0 14px;background:linear-gradient(180deg,#3e548026,#1a2133e0);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border-subtle);box-shadow:0 2px 12px #02081859}.topbar-left,.topbar-center,.topbar-right{display:flex;align-items:center;gap:8px}.topbar-left{flex:0 0 auto;min-width:0}.topbar-center{flex:1;justify-content:center;min-width:0}.topbar-right{flex:0 0 auto;justify-content:flex-end;min-width:0}.window-controls{display:flex;align-items:center;gap:7px;margin-right:2px}.window-dot{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.2);cursor:pointer;transition:transform .15s ease,filter .15s ease}.window-dot:hover{transform:scale(1.08);filter:brightness(1.1)}.window-dot.close{background:#ff605c}.window-dot.minimize{background:#ffbd44}.window-dot.maximize{background:#00ca4e}.topbar-brand{display:flex;align-items:center;gap:8px}.brand-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-primary),var(--accent-violet));color:#fff;box-shadow:0 2px 12px #818cf84d;transition:transform .2s var(--ease-spring),box-shadow .2s ease}.brand-icon:hover{transform:scale(1.08);box-shadow:0 4px 16px #818cf866}.brand-name{font-weight:600;font-size:14px;color:var(--text-primary);letter-spacing:-.02em}.brand-separator{color:var(--text-muted);font-size:13px}.brand-path{color:var(--text-tertiary);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:4px}.topbar-action-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);background:#0f13208c;cursor:pointer;transition:background-color .15s ease,color .15s ease}.topbar-action-btn:hover{background:#34415e99;color:var(--text-primary)}.topbar-time{font-size:12px;color:var(--text-muted);padding:4px 8px;background:#0f132073;border:1px solid var(--border-subtle);border-radius:6px}.mobile-topbar-btn,.mobile-app-title,.mobile-sheet-overlay{display:none}.mobile-pane-hidden{display:none!important}.mobile-topbar-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-subtle);background:#0c121e94;color:var(--text-secondary);align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.mobile-app-title{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#dbe7ff;font-weight:600;line-height:1.1}.mobile-header-meta,.mobile-header-subtitle,.hamburger,.hamburger-line{display:none}.mobile-header-meta{flex-direction:column;gap:2px;min-width:0}.mobile-header-subtitle{font-size:10px;color:var(--text-muted);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mobile-topbar-btn-menu{width:36px;height:36px}.mobile-topbar-btn-menu:active{background:#6ea8ff29;border-color:#6ea8ff59}.hamburger{width:16px;height:14px;position:relative}.hamburger-line{position:absolute;left:0;width:100%;height:2px;border-radius:999px;background:#d5e4ff;transform-origin:center;transition:transform .22s var(--ease-out),opacity .2s ease,top .22s var(--ease-out)}.hamburger-line:nth-child(1){top:1px}.hamburger-line:nth-child(2){top:6px}.hamburger-line:nth-child(3){top:11px}.hamburger.is-open .hamburger-line:nth-child(1){top:6px;transform:rotate(45deg)}.hamburger.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger.is-open .hamburger-line:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;border:0;padding:0;background:linear-gradient(120deg,#020610c2,#060b168f);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.main-layout{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.sidebar{width:100%;flex-shrink:0;display:flex;flex-direction:column;background:#1a2133e0;border-right:1px solid var(--border-subtle);overflow-y:auto;overflow-x:hidden}.sidebar-profile{display:flex;flex-direction:column;align-items:center;padding:24px 16px 20px;gap:12px;border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden;isolation:isolate}.profile-avatar-wrapper{position:relative;z-index:1;flex-shrink:0}.avatar-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 180deg,var(--accent-primary),var(--accent-violet),var(--accent-cyan),var(--accent-primary));opacity:.4;filter:blur(8px);animation:avatar-rotate 8s linear infinite}@keyframes avatar-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-secondary);position:relative;z-index:1;transition:transform .3s var(--ease-out);box-shadow:0 4px 16px #0000004d}.profile-avatar:hover{transform:scale(1.05)}.avatar-status-ring{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:var(--accent-emerald);border:3px solid var(--bg-secondary);box-shadow:0 0 8px #34d39966;z-index:2}.profile-info{text-align:center;position:relative;z-index:1}.profile-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.profile-role{font-size:12px;color:var(--accent-primary);margin:2px 0 0;font-weight:500}.profile-bio{font-size:12px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.5;text-align:center;max-width:220px}.profile-meta{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);transition:color .2s ease}.meta-item:hover{color:#9cdcfe}.meta-divider{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.4}.meta-available{color:#4ade80;font-weight:500}.meta-available:hover{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.3)}.sidebar .panel-explorer{flex:1;border:none;border-radius:0;box-shadow:none;background:transparent}.sidebar .panel-explorer:hover{border-color:transparent;box-shadow:none}.sidebar .panel-explorer .panel-header{padding:10px 16px;background:transparent;border-bottom:1px solid var(--border-subtle)}.sidebar .panel-explorer .panel-body{padding:8px 4px;overflow-y:auto;flex:1}.panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;box-shadow:0 2px 8px #00000026}.panel:hover{border-color:var(--border-default);box-shadow:0 4px 16px #0003}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:#ffffff04}.panel-header-left{display:flex;align-items:center;gap:8px}.panel-icon{display:flex;align-items:center;color:#6796e6;opacity:.85;transition:all .2s ease}.panel:hover .panel-icon{opacity:1;transform:scale(1.05)}.panel-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;transition:color .2s ease}.panel:hover .panel-title{color:#9cdcfe}.panel-badge{font-size:10px;font-weight:500;color:#4ec9b0;padding:2px 7px;background:#4ec9b01f;border:1px solid rgba(78,201,176,.25);border-radius:20px;font-family:JetBrains Mono,monospace;box-shadow:0 0 10px #4ec9b01a}.panel-actions{display:flex;gap:4px}.panel-body{padding:0}.file-tree{-webkit-user-select:none;user-select:none}.tree-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all .1s ease;text-align:left;border-radius:var(--radius-sm)}.tree-item[draggable=true]{cursor:grab}.tree-item[draggable=true]:active{cursor:grabbing}.tree-item:hover{background:var(--bg-hover);color:var(--text-primary)}.tree-file.selected{background:#6796e61f;color:#6796e6;border:1px solid rgba(103,150,230,.2);position:relative}.tree-folder-header.selected{background:#6ea8ff1a;color:var(--text-primary)}.tree-folder-header.touch-target{background:#6ea8ff33;border:1px solid rgba(110,168,255,.48);box-shadow:inset 0 0 0 1px #22d3ee40}.tree-file.touch-dragging{opacity:.55;transform:scale(.98)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:500;height:32px;padding:0 12px;border:1px solid transparent;transition:all .15s ease;cursor:pointer}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn-default{background:#6ea8ff33;border-color:#6ea8ff73;color:#e9f1ff}.ui-btn-default:hover{background:#6ea8ff47}.ui-btn-outline{background:#0f132066;border-color:var(--border-default);color:var(--text-secondary)}.ui-btn-outline:hover{background:#34415e66}.ui-btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.ui-btn-ghost:hover{background:#34415e40}.ui-input{width:100%;height:36px;border-radius:8px;border:1px solid var(--border-default);background:#0f13208c;color:var(--text-primary);padding:0 10px;font-size:13px;outline:none}.ui-input:focus{border-color:#6ea8ff99;box-shadow:0 0 0 2px #6ea8ff33}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206108c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200}.ui-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,420px);border-radius:12px;border:1px solid var(--border-default);background:linear-gradient(180deg,#2a3550f2,#1a2133f2);padding:14px;box-shadow:var(--shadow-lg);z-index:210}.ui-dialog-header{padding-right:36px}.ui-dialog-title{margin:0;font-size:14px;color:var(--text-primary)}.ui-dialog-description{margin:4px 0 0;font-size:12px;color:var(--text-tertiary)}.ui-dialog-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.ui-dialog-close:hover{color:var(--text-primary);background:#ffffff0f}.ui-dialog-close:active{transform:scale(.96)}.ui-dialog-close:focus-visible{outline:1px solid rgba(110,168,255,.65);outline-offset:1px;background:#6ea8ff24}.ui-dialog-body{margin-top:12px}.ui-dialog-footer{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.dialog-form{display:flex;flex-direction:column;gap:8px}.dialog-label{font-size:12px;color:var(--text-secondary)}.dialog-error{margin:0;font-size:12px;color:#f87171}.dialog-delete-note{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.dialog-delete-simple{display:flex;flex-direction:column;gap:8px}.ui-btn-danger{background:#ef444433!important;border-color:#ef444480!important;color:#fecaca!important}.ui-btn-danger:hover{background:#ef44444d!important}.tree-file.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:80%;background:linear-gradient(180deg,#6796e6,#4ec9b0);border-radius:2px;box-shadow:0 0 8px #6796e666}.tree-file.selected .tree-icon{color:#6796e6}.tree-chevron{display:flex;align-items:center;color:gray;flex-shrink:0;width:14px;transition:all .2s ease}.tree-item:hover .tree-chevron{color:#9cdcfe}.tree-icon{flex-shrink:0;transition:all .2s ease}.tree-item:hover .tree-icon{transform:scale(1.1)}.tree-icon.folder-icon{color:var(--accent-amber);filter:drop-shadow(0 0 4px rgba(251,191,36,.3))}.tree-icon.folder-icon.open{color:#fbbf24;opacity:1;filter:drop-shadow(0 0 6px rgba(251,191,36,.5))}.tree-icon.file-icon.text{color:var(--accent-cyan);filter:drop-shadow(0 0 3px rgba(34,211,238,.2))}.tree-icon.file-icon.code{color:var(--accent-emerald);filter:drop-shadow(0 0 3px rgba(52,211,153,.2))}.tree-icon.file-icon.lock{color:var(--accent-rose)}.tree-icon.file-icon.key{color:var(--accent-amber)}.tree-icon.file-icon.terminal{color:var(--accent-violet);filter:drop-shadow(0 0 3px rgba(139,92,246,.2))}.tree-icon.file-icon.database{color:var(--accent-cyan)}.tree-icon.file-icon.settings{color:#9cdcfe;filter:drop-shadow(0 0 3px rgba(156,220,254,.2))}.tree-icon.file-icon.shield{color:var(--accent-emerald)}.tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-name{font-weight:500}.tree-count{font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.tree-label{font-size:9px;font-weight:600;letter-spacing:.06em;padding:1px 5px;border-radius:3px;text-transform:uppercase}.label-env{background:var(--accent-emerald-dim);color:var(--accent-emerald)}.label-encrypted{background:var(--accent-rose-dim);color:var(--accent-rose)}.tree-children{overflow:hidden}.panel-viewer{flex:1;min-width:0;display:flex;flex-direction:column;border:none;border-radius:0;box-shadow:none;background:var(--bg-secondary)}.panel-viewer:hover{border-color:transparent;box-shadow:none}.panel-viewer .panel-header{background:transparent;border-bottom:1px solid var(--border-subtle);padding:10px 18px}.panel-viewer .panel-body{flex:1;display:flex;flex-direction:column;min-height:0}.viewer-actions{display:flex;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.action-btn:hover{background:#6796e626;color:#6796e6;box-shadow:0 0 8px #6796e633}.action-btn:active{transform:scale(.92)}.action-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.action-btn:disabled:hover{background:transparent;color:var(--text-muted)}.viewer-content{flex:1;display:flex;flex-direction:column;min-height:0}.file-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.file-breadcrumb{display:flex;align-items:center;gap:4px;padding:6px 16px;font-size:12px;color:var(--text-muted);font-family:JetBrains Mono,monospace;border-bottom:1px solid var(--border-subtle);background:#ffffff03;flex-shrink:0}.breadcrumb-sep{color:#6796e6;opacity:.6}.breadcrumb-segment{transition:color .2s ease}.breadcrumb-segment:first-child{color:#c586c0}.breadcrumb-segment:last-child{color:#4ec9b0;font-weight:600}.file-content{flex:1;padding:16px 16px 16px 0;margin:0;font-size:13px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;overflow-y:auto}.file-content-area{display:flex;flex:1;overflow:hidden;min-height:0;height:100%;align-items:stretch}.code-editor-shell{display:flex;align-items:stretch;overflow:hidden;background:#070a1373}.editor-gutter{width:52px;flex-shrink:0;border-right:1px solid var(--border-subtle);background:#0f132080;overflow:hidden;padding:14px 0}.editor-line-number{height:1.65em;text-align:right;padding:0 10px 0 0;font-size:12px;color:var(--text-muted);opacity:.55;font-variant-numeric:tabular-nums}.editor-line-number.active{color:#9cdcfe;opacity:.95}.editor-textarea{display:block;flex:1;min-height:100%;height:100%;width:100%;max-height:none;padding:13px 16px;border:none;outline:none;resize:none;background:transparent;color:#d7e3ff;font-size:13px;line-height:1.72;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto;overflow-y:scroll;overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-textarea::selection{background:#6ea8ff47}.editor-textarea:focus-visible{outline:none;box-shadow:none}.editor-textarea:focus{outline:none;box-shadow:none}.line-numbers{display:flex;flex-direction:column;padding:16px 0;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:48px;border-right:1px solid var(--border-subtle)}.line-number{font-size:12px;line-height:1.7;color:var(--text-muted);opacity:.4;padding:0 12px 0 0}.file-content-area .file-content{padding:16px}.syntax-highlighted{flex:1;padding:12px 0;margin:0;font-size:13px;line-height:1.7;overflow-y:auto;overflow-x:auto;color:#d4d4d4;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;background:#00000026}.syntax-line{display:flex;min-height:1.7em;position:relative;transition:background-color .1s ease}.syntax-line:hover{background:#ffffff06}.syntax-line.current-line{background:#818cf814;border-left:2px solid #6796e6;margin-left:-2px}.syntax-line.current-line .line-content{padding-left:16px}.syntax-line .line-number{display:inline-block;width:52px;padding:0 16px 0 0;text-align:right;font-size:12px;line-height:1.7;color:#858585;opacity:.4;-webkit-user-select:none;user-select:none;flex-shrink:0;border-right:1px solid rgba(255,255,255,.04);transition:all .1s ease;font-variant-numeric:tabular-nums}.syntax-line:hover .line-number{opacity:.65;color:#858585}.syntax-line.current-line .line-number{opacity:1;color:#858585;font-weight:600}.line-content{flex:1;padding-left:16px;white-space:pre-wrap;word-break:break-word}.syn-keyword{color:#c586c0}.syn-string{color:#ce9178}.syn-number{color:#b5cea8}.syn-comment{color:#6a9955;font-style:italic}.syn-function{color:#dcdcaa}.syn-type{color:#4ec9b0}.syn-variable{color:#9cdcfe}.syn-operator{color:#d4d4d4}.syn-punctuation{color:gray}.syn-property{color:#9cdcfe}.syn-plain{color:#d4d4d4}.syn-tag{color:#569cd6}.syn-heading{color:#569cd6;font-weight:700}.syn-bold{color:#dcdcaa;font-weight:700}.syn-bullet{color:#6796e6}.syn-link{color:#4ec9b0;text-decoration:underline;text-underline-offset:2px}.syn-key{color:#9cdcfe}.syn-value{color:#ce9178}.syn-box{color:gray}.syn-arrow{color:#6796e6}.syn-check{color:#b5cea8}.syn-label{color:#dcdcaa}.viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;gap:8px;flex:1}.empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-muted);margin-bottom:6px;border:1px solid var(--border-subtle)}.empty-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-top:2px}.empty-subtitle{font-size:12px;color:var(--text-muted);max-width:240px;line-height:1.5}.empty-icon svg{width:24px;height:24px}.empty-hint{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;border-radius:var(--radius-sm);background:#9cdcfe14;border:1px solid rgba(156,220,254,.15);font-size:11px;color:#9cdcfe}.sidebar-right{--links-panel-inset: 16px;width:100%;flex-shrink:0;display:flex;flex-direction:column;background:#1a2133e0;border-left:1px solid var(--border-subtle);overflow-y:hidden;overflow-x:hidden}.sidebar-right .panel-links{flex:1;border:none;border-radius:0;box-shadow:none;background:transparent}.sidebar-right .panel-links:hover{border-color:transparent;box-shadow:none}.sidebar-right .panel-links .panel-header{padding:10px var(--links-panel-inset);background:transparent;border-bottom:1px solid var(--border-subtle)}.sidebar-right .panel-links .panel-body{padding:12px var(--links-panel-inset) 16px;flex:1;overflow-y:auto;scrollbar-gutter:stable;box-sizing:border-box}.links-section{margin:0;width:auto;min-width:0;max-width:100%;box-sizing:border-box;padding:10px;border:1px solid rgba(110,168,255,.12);border-radius:12px;background:linear-gradient(180deg,#6ea8ff0f,#242d4226)}.links-list{display:grid;grid-template-columns:1fr;gap:10px}.link-card{display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:14px;height:68px;border-radius:var(--radius-md);background:#242d42b8;border:1px solid var(--border-subtle);text-decoration:none;color:var(--text-primary);transition:all .2s var(--ease-out);position:relative}.link-card:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;opacity:0;transition:opacity .2s ease}.link-card.color-cyan:before{background:var(--accent-cyan)}.link-card.color-emerald:before{background:var(--accent-emerald)}.link-card.color-violet:before{background:var(--accent-violet)}.link-card.color-amber:before{background:var(--accent-amber)}.link-card:hover{background:#34415ebf;border-color:var(--border-default);color:var(--text-primary);box-shadow:0 2px 8px #0000001f}.link-card:hover:before{opacity:1}.link-icon-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);flex-shrink:0;transition:transform .2s var(--ease-spring)}.link-card:hover .link-icon-wrapper{transform:none}.link-icon-wrapper svg{width:18px;height:18px}.link-icon-wrapper.color-cyan{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.link-icon-wrapper.color-emerald{background:var(--accent-emerald-dim);color:var(--accent-emerald)}.link-icon-wrapper.color-violet{background:var(--accent-violet-dim);color:var(--accent-violet)}.link-icon-wrapper.color-amber{background:var(--accent-amber-dim);color:var(--accent-amber)}.link-text{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;min-width:0;overflow:hidden}.link-name{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-desc{font-size:11px;color:var(--text-muted);margin-top:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-external{color:var(--text-muted);opacity:0;transition:all .2s ease;flex-shrink:0}.link-card:hover .link-external{opacity:1;transform:none}.workspace-footer{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(62,84,128,.1),transparent 45%),var(--bg-secondary);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted);position:relative;flex-shrink:0}.footer-accent{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(110,168,255,.55) 20%,rgba(34,211,238,.5) 55%,transparent 100%);opacity:.9}.footer-content{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;min-height:34px;gap:10px}.footer-left,.footer-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-item{display:flex;align-items:center;gap:5px;transition:all .2s ease;cursor:default;padding:3px 0}.footer-item:hover{color:var(--text-primary);transform:none}.footer-branch{padding:4px 10px;background:#6ea8ff1f;color:#8bb8ff;border:1px solid rgba(110,168,255,.25);border-radius:999px;font-weight:500;transition:background-color .2s ease}.footer-branch:hover{background:#6ea8ff2e}.footer-chip{padding:4px 8px;border-radius:6px;background:#0f13206b;border:1px solid var(--border-subtle)}.footer-separator{width:1px;height:12px;background:linear-gradient(180deg,transparent,#6796e6,transparent);opacity:.4;transition:opacity .2s ease}.footer-item:hover+.footer-separator,.footer-separator:hover{opacity:.8}.mono{font-family:JetBrains Mono,Fira Code,SF Mono,monospace}@media(min-width:2200px){.workspace{--rail-width: 360px}.sidebar,.sidebar-right{width:100%}.topbar{height:52px;padding:0 28px}.brand-name,.brand-path{font-size:15px}.profile-name{font-size:18px}.profile-role,.profile-bio{font-size:14px}.profile-avatar{width:72px;height:72px}.syntax-highlighted{font-size:15px}.syntax-line .line-number{width:56px;font-size:14px}.link-card{padding:18px}.link-name{font-size:15px}.link-desc{font-size:13px}.link-icon-wrapper{width:44px;height:44px}.footer-content{height:34px;font-size:12px}}@media(min-width:1600px)and (max-width:2199px){.workspace{--rail-width: 320px}.sidebar,.sidebar-right{width:100%}}@media(max-width:1100px){.workspace{--rail-width: 240px}.sidebar,.sidebar-right{width:100%}.syntax-highlighted{font-size:12.5px}.syntax-line .line-number{width:40px;font-size:11px;padding:0 8px 0 0}.line-content{padding-left:12px}}@media(max-width:960px){.workspace{height:auto;min-height:100vh;min-height:100dvh;overflow:hidden}.main-layout{display:block;overflow:hidden;height:calc(100dvh - 50px)}.topbar{justify-content:space-between;padding:0 12px;gap:8px}.mobile-topbar-btn,.mobile-app-title,.mobile-sheet-overlay{display:inline-flex}.mobile-header-meta{display:flex}.mobile-header-subtitle,.hamburger,.hamburger-line{display:block}.topbar-left{flex:1;min-width:0;gap:10px}.topbar-center,.topbar-right{flex:0 0 auto}.sidebar{position:relative;width:100%;height:100%;border-right:none;border-bottom:none;overflow:hidden;transform:none;transition:none;box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar .panel-explorer .panel-header{padding:12px 14px;background:#161e31d1;border-bottom:1px solid rgba(214,228,255,.08)}.sidebar .panel-explorer .panel-title{letter-spacing:.04em;font-size:10px;color:#d4ddef}.sidebar-profile{flex-direction:row;padding:14px 16px;gap:14px;align-items:center}.profile-avatar{width:48px;height:48px}.avatar-glow{top:-3px;right:-3px;bottom:-3px;left:-3px;filter:blur(4px)}.avatar-status-ring{width:12px;height:12px;border-width:2.5px}.profile-info{text-align:left;flex:1}.profile-bio{text-align:left;display:none}.profile-meta{margin-left:auto}.sidebar .panel-explorer .panel-body{max-height:none;height:calc(100dvh - 96px)}.panel-viewer{min-height:calc(100dvh - 50px);border-bottom:none}.panel-viewer .panel-header{position:sticky;top:0;z-index:40;background:#0d1320f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-right{--links-panel-inset: 14px;width:100%;border-left:none;border-top:1px solid var(--border-subtle);overflow:visible;order:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-right .panel-links .panel-body{padding:10px var(--links-panel-inset) 14px}.links-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workspace-footer{display:none}.syntax-highlighted{font-size:12.5px}.syntax-line .line-number{width:42px;font-size:11px}}@media(max-width:640px){.workspace{min-height:100svh}.main-layout{height:calc(100dvh - 44px)}.topbar{padding:0 12px;height:44px}.window-controls{display:none}.window-dot{width:10px;height:10px}.topbar-left,.topbar-right{gap:8px}.mobile-topbar-btn{width:30px;height:30px;border-radius:8px}.mobile-topbar-btn-menu{width:34px;height:34px;border-radius:10px}.mobile-app-title{font-size:10px}.mobile-header-subtitle{font-size:9px;max-width:132px}.topbar-action-btn{width:24px;height:24px}.brand-icon{width:26px;height:26px}.brand-icon svg{width:15px;height:15px}.brand-name{font-size:13px}.brand-separator,.brand-path{display:none}.topbar-time{font-size:11px;padding:3px 6px}.sidebar-profile{padding:12px 14px;gap:10px}.profile-avatar{width:40px;height:40px}.profile-name{font-size:14px}.profile-role{font-size:11px}.sidebar .panel-explorer .panel-body{max-height:none;height:calc(100dvh - 88px)}.sidebar-right{order:2}.panel-viewer{min-height:calc(100dvh - 44px);height:calc(100dvh - 44px)}.links-list{grid-template-columns:1fr;gap:8px}.links-section{margin:0;padding:8px}.link-card{padding:12px;height:64px}.link-icon-wrapper{width:36px;height:36px}.link-name{font-size:13px}.link-desc{font-size:11px}.file-breadcrumb{font-size:11px;padding:6px 12px}.syntax-highlighted{font-size:12px;line-height:1.6}.syntax-line .line-number{width:36px;font-size:10px;padding:0 8px 0 0}.line-content{padding-left:10px}.footer-right{display:none}.footer-content{justify-content:center;padding:0 10px}.file-content-area{overflow:hidden}.editor-gutter{width:40px}.editor-line-number{padding-right:8px;font-size:11px}.editor-textarea{font-size:12px;padding:12px 12px 14px;line-height:1.78;min-height:100%;height:100%}.ambient-orb{opacity:.2;filter:blur(60px)}.orb-3{display:none}}@media(max-width:400px){.topbar-time,.profile-meta,.mobile-app-title{display:none}.mobile-header-subtitle{max-width:92px}.ambient-grid{display:none}.ambient-orb{opacity:.1}.syntax-highlighted{font-size:11px}.syntax-line .line-number{width:30px;font-size:9px;padding:0 6px 0 0}.line-content{padding-left:8px}}@media(max-width:360px){.topbar{padding:0 8px}.brand-name{font-size:12px}.sidebar-profile{padding:10px;gap:8px}.profile-avatar{width:36px;height:36px}.profile-name{font-size:13px}.link-card{padding:10px;gap:10px}.link-icon-wrapper{width:32px;height:32px}.syntax-line .line-number{display:none}.line-content{padding-left:12px}}@media(prefers-reduced-motion:reduce){.ambient-orb,.avatar-glow{animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}@media(prefers-contrast:high){.panel,.sidebar,.sidebar-right{border-color:var(--border-strong)}.link-card{border-color:var(--border-default)}.topbar{border-bottom-color:var(--border-default)}}@supports (padding: env(safe-area-inset-bottom)){.workspace-footer{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media(hover:hover)and (pointer:fine){.link-card:hover{box-shadow:0 2px 8px #0000001f}.link-card:hover .link-external{opacity:1;transform:translate(2px,-2px)}.link-card:hover .link-icon-wrapper{transform:scale(1.08)}}@media(hover:none){.link-card:hover{transform:none;box-shadow:none}.link-card:hover .link-external{opacity:.4;transform:none}.link-card:hover .link-icon-wrapper{transform:none}.panel:hover{border-color:var(--border-subtle);box-shadow:none}.link-card:active{background:var(--bg-hover);transform:scale(.98);transition:transform .1s ease}.action-btn:active{background:var(--bg-hover);transform:scale(.9)}.tree-item:active{background:var(--bg-hover)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-root: #0f1320;--bg-primary: #131827;--bg-secondary: #1a2133;--bg-tertiary: #242d42;--bg-elevated: #2a3550;--bg-hover: #34415e;--border-subtle: rgba(214, 228, 255, .12);--border-default: rgba(214, 228, 255, .2);--border-strong: rgba(214, 228, 255, .3);--text-primary: #f5f8ff;--text-secondary: #bdc8db;--text-tertiary: #93a2bc;--text-muted: #70809b;--accent-primary: #6ea8ff;--accent-primary-dim: rgba(110, 168, 255, .18);--accent-cyan: #22d3ee;--accent-cyan-dim: rgba(34, 211, 238, .15);--accent-emerald: #34d399;--accent-emerald-dim: rgba(52, 211, 153, .15);--accent-amber: #fbbf24;--accent-amber-dim: rgba(251, 191, 36, .15);--accent-rose: #fb7185;--accent-rose-dim: rgba(251, 113, 133, .15);--accent-violet: #8b5cf6;--accent-violet-dim: rgba(139, 92, 246, .15);--shadow-sm: 0 1px 2px rgba(2, 8, 24, .35);--shadow-md: 0 8px 20px rgba(2, 8, 24, .45);--shadow-lg: 0 14px 44px rgba(2, 8, 24, .5);--shadow-glow: 0 0 44px rgba(110, 168, 255, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 4%,rgba(110,168,255,.1) 0%,transparent 40%),radial-gradient(circle at 85% 90%,rgba(34,211,238,.08) 0%,transparent 38%),var(--bg-root);color:var(--text-primary);min-height:100vh;min-height:100dvh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.2}code,pre,.mono{font-family:JetBrains Mono,Fira Code,SF Mono,monospace}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-cyan)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-primary-dim);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}