@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.terminal-window{width:100%;max-width:100%;min-height:300px;overflow-x:hidden}.header-fieldset{border:1px solid var(--accent);border-radius:4px;margin:0 0 1.5rem;padding:.5rem 1.5rem 1rem;max-width:100%;box-sizing:border-box}.header-legend{padding:0 .5rem;margin-left:.5rem;color:var(--accent);font-weight:700;font-size:1.1rem;display:flex;align-items:baseline;gap:.5rem}.header-content{display:flex;gap:2rem;align-items:stretch}.header-left{flex:1;display:flex;flex-direction:column;justify-content:center}.header-subtitle{color:var(--text-dim);font-size:.95rem;margin:0 0 1rem;line-height:1.4}.header-ascii{color:var(--accent);font-size:.7rem;line-height:1.1;margin:0;opacity:.8}.header-divider{width:1px;background:var(--text-dim);opacity:.2}.header-right{flex:1.3;display:flex;flex-direction:column;justify-content:center;gap:1.25rem}.header-section{display:flex;flex-direction:column;gap:.25rem}.header-label{color:var(--accent);font-weight:700;font-size:.9rem}.header-info{color:var(--text);font-size:.9rem}.header-info .cmd{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:inherit;color:var(--text-bright)}.header-info.dim{color:var(--text-dim);font-style:italic}@media(max-width:600px){.header-fieldset{width:100%;padding:.75rem 1rem;margin-bottom:1rem}.header-legend{font-size:1rem}.header-content{flex-direction:column;gap:1rem}.header-divider{display:none}.header-left,.header-right{text-align:center;align-items:center}.header-ascii{font-size:.55rem}.header-label{white-space:normal;line-height:1.4;font-size:.85rem}.header-subtitle{font-size:.85rem;margin-bottom:.5rem}}@media(max-width:380px){.header-left{display:none}.header-fieldset{padding:.5rem .75rem}.header-legend{font-size:.9rem}}.command-section{margin-bottom:1.5rem;max-width:100%;overflow:hidden}.command-line{display:flex;align-items:center;gap:.5rem}.command-line .prompt{color:var(--accent-cyan);font-weight:600}.command-line .cmd{color:var(--accent-yellow);white-space:nowrap}.input-wrapper{flex:1;position:relative;display:flex}.input-measure{position:absolute;visibility:hidden;white-space:pre;font-family:inherit;font-size:inherit;padding-left:0}.terminal-cursor{position:absolute;top:50%;transform:translateY(-50%);width:.55em;height:1.2em;background:var(--success);pointer-events:none;z-index:1;opacity:.85;animation:blink-cursor 1s step-end infinite;transition:left .05s ease-out}@keyframes blink-cursor{0%,to{opacity:.85}50%{opacity:0}}.command-line input{flex:1;background:transparent;border:none;color:var(--text-bright);font-family:inherit;font-size:inherit;outline:none;caret-color:transparent;padding:.25rem .5rem}.command-line input::placeholder{color:var(--text-dim)}.status-msg{margin-top:.5rem;margin-left:1.5rem;font-size:.9rem;min-height:1.4em}.status-msg .dim{color:var(--text-dim)}.status-msg .success{color:var(--success)}.status-msg .error{color:var(--error)}.graph-section{margin-bottom:2rem;scroll-behavior:smooth;max-width:100%}.graph-grid{display:flex;gap:2px;width:100%}.week-col{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.day-cell{width:100%;aspect-ratio:1;background:var(--level-0);border-radius:2px;transition:background .1s,box-shadow .1s}.day-cell.playing{background:var(--text-bright)!important;box-shadow:0 0 8px var(--text-bright)}.graph-grid.loading .day-cell{animation:flash-play var(--anim-duration, .4s) ease-in-out infinite;animation-delay:calc(var(--cell-index) * 30ms)}.graph-grid.error .day-cell{background:var(--error);opacity:.15;box-shadow:none;animation:none}.graph-grid.loading .week-col:nth-child(3n) .day-cell{--anim-duration: .3s}.graph-grid.loading .week-col:nth-child(3n+1) .day-cell{--anim-duration: .5s}.graph-grid.loading .week-col:nth-child(3n+2) .day-cell{--anim-duration: .4s}.graph-grid.loading .day-cell:nth-child(odd){animation-direction:alternate}@keyframes flash-play{0%,to{background:var(--level-0);box-shadow:none}50%{background:var(--accent);box-shadow:0 0 8px var(--accent)}}.level-1{background:var(--level-1)}.level-2{background:var(--level-2)}.level-3{background:var(--level-3)}.level-4{background:var(--level-4)}.controls-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.ctrl-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--text-dim);color:var(--text);font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.ctrl-btn:hover:not(:disabled){border-color:var(--text);color:var(--text-bright)}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn.active{background:var(--success);border-color:var(--success);color:#000}.ctrl-btn.recording{background:var(--error);border-color:var(--error);color:#fff;animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--text-bright);color:var(--level-0);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1}.footer-hint{color:var(--text-dim);font-size:.8rem;border-top:1px solid #222;padding-top:1rem}@media(max-width:600px){.terminal-window{width:100%;min-height:auto;font-size:15px}.command-line input{font-size:16px}.command-line .prompt,.command-line .cmd{font-size:15px}.graph-section{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}.graph-section::-webkit-scrollbar{height:6px}.graph-section::-webkit-scrollbar-track{background:var(--bg)}.graph-section::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:3px}.graph-grid{width:max-content;gap:3px;padding-bottom:8px}.week-col{flex:0 0 10px;gap:3px}.day-cell{height:10px;aspect-ratio:unset}.controls-row{flex-direction:column}.ctrl-btn{width:100%;padding:.75rem 1rem;font-size:1rem}.command-line{flex-wrap:nowrap}.input-wrapper{flex:1;min-width:0}.command-line input{min-width:0}.status-msg{margin-left:0;text-align:left;font-size:14px}.footer-hint{display:none}.toast-notification{width:90%;max-width:300px;text-align:center}}@media(max-width:380px){.ctrl-btn{padding:.6rem .75rem;font-size:.9rem}.week-col{flex:0 0 8px}.day-cell{height:8px}}:root{--bg: #0d0d0d;--border: #f23400;--text: #aaaaaa;--text-dim: #555555;--text-bright: #ffffff;--accent: #f23400;--accent-cyan: #66cccc;--accent-yellow: #dcdcaa;--success: #4ec9b0;--error: #cc5533;--level-0: #1a1a1a;--level-1: #0e4429;--level-2: #006d32;--level-3: #26a641;--level-4: #39d353}*{box-sizing:border-box}body{margin:0;padding:1rem;background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{width:100%;max-width:650px;overflow-x:hidden}@media(max-width:600px){html{overflow-x:hidden}body{overflow-x:hidden;padding:.75rem;width:100%;min-width:0}#root{width:100%;max-width:100%;overflow-x:hidden}.app-container{width:100%;max-width:100%;min-width:0}}