.gh{position:fixed;inset:0;display:grid;place-items:center;padding:clamp(12px,2vw,28px);font-family:var(--font-mono);isolation:isolate;overflow:hidden;--bg: #b8cfe8;--bg2: #9BB7D4;--chrome: #5A5B9F;--chrome2: #4a4b8f;--panel: #7BC4C4;--panel-soft: #8fd4d4;--panel-strong: #45B5AA;--text: #1a1a2e;--muted: rgba(26, 26, 46, .7);--accent: #C74375;--accent2: #B163A3;--border: #3d3d5c;--border-width: 2px;--check-1: #9BB7D4;--check-2: #b8cfe8;--highlight: #F0C05A;--shadow-soft: 0 4px 20px rgba(90, 91, 159, .25);--shadow-hover: 0 6px 24px rgba(90, 91, 159, .3);--radius: 8px;--radius-sm: 4px;color:var(--text);background:var(--bg2)}.gh__mesh{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(199,67,117,.4) 0%,transparent 50%),radial-gradient(ellipse 70% 70% at 85% 80%,rgba(240,192,90,.45) 0%,transparent 45%),radial-gradient(ellipse 60% 50% at 75% 15%,rgba(177,99,163,.35) 0%,transparent 40%),radial-gradient(ellipse 50% 60% at 10% 85%,rgba(69,181,170,.4) 0%,transparent 45%),#9bb7d4}.gh__grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(rgba(90,91,159,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(90,91,159,.3) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,black 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.3) 70%,transparent 100%)}.gh__mesh:before,.gh__mesh:after{display:none}.gh__orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.gh__orb--1{width:80px;height:80px;top:12%;right:8%;background:linear-gradient(135deg,#ffffffe6,#9d7ee699,#00e5cc66);box-shadow:inset -8px -8px 20px #9d7ee666,inset 6px 6px 15px #fffc,0 8px 32px #9d7ee64d;animation:orb-float 8s ease-in-out infinite}.gh__orb--2{width:50px;height:50px;bottom:15%;left:6%;background:linear-gradient(145deg,#ffffffd9,#00e5cc80 60%,#ffed4e66);box-shadow:inset -5px -5px 12px #00b4a04d,inset 4px 4px 10px #ffffffb3,0 6px 24px #00e5cc40;animation:orb-float 6s ease-in-out infinite 1s}.gh__orb--3{width:35px;height:35px;top:55%;right:4%;background:linear-gradient(150deg,#fffc,#ff69b480 55%,#ffed4e4d);box-shadow:inset -4px -4px 10px #ff69b44d,inset 3px 3px 8px #ffffffb3,0 4px 16px #ff69b433;animation:orb-float 7s ease-in-out infinite .5s}.gh__star{position:absolute;bottom:8%;right:12%;width:60px;height:60px;pointer-events:none;z-index:1}.gh__star:before{content:"✦";position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:#f0c05a;filter:drop-shadow(0 2px 6px rgba(240,192,90,.5));animation:star-twinkle 3s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.8;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(10deg)}}.gh__smiley{position:absolute;width:44px;height:44px;top:18%;left:6%;pointer-events:none;z-index:1;border-radius:50%;background:linear-gradient(145deg,#ffed4e,gold);border:2px solid rgba(0,0,0,.15);box-shadow:inset -3px -3px 8px #0000001a,inset 2px 2px 6px #ffffff80,0 4px 12px #ffd7004d;animation:smiley-bob 4s ease-in-out infinite}.gh__smiley:before{content:"";position:absolute;top:14px;left:10px;width:6px;height:6px;background:#000;border-radius:50%;box-shadow:18px 0 #000}.gh__smiley:after{content:"";position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:18px;height:9px;border:2px solid #000;border-top:none;border-radius:0 0 18px 18px;background:transparent}@keyframes smiley-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.gh__bubble{position:absolute;bottom:12%;left:4%;padding:8px 12px;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:12px;font-size:10px;font-weight:600;color:var(--text);letter-spacing:.02em;box-shadow:0 3px 10px #0000001a;pointer-events:none;z-index:1;animation:bubble-float 5s ease-in-out infinite}.gh__bubble:after{content:"";position:absolute;bottom:-6px;left:16px;width:10px;height:10px;background:#fff;border:1px solid rgba(0,0,0,.15);border-top:none;border-left:none;transform:rotate(45deg)}@keyframes bubble-float{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-6px);opacity:1}}.gh__window{width:min(1400px,100%);height:min(900px,88vh);border-radius:var(--radius);position:relative;overflow:hidden;z-index:10;display:flex;flex-direction:column;border:2px solid var(--border);box-shadow:var(--shadow-soft);background:var(--panel)}.gh__titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:6px 12px;min-height:32px;background:var(--chrome);border-bottom:2px solid var(--border)}.gh__title{margin:0;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;justify-self:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gh__ver{font-weight:500;opacity:.7;color:#fff;font-size:10px}.gh__windowControls{display:flex;align-items:center;gap:6px;justify-self:end}.gh__wc{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);cursor:default;transition:transform .15s ease,box-shadow .15s ease}.gh__wc:hover{transform:scale(1.15)}.gh__wc--min{background:#f0c05a}.gh__wc--min:hover{box-shadow:0 0 6px #f0c05acc}.gh__wc--max{background:#45b5aa}.gh__wc--max:hover{box-shadow:0 0 6px #45b5aacc}.gh__wc--close{background:#c74375}.gh__wc--close:hover{box-shadow:0 0 6px #c74375cc}.gh__btn{appearance:none;border:2px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;background:#5a5b9f;color:#fff;font:inherit;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;justify-self:start;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.gh__btn:hover{transform:translateY(-1px);background:#6a6baf;box-shadow:0 2px 8px #5a5b9f66}.gh__btn:active{transform:translateY(0);background:#4a4b8f}.gh__btnIcon{display:inline-grid;place-items:center;font-size:11px;font-weight:700;line-height:1}.gh__statusbar{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--panel-strong);border-top:2px solid var(--border);font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--text)}.gh__status-left,.gh__status-center,.gh__status-right{display:flex;align-items:center;gap:6px}.gh__status-left{flex:1}.gh__status-center{flex:2;justify-content:center}.gh__status-right{flex:1;justify-content:flex-end}.gh__status-indicator{width:10px;height:10px;border-radius:50%;border:2px solid var(--border)}.gh__status-indicator--ready{background:#45b5aa}.gh__status-indicator--busy{background:#f0c05a}.gh__status-text{text-transform:uppercase;opacity:.8}.gh__status-path{font-family:var(--font-mono);background:#fff3;padding:4px 10px;border-radius:4px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh__status-divider{opacity:.4}.gh__content{flex:1;display:grid;grid-template-columns:1fr clamp(260px,24vw,340px);overflow:hidden}.terminal-pane,.file-browser{background:var(--panel);display:flex;flex-direction:column;height:100%;overflow:hidden}.terminal-pane{border-right:2px solid var(--border)}.file-browser{background:var(--panel-soft)}.browser-tree{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;background:#ffffff1a}.browser-tree::-webkit-scrollbar{width:8px}.browser-tree::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.browser-tree::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.browser-tree::-webkit-scrollbar-thumb:hover{background:var(--chrome2)}.browser-tree{scrollbar-width:thin;scrollbar-color:var(--accent) rgba(0,0,0,.05)}.terminal-header,.browser-header{background:var(--panel-strong);border-bottom:2px solid var(--border);color:var(--text);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:10px;padding:8px 12px}.tree-item{border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);background:transparent;transition:background .1s ease,border-color .1s ease,transform .1s ease,box-shadow .1s ease;display:flex;align-items:center;gap:8px;padding:7px 10px;margin:2px 0;cursor:pointer;position:relative;font-weight:600}.tree-item:hover{background:#f0c05a59;border-color:var(--border);transform:translate(2px)}.tree-item.active{background:var(--accent);border-color:var(--border);color:#fff;box-shadow:0 2px 8px #6b4eb84d;transform:translate(2px)}.tree-item:active{transform:translate(1px)}.tree-item-icon{flex-shrink:0;width:16px;height:16px;display:inline-block;transition:color .1s ease}.tree-item-icon--folder{color:#5a5b9f}.tree-item-icon--code{color:#45b5aa}.tree-item-icon--document{color:#b163a3}.tree-item-icon--data{color:#f0c05a}.tree-item-icon--image{color:#c74375}.tree-item-icon--archive{color:#666}.tree-item-icon--script{color:#45b5aa}.tree-item-icon--pdf{color:#c74375}.tree-item-icon--unknown{color:#9bb7d4}.tree-item:hover .tree-item-icon--folder{color:#7a7bc0}.tree-item:hover .tree-item-icon--code{color:#5dc5ba}.tree-item:hover .tree-item-icon--document{color:#c17db5}.tree-item:hover .tree-item-icon--data{color:#f5d070}.tree-item:hover .tree-item-icon--image{color:#d75888}.tree-item:hover .tree-item-icon--archive{color:#999}.tree-item:hover .tree-item-icon--script{color:#5dc5ba}.tree-item:hover .tree-item-icon--pdf{color:#d75888}.tree-item.active .tree-item-icon{color:#ffffffe6}.tree-item-label{flex:1;font-size:11px;font-weight:600;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.tree-item-rename-input{flex:1;font-size:11px;font-weight:600;font-family:inherit;letter-spacing:.01em;padding:3px 6px;margin:-3px 0;border:1px solid var(--accent);border-radius:var(--radius-sm);background:#fff;color:#000;outline:none;box-shadow:0 0 0 2px #9d7ee633}.tree-item.renaming{background:#f0c05a80;border-color:var(--border)}.terminal-container{position:relative;flex:1;overflow:hidden;background:var(--panel)}.terminal-container .xterm{height:100%;overflow:visible;border:none!important}.terminal-container .xterm-viewport{border:none!important;outline:none!important;background:var(--panel)!important;box-shadow:none!important;width:calc(100% + 8px)!important;margin-right:-8px!important;height:calc(100% - 20px)!important}.terminal-container .xterm-screen{border:none!important}.terminal-container canvas,.terminal-container .xterm-text-layer,.terminal-container .xterm-selection-layer,.terminal-container .xterm-link-layer,.terminal-container .xterm-cursor-layer{border:none!important;outline:none!important;box-shadow:none!important}.terminal-container .xterm .xterm-screen{padding:16px 0 16px 12px;line-height:1.4}.terminal-container .xterm .xterm-rows{padding-top:4px}.terminal-container .xterm-cursor{box-shadow:inset 0 0 0 1px currentColor;animation:none;border:none;background:transparent!important;width:.6em!important;z-index:10}.terminal-container .xterm-cursor.xterm-cursor-blink{box-shadow:inset 0 0 0 1px currentColor}.context-menu{position:fixed;z-index:9999;background:#fff;border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 16px #00000026;min-width:160px;padding:6px;user-select:none}.context-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);transition:background .1s ease,border-color .1s ease}.context-menu-item:hover{background:#f0c05a73;border-color:var(--border)}.context-menu-item:active{background:var(--accent);color:#fff}.context-menu-separator{height:0;border:none;border-top:2px solid var(--border);margin:4px 8px}.sparkle-animation{position:fixed;pointer-events:none;z-index:1}.sparkle{position:absolute;width:var(--size);height:var(--size);background:var(--color);border:2px solid var(--border);animation:sparkle-burst .8s ease-out forwards;transform-origin:center}.sparkle--circle{border-radius:50%}.sparkle--square{border-radius:2px}.sparkle--star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes sparkle-burst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance))) rotate(var(--rotation)) scale(.2);opacity:0}}@media(max-width:820px){.gh__content{grid-template-columns:1fr;grid-template-rows:1fr 38vh}.terminal-pane{border-right:none;border-bottom:2px solid var(--border)}.gh__orb--1,.gh__orb--3{display:none}.gh__orb--2{width:40px;height:40px}.gh__star{width:40px;height:40px;bottom:4%;right:4%}.gh__star:before{font-size:32px}.gh__smiley{width:32px;height:32px;top:8%;left:4%}.gh__smiley:before{top:10px;left:7px;width:5px;height:5px;box-shadow:13px 0 #000}.gh__smiley:after{bottom:7px;width:14px;height:7px}.gh__bubble{display:none}.gh__grid-overlay{opacity:.5}}@media(prefers-reduced-motion:reduce){.gh__btn,.tree-item,.tree-item-icon,.context-menu-item{transition:none}.gh__mesh:before,.gh__mesh:after,.gh__orb,.gh__star:before,.gh__smiley,.gh__bubble,.gh__grid-overlay{animation:none}.terminal-container .xterm-cursor{animation:none}.sparkle{animation:none;opacity:0}}