: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 15px 0;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;position:relative;flex-shrink:0}.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}.photo-gallery::-webkit-scrollbar{height:4px}.photo-gallery::-webkit-scrollbar-track{background:var(--bg-color)}.photo-gallery::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.photo-gallery::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.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)}.splash-container{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at center,#1a1a1a,#0d0d0d);position:relative;overflow:hidden;padding:20px}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;z-index:2}.image-container{margin-bottom:40px;filter:drop-shadow(0 0 15px var(--accent-color))}.splash-image{max-width:250px;height:auto;border:1px solid var(--primary-color);padding:5px}.pulse{animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 5px var(--primary-color))}50%{filter:drop-shadow(0 0 20px var(--primary-color))}}.terminal-boot{width:100%;max-width:400px;font-family:var(--font-mono);font-size:14px;color:var(--primary-color);min-height:180px;display:flex;flex-direction:column;gap:4px}.boot-line{white-space:pre-wrap;text-shadow:0 0 5px var(--primary-color)}.typing{border-right:.15em solid var(--primary-color);animation:blink-caret .7s steps(1) infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}.crt-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:10}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000,#1210101a,#12101000);background-size:100% 4px;animation:scanline 10s linear infinite;pointer-events:none;z-index:11}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.splash-fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.coco-chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.coco-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:2px solid var(--primary-color);margin-bottom:2px;flex-shrink:0}.coco-header-left{display:flex;align-items:center;gap:12px}.coco-avatar-small{width:40px;height:40px;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;background:var(--panel-bg);image-rendering:pixelated;box-shadow:var(--shadow-glow)}.coco-pixel-face{font-size:22px;line-height:1}.coco-header-info{display:flex;flex-direction:column;gap:2px}.coco-header-name{font-size:16px;color:var(--primary-color);text-shadow:var(--shadow-glow);font-family:var(--font-mono)}.coco-header-status{font-size:11px;color:var(--highlight-color);animation:statusBlink 2s infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.4}}.coco-chat-messages{flex:1;overflow-y:auto;padding:15px 0;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.coco-chat-messages::-webkit-scrollbar{width:4px}.coco-chat-messages::-webkit-scrollbar-thumb{background:var(--border-color)}.coco-msg{display:flex;align-items:flex-end;gap:8px;animation:msgSlideIn .3s ease-out}.coco-msg.user{flex-direction:row-reverse}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coco-msg-avatar{width:32px;height:32px;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;background:var(--panel-bg);font-size:16px;flex-shrink:0;box-shadow:0 0 6px #00ff4133}.coco-msg-bubble{max-width:75%;padding:10px 14px;border:1px solid var(--border-color);background:var(--panel-bg);position:relative}.coco-msg-bubble.coco{border-color:var(--primary-color);box-shadow:inset 0 0 8px #00ff410d,0 0 6px #00ff411a}.coco-msg-bubble.user{border-color:#3e8bff;background:#3e8bff14;box-shadow:inset 0 0 8px #3e8bff0d,0 0 6px #3e8bff1a}.coco-msg-text{font-family:var(--font-mono);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0;color:var(--text-color)}.coco-msg-bubble.user .coco-msg-text{color:#a3d8ff}.coco-msg-time{display:block;font-size:9px;color:var(--dim-text);margin-top:6px;text-align:right;opacity:.6}.coco-typing-indicator{display:flex;gap:5px;padding:4px 2px}.coco-typing-indicator span{width:6px;height:6px;background:var(--primary-color);display:block;animation:typingDot 1.4s infinite ease-in-out;box-shadow:0 0 4px var(--primary-color)}.coco-typing-indicator span:nth-child(2){animation-delay:.2s}.coco-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.coco-chat-input-area{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--border-color);flex-shrink:0}.coco-chat-input{flex:1;background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-color);padding:10px 14px;font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .2s}.coco-chat-input:focus{border-color:var(--primary-color);box-shadow:0 0 6px #00ff4126}.coco-chat-input::placeholder{color:var(--dim-text);opacity:.5}.coco-chat-input:disabled{opacity:.4}.coco-chat-send-btn{width:44px;background:var(--primary-color);color:#000;border:none;font-size:16px;font-family:var(--font-mono);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.coco-chat-send-btn:hover:not(:disabled){box-shadow:0 0 12px var(--primary-color)}.coco-chat-send-btn:active:not(:disabled){transform:scale(.9)}.coco-chat-send-btn:disabled{opacity:.3;cursor:not-allowed}