:root{--bg-color: #0d0d0d;--panel-bg: #1a1a1a;--primary-color: #00ff41;--accent-color: #008f11;--text-color: #00ff41;--dim-text: #008f11;--highlight-color: #5eff82;--error-color: #ff3e3e;--warn-color: #fffc00;--info-color: #3e8bff;--anxious-color: #d13eff;--border-color: #333333;--font-pixel: "Silkscreen", cursive;--font-mono: "Fira Code", monospace;--shadow-glow: 0 0 10px rgba(0, 255, 65, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);font-size:16px;line-height:1.5;overflow:hidden;height:100dvh;width:100vw;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{height:100%}.terminal-window{display:flex;flex-direction:column;height:100%;padding:15px;gap:15px;max-width:600px;margin:0 auto}.page-title{font-size:20px;margin-bottom:5px;text-shadow:var(--shadow-glow);color:var(--primary-color)}.terminal-content{flex:1;overflow-y:auto;padding-bottom:20px}.bottom-nav{display:flex;justify-content:space-around;border-top:1px solid var(--border-color);background:var(--bg-color);padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:100}.nav-item{color:var(--dim-text);cursor:pointer;transition:all .2s;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-item svg{width:24px;height:24px;fill:currentColor}.nav-item span{font-size:10px;font-family:var(--font-mono)}.nav-item.active{color:var(--text-color);filter:drop-shadow(0 0 5px var(--primary-color))}.commit-view{display:flex;flex-direction:column;gap:20px;height:100%}.section-label{font-size:10px;color:var(--dim-text);margin-bottom:10px;display:block}.mood-selector,.category-selector{margin-bottom:5px}.mood-options,.category-options{display:flex;gap:10px;flex-wrap:wrap}.mood-btn{background:transparent;border:1px solid var(--border-color);padding:10px 15px;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .2s}.category-btn{background:transparent;border:1px solid var(--border-color);padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:var(--dim-text);cursor:pointer;transition:all .2s}.category-btn.active{border-color:var(--text-color);color:var(--text-color)}.mood-btn.active{color:#000}.commit-input-area{background:var(--panel-bg);border:1px solid var(--border-color);padding:15px;display:flex;flex-direction:column;flex:1;margin-bottom:30px}.main-textarea{background:none;border:none;color:var(--text-color);font-family:var(--font-mono);font-size:16px;width:100%;resize:none;flex:1;outline:none;line-height:1.6}.commit-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.btn-commit{background:var(--primary-color);color:#000;border:none;padding:10px 20px;font-family:var(--font-mono);font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s}.btn-commit:active{transform:scale(.95)}.history-toggle{display:flex;border:1px solid var(--border-color);margin-bottom:15px}.toggle-btn{flex:1;padding:8px;text-align:center;font-size:12px;cursor:pointer;color:var(--dim-text)}.toggle-btn.active{background:var(--border-color);color:var(--text-color)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--border-color);border:1px solid var(--border-color)}.calendar-day-label{background:var(--bg-color);padding:5px;text-align:center;font-size:10px;color:var(--dim-text)}.calendar-day{aspect-ratio:1;background:var(--bg-color);display:flex;align-items:center;justify-content:center;font-size:12px;position:relative;cursor:pointer}.calendar-day.empty{color:#222;cursor:default}.calendar-day.future{pointer-events:none;cursor:default}.calendar-day.future span{color:#333}.calendar-day.has-entry:after{content:"";position:absolute;width:60%;height:60%;background:var(--mood-color, var(--primary-color));opacity:.3;z-index:0}.calendar-day span{position:relative;z-index:1}.calendar-day.selected{outline:2px solid var(--primary-color);z-index:2}.entry-card{border:1px solid var(--border-color);padding:12px;background:var(--panel-bg);margin-top:15px}.mood-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.filter-row{display:flex;gap:10px;margin-bottom:15px}.custom-dropdown{position:relative;flex:1;font-family:var(--font-mono)}.dropdown-header{background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-color);padding:8px 12px;font-size:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dropdown-arrow{font-size:8px;color:var(--dim-text)}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:var(--panel-bg);border:1px solid var(--primary-color);border-top:none;z-index:1000;max-height:200px;overflow-y:auto;box-shadow:0 4px 10px #00000080}.dropdown-item{padding:10px 12px;font-size:12px;color:var(--text-color);cursor:pointer;border-bottom:1px solid var(--border-color)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:active,.dropdown-item.active{background:var(--primary-color);color:#000}.insight-chart-container{display:flex;align-items:flex-end;gap:12px;height:200px;padding:20px 10px;background:var(--panel-bg);border:1px solid var(--border-color);margin-top:15px}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.chart-bar{width:100%;transition:height .3s ease;min-height:2px}.chart-label{font-size:9px;margin-top:8px;color:var(--dim-text);white-space:nowrap}.chart-value{font-size:10px;margin-bottom:5px;color:var(--text-color)}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.insight-card{border:1px solid var(--border-color);padding:15px;background:var(--panel-bg)}.stat-value{font-size:24px;color:var(--highlight-color)}.mood-bar-container{display:flex;height:10px;background:#222;margin-top:10px}.mood-bar{height:100%;transition:width .3s}.config-group{margin-bottom:20px}.config-label{font-size:10px;color:var(--dim-text);margin-bottom:5px;display:block}.config-input{width:100%;background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-color);padding:10px;font-family:var(--font-mono)}.config-menu-list{display:flex;flex-direction:column;gap:10px}.config-menu-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);padding:15px;background:var(--panel-bg);cursor:pointer;transition:all .2s}.config-menu-item:active{background:var(--border-color);border-color:var(--primary-color)}.config-menu-item .label{font-size:14px}.config-menu-item .arrow{color:var(--dim-text)}.back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--dim-text);cursor:pointer;font-size:12px;margin-bottom:20px;padding:5px 0}.back-btn:hover{color:var(--text-color)}.subpage-container{display:flex;flex-direction:column;height:100%}.glow-text{text-shadow:var(--shadow-glow)}