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