:root{--bg-color:#0d1117;--text-color:#e6edf3;--prompt-color:#7ee787;--accent-color:#58a6ff;--header-bg:#161b22;--input-bg:#0d1117;--terminal-border:#30363d;--terminal-shadow:#0006;--button-red:#f85149;--button-yellow:#f0883e;--button-green:#7ee787;--font-mono:"JetBrains Mono", "Courier New", monospace;--color-header:#58a6ff;--color-subheader:#f0883e;--color-accent:#7ee787;--color-muted:#8b949e;--color-divider:#30363d}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);justify-content:center;align-items:center;height:100vh;margin:0;padding:0;display:flex}.terminal-container{width:90%;max-width:900px;height:80vh;box-shadow:0 10px 30px var(--terminal-shadow);border:1px solid var(--terminal-border);border-radius:10px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.terminal-container.maximized{border-radius:10px;width:95vw;max-width:none;height:95vh}.terminal-container.minimized{opacity:0;pointer-events:none;transform:scale(.1)translateY(50vh)}.terminal-header{background-color:var(--header-bg);justify-content:space-between;align-items:center;padding:10px;display:flex}.terminal-buttons{gap:8px;display:flex}.button{border-radius:50%;width:12px;height:12px;transition:transform .2s,opacity .2s}.button:hover{opacity:.8;transform:scale(1.2)}.close{background-color:var(--button-red)}.minimize{background-color:var(--button-yellow)}.maximize{background-color:var(--button-green)}.terminal-toolbar{flex-wrap:wrap;align-items:center;gap:3px;margin-left:auto;display:flex}.toolbar-item{color:var(--text-color);opacity:.7;cursor:pointer;font-family:var(--font-mono);white-space:nowrap;background:0 0;border:none;padding:4px 8px;font-size:12px;transition:opacity .2s}.toolbar-item.active,.toolbar-item:hover{opacity:1}.terminal-body{background-color:var(--bg-color);scroll-behavior:smooth;flex-grow:1;padding:15px;overflow:hidden auto}#terminal-output{white-space:pre-wrap;word-wrap:break-word;font-size:16px;line-height:1.5}.terminal-input-line{align-items:center;margin-top:5px;margin-bottom:5px;display:flex}.prompt{color:var(--prompt-color);white-space:nowrap;flex-shrink:0;margin-right:10px}.terminal-input,#terminal-input{color:var(--text-color);font-family:var(--font-mono);caret-color:var(--text-color);background-color:#0000;border:none;outline:none;flex-grow:1;min-width:0;font-size:16px}.terminal-input:disabled,#terminal-input:disabled{color:var(--text-color);opacity:1}.terminal-body::-webkit-scrollbar{width:10px}.terminal-body::-webkit-scrollbar-track{background:var(--bg-color)}.terminal-body::-webkit-scrollbar-thumb{background:var(--terminal-border);border-radius:5px}.terminal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.color-header{color:var(--color-header);font-weight:700}.color-subheader{color:var(--color-subheader);font-weight:700}.color-accent{color:var(--color-accent)}.color-muted{color:var(--color-muted)}.color-divider{color:var(--color-divider)}#terminal-output a{color:var(--accent-color);cursor:pointer;text-decoration:underline;transition:opacity .2s}#terminal-output a:hover{opacity:.8;text-decoration:underline}#terminal-output a:visited{color:var(--color-subheader)}.timeline{margin:20px 0}.timeline-item{border-left:2px solid var(--accent-color);margin-bottom:25px;padding-left:20px;position:relative}.timeline-date{color:var(--accent-color);margin-bottom:5px;font-weight:700}.timeline-content{margin-left:10px}#terminal-output span:has(+span){line-height:1.8}.terminal-body{line-height:1.6}#terminal-output{white-space:pre-wrap;word-wrap:break-word}.bullet-item{text-indent:-1.2em;word-wrap:break-word;white-space:pre-wrap;margin:0;padding-left:1.5em;line-height:1.6}.mobile-menu-button{background:var(--accent-color);width:56px;height:56px;color:var(--bg-color);cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d}.mobile-menu-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-overlay{opacity:0;visibility:hidden;z-index:1001;background:#000000b3;transition:all .3s;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{background:var(--header-bg);z-index:1002;border-top-left-radius:20px;border-top-right-radius:20px;max-height:70vh;padding:20px;transition:bottom .3s;position:fixed;bottom:-100%;left:0;right:0;overflow-y:auto}.mobile-menu.active{bottom:0}.mobile-menu-header{border-bottom:1px solid var(--terminal-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.mobile-menu-header h3{color:var(--color-header);font-size:20px;font-family:var(--font-mono);margin:0}.mobile-menu-close{color:var(--text-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;display:flex}.mobile-menu-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mobile-menu-item{background:var(--bg-color);border:1px solid var(--terminal-border);cursor:pointer;font-family:var(--font-mono);color:var(--text-color);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.mobile-menu-item:active{background:var(--terminal-border);transform:scale(.95)}.mobile-menu-icon{font-size:24px}.mobile-menu-label{font-size:14px}@media (width<=768px){.terminal-container{width:95%;height:90vh}.terminal-toolbar{display:none}.terminal-title{font-size:12px}.mobile-menu-button{display:flex}#terminal-output{line-height:1.8}}
