.guestbook-container{--color-bg:#0d1117;--color-terminal-bg:#010409;--color-green:#00ff41;--color-green-dim:#00aa2a;--color-green-bright:#39ff14;--color-amber:#ffb000;--color-amber-dim:#c80;--color-cyan:#0ff;--color-magenta:#f0f;--color-red:#f33;--color-white:#e6edf3;--color-gray:#6e7681;--color-border:#00ff41;font-family:var(--font-fira-code),var(--font-ibm-plex-mono),"Fira Code","IBM Plex Mono",monospace;color:var(--color-green);background:var(--color-bg);max-width:950px;min-height:100vh;margin:0 auto;padding:2rem}.terminal-window{background:var(--color-terminal-bg);position:relative;box-shadow:0 0 20px #00ff411a,inset 0 0 60px #00ff4108}.terminal-window:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 2px);position:absolute;inset:0}.terminal-header{border:1px solid var(--color-green);z-index:1;background:#00ff410d;border-bottom:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.header-left{align-items:center;gap:1rem;display:flex}.connection-status{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.status-dot{background:var(--color-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-dot.error{background:var(--color-red);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.channel-info{color:var(--color-green-bright);font-size:1rem}.header-right{color:var(--color-gray);font-size:.75rem}.main-frame{border:1px solid var(--color-green);z-index:1;position:relative}.motd-section{border-bottom:1px dashed var(--color-green-dim);background:#00ff4105;padding:1rem}.motd-ascii{color:var(--color-amber);white-space:pre;margin-bottom:1rem;font-size:.55rem;line-height:1.2;overflow-x:auto}@media (min-width:768px){.motd-ascii{font-size:.7rem}}.motd-text{color:var(--color-cyan);font-size:.8rem}.motd-prefix,.motd-rules{color:var(--color-gray)}.chat-area{min-height:400px;max-height:500px;display:flex}.messages{border-right:1px dashed var(--color-green-dim);flex:1;padding:1rem;overflow-y:auto}.message{gap:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.5;display:flex}.msg-time{color:var(--color-gray);min-width:50px}.msg-nick{text-align:right;min-width:120px;padding-right:.5rem}.msg-nick.op{color:var(--color-amber)}.msg-nick.voice{color:var(--color-cyan)}.msg-nick.regular{color:var(--color-green-bright)}.msg-nick.system{color:var(--color-gray);font-style:italic}.msg-nick.action{color:var(--color-magenta)}.msg-content{color:var(--color-white);word-break:break-word;flex:1}.msg-content.system{color:var(--color-gray);font-style:italic}.msg-content.action{color:var(--color-magenta);font-style:italic}.separator{border:none;border-top:1px dashed var(--color-green-dim);margin:.75rem 0}.join-msg{color:var(--color-green);padding:.25rem 0;font-size:.875rem}.join-msg .arrow{color:var(--color-green-bright)}.join-msg .nick-highlight{color:var(--color-green-bright);font-weight:500}.system-msg{color:var(--color-gray);white-space:pre-wrap;padding:.25rem 0;font-family:inherit;font-size:.875rem}.system-msg.error{color:var(--color-red)}.sidebar{background:#00ff4105;flex-shrink:0;width:160px;padding:1rem}.sidebar-header{color:var(--color-amber);border-bottom:1px solid var(--color-green-dim);justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.75rem;display:flex}.user-list{max-height:350px;font-size:.8rem;overflow-y:auto}.user{align-items:center;gap:.25rem;padding:.25rem 0;display:flex}.user-prefix{text-align:center;width:12px}.user-prefix.op{color:var(--color-amber)}.user-prefix.voice{color:var(--color-cyan)}.user-name{color:var(--color-green)}.user-name.op{color:var(--color-amber)}.user-name.voice{color:var(--color-cyan)}.user-name.self{color:var(--color-green-bright)}.input-section{border-top:1px solid var(--color-green);background:#00ff4108;padding:1rem}.input-row{align-items:center;gap:.5rem;display:flex}.prompt{color:var(--color-green-bright);white-space:nowrap;font-size:.875rem}.input-field{border:none;border-bottom:1px solid var(--color-green-dim);color:var(--color-white);background:0 0;outline:none;flex:1;padding:.5rem 0;font-family:inherit;font-size:.875rem}.input-field:focus{border-color:var(--color-green-bright)}.input-field::placeholder{color:var(--color-gray)}.cursor{background:var(--color-green);width:8px;height:16px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.status-bar{border:1px solid var(--color-green);color:var(--color-gray);z-index:1;background:#00ff410d;border-top:none;justify-content:space-between;padding:.5rem 1rem;font-size:.7rem;display:flex;position:relative}.help-section{border:1px solid var(--color-green-dim);background:var(--color-terminal-bg);margin-top:2rem;padding:1.5rem}.help-header{color:var(--color-amber);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.help-grid{grid-template-columns:repeat(2,1fr);gap:.75rem 2rem;display:grid}@media (max-width:600px){.help-grid{grid-template-columns:1fr}}.help-item{gap:1rem;font-size:.8rem;display:flex}.help-cmd{color:var(--color-cyan);min-width:120px}.help-desc{color:var(--color-gray)}.messages::-webkit-scrollbar{width:8px}.user-list::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:var(--color-terminal-bg)}.user-list::-webkit-scrollbar-track{background:var(--color-terminal-bg)}.messages::-webkit-scrollbar-thumb{background:var(--color-green-dim)}.user-list::-webkit-scrollbar-thumb{background:var(--color-green-dim)}.messages::-webkit-scrollbar-thumb:hover{background:var(--color-green)}.user-list::-webkit-scrollbar-thumb:hover{background:var(--color-green)}@media (max-width:768px){.guestbook-container{padding:1rem}.chat-area{flex-direction:column;max-height:none}.messages{border-right:none;border-bottom:1px dashed var(--color-green-dim);min-height:300px;max-height:400px}.sidebar{width:100%;max-height:150px}.user-list{flex-wrap:wrap;gap:.5rem;max-height:none;display:flex}.user{background:#00ff410d;border-radius:2px;padding:.25rem .5rem}.msg-nick{min-width:80px}}.nick-link{color:inherit;cursor:pointer;text-decoration:none;transition:color .2s}.nick-link:hover{color:var(--color-cyan);text-underline-offset:2px;text-decoration:underline}.website-indicator{opacity:.7;font-size:.8em}.cooldown-warning{color:var(--color-amber);animation:1s ease-in-out infinite pulse}.input-field:disabled{opacity:.5;cursor:not-allowed}.input-field:disabled::placeholder{color:var(--color-amber)}