:root{--bg-color: #faf5ed;--panel-bg: #fffcf7;--panel-bg-hover: #fcf6e8;--border-color: #4e3629;--text-main: #3a251c;--text-muted: #7d6559;--primary: #d97706;--primary-hover: #b45309;--accent: #ec4899;--shadow-color: rgba(78, 54, 41, .15);--font-retro: "Press Start 2P", monospace;--font-pixel: "VT323", monospace;--font-body: "VT323", monospace;--pixel-border: 0 -4px 0 -2px var(--border-color), 0 4px 0 -2px var(--border-color), -4px 0 0 -2px var(--border-color), 4px 0 0 -2px var(--border-color), 0 0 0 2px var(--border-color);--pixel-border-hover: 0 -4px 0 -2px var(--primary), 0 4px 0 -2px var(--primary), -4px 0 0 -2px var(--primary), 4px 0 0 -2px var(--primary), 0 0 0 2px var(--primary)}.dark{--bg-color: #1a120b;--panel-bg: #271a10;--panel-bg-hover: #332316;--border-color: #fcecd8;--text-main: #fcf6ee;--text-muted: #caa692;--primary: #fbbf24;--primary-hover: #f59e0b;--accent: #f472b6;--shadow-color: rgba(0, 0, 0, .4);--pixel-border: 0 -4px 0 -2px var(--border-color), 0 4px 0 -2px var(--border-color), -4px 0 0 -2px var(--border-color), 4px 0 0 -2px var(--border-color), 0 0 0 2px var(--border-color)}.theme-creme{--bg-color: #faf5ed;--panel-bg: #fffcf7;--panel-bg-hover: #fcf6e8;--border-color: #4e3629;--text-main: #3a251c;--text-muted: #7d6559;--primary: #d97706;--primary-hover: #b45309;--accent: #ec4899;--shadow-color: rgba(78, 54, 41, .15)}.theme-green{--bg-color: #edf7ed;--panel-bg: #f5fbf5;--panel-bg-hover: #e8f3e8;--border-color: #2b3e34;--text-main: #1c2b22;--text-muted: #53695d;--primary: #2e7d32;--primary-hover: #1b5e20;--accent: #d97706;--shadow-color: rgba(43, 62, 52, .15)}.theme-pink{--bg-color: #fff0f5;--panel-bg: #fffafc;--panel-bg-hover: #fff3f7;--border-color: #5c3b47;--text-main: #3d222e;--text-muted: #8c6a78;--primary: #ec4899;--primary-hover: #db2777;--accent: #8b5cf6;--shadow-color: rgba(92, 59, 71, .15)}.theme-white{--bg-color: #ffffff;--panel-bg: #f8f9fa;--panel-bg-hover: #f1f3f5;--border-color: #212529;--text-main: #212529;--text-muted: #6c757d;--primary: #495057;--primary-hover: #343a40;--accent: #228be6;--shadow-color: rgba(0, 0, 0, .08)}.theme-dark{--bg-color: #1a120b;--panel-bg: #271a10;--panel-bg-hover: #332316;--border-color: #fcecd8;--text-main: #fcf6ee;--text-muted: #caa692;--primary: #fbbf24;--primary-hover: #f59e0b;--accent: #f472b6;--shadow-color: rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}input,textarea,select,button{user-select:text!important;-webkit-user-select:text!important;font-family:var(--font-body);font-size:inherit}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);overflow:hidden;image-rendering:pixelated;transition:background-color .3s ease,color .3s ease;font-size:19px;font-weight:500}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.pixel-panel{background-color:var(--panel-bg);box-shadow:var(--pixel-border);position:relative;padding:16px;margin:8px;border-radius:2px;transition:box-shadow .2s ease,transform .2s ease}.pixel-panel-interactive:hover{box-shadow:var(--pixel-border-hover);transform:translateY(-2px)}.pixel-panel-interactive:active{transform:translateY(1px)}.pixel-btn{background-color:var(--panel-bg);border:none;box-shadow:var(--pixel-border);color:var(--text-main);font-family:var(--font-retro);font-size:10px;padding:8px 12px;cursor:pointer;outline:none;transition:all .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pixel-btn:hover{background-color:var(--panel-bg-hover);box-shadow:var(--pixel-border-hover);color:var(--primary)}.pixel-btn:active{transform:translateY(2px);box-shadow:0 -2px 0 -1px var(--border-color),0 2px 0 -1px var(--border-color),-2px 0 0 -1px var(--border-color),2px 0 0 -1px var(--border-color),0 0 0 1px var(--border-color)}.pixel-btn-primary{background-color:var(--primary);color:#fff!important;box-shadow:0 -4px 0 -2px var(--border-color),0 4px 0 -2px var(--border-color),-4px 0 0 -2px var(--border-color),4px 0 0 -2px var(--border-color),0 0 0 2px var(--border-color)}.pixel-btn-primary:hover{background-color:var(--primary-hover)}.pixel-progress-container{height:16px;background-color:var(--bg-color);box-shadow:var(--pixel-border);position:relative;overflow:hidden}.pixel-progress-fill{height:100%;background-color:var(--primary);width:0%;transition:width .3s ease}.app-container{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color)}.sidebar{width:230px;height:100%;border-right:4px solid var(--border-color);background-color:var(--panel-bg);padding:16px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:12px}.sidebar-menu li button{width:100%;text-align:left}.dashboard-roommate-guide{position:fixed;bottom:20px;right:24px;display:flex;flex-direction:row;align-items:flex-end;gap:12px;z-index:40;pointer-events:none}.dashboard-roommate-guide *{pointer-events:auto}.guide-speech-bubble{position:relative;background-color:var(--panel-bg);box-shadow:var(--pixel-border);padding:8px 12px;font-size:11px;font-weight:700;border-radius:2px;color:var(--text-main);max-width:180px;line-height:1.3;margin-bottom:16px}.guide-speech-bubble:before{content:"";position:absolute;right:-6px;bottom:12px;width:6px;height:6px;background-color:var(--panel-bg);box-shadow:2px 0 0 0 var(--border-color),0 -2px 0 0 var(--border-color),0 2px 0 0 var(--border-color)}.dark .guide-speech-bubble:before{background-color:var(--panel-bg)}.main-content{flex-grow:1;height:100%;padding:24px;padding-bottom:120px!important;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:4px solid var(--border-color)}.header-title-section{display:flex;align-items:center;gap:12px}.header-companion-avatar{width:32px;height:32px;overflow:hidden;display:flex;align-items:center;justify-content:center}.header-progress-box{display:flex;align-items:center;gap:16px;width:300px}.header-progress-bar-group{flex-grow:1;display:flex;flex-direction:column;gap:4px}.header-progress-bar-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.header-percentage-badge{font-family:var(--font-retro);font-size:14px;font-bold:true;background-color:var(--border-color);color:var(--bg-color);padding:6px 10px;border-radius:2px}.dark .header-percentage-badge{background-color:var(--border-color);color:var(--text-main)}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,240px));gap:16px;justify-content:center}.goal-card{border-left-width:6px!important;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:160px;padding:14px}.card-title-area{display:flex;align-items:center;gap:8px}.card-emoji{font-size:22px}.card-title-text{font-weight:700;font-size:17px;color:var(--text-main);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.card-subtitle-text{font-size:13px;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:4px;white-space:nowrap}.card-actions{display:flex;gap:6px;align-items:center;width:100%}.card-actions .pixel-btn{flex:1;padding:4px 6px!important;font-size:13px!important;font-family:var(--font-body)!important;min-height:auto!important;line-height:1.1!important;justify-content:center;box-shadow:0 -2px 0 -1px var(--border-color),0 2px 0 -1px var(--border-color),-2px 0 0 -1px var(--border-color),2px 0 0 -1px var(--border-color),0 0 0 1px var(--border-color)!important}.card-progress-section{display:flex;flex-direction:column;gap:4px}.card-progress-labels{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text-muted)}.form-card{max-width:600px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:16px;font-weight:700;color:var(--text-muted)}.form-input,.form-select,.form-textarea{padding:8px 12px;background-color:var(--bg-color);border:2px solid var(--border-color);color:var(--text-main);font-family:var(--font-body);font-size:18px;border-radius:2px;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.stats-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.stats-card{display:flex;flex-direction:column;justify-content:space-between;min-height:90px}.stats-card-title{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:4px}.stats-card-value{font-family:var(--font-pixel);font-size:32px;font-weight:700;color:var(--primary);margin-top:8px}.stats-chart-card{margin-top:16px}.stats-chart-group{display:flex;flex-direction:column;gap:16px}.stats-chart-row{display:flex;flex-direction:column;gap:4px}.stats-chart-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--text-muted)}.settings-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggle-group{display:flex;flex-direction:column;gap:12px;margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:600}.checkbox-input{width:18px;height:18px;accent-color:var(--primary)}@keyframes pixel-idle-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.96) translateY(2%)}}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes walk-in-right{0%{transform:translate(420px);opacity:0}80%{transform:translate(-10px);opacity:1}to{transform:translate(0)}}@keyframes walk-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(420px);opacity:0}}@keyframes character-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes character-jump{0%,to{transform:translateY(0) scaleY(1)}30%{transform:scaleY(.85) translateY(2px)}50%{transform:translateY(-15px) scaleY(1.05)}70%{transform:translateY(0) scaleY(.9)}}.animate-breathe{animation:pixel-idle-breathe 2s infinite ease-in-out;transform-origin:bottom center}.animate-wave{animation:character-wave .5s infinite ease-in-out;transform-origin:bottom center}.animate-jump{animation:character-jump .6s ease-in-out;transform-origin:bottom center}@keyframes walk-calmly-left{0%{transform:translate(380px) translateY(0)}10%{transform:translate(342px) translateY(-4px)}20%{transform:translate(304px) translateY(0)}30%{transform:translate(266px) translateY(-4px)}40%{transform:translate(228px) translateY(0)}50%{transform:translate(190px) translateY(-4px)}60%{transform:translate(152px) translateY(0)}70%{transform:translate(114px) translateY(-4px)}80%{transform:translate(76px) translateY(0)}90%{transform:translate(38px) translateY(-4px)}to{transform:translate(0) translateY(0)}}@keyframes walk-calmly-right{0%{transform:translate(0) translateY(0)}10%{transform:translate(38px) translateY(-4px)}20%{transform:translate(76px) translateY(0)}30%{transform:translate(114px) translateY(-4px)}40%{transform:translate(152px) translateY(0)}50%{transform:translate(190px) translateY(-4px)}60%{transform:translate(228px) translateY(0)}70%{transform:translate(266px) translateY(-4px)}80%{transform:translate(304px) translateY(0)}90%{transform:translate(342px) translateY(-4px)}to{transform:translate(380px) translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-walk-calmly{animation:walk-calmly-left 5.5s linear forwards}.animate-walk-out{animation:walk-calmly-right 2s linear forwards}.animate-bubble-fadein{animation:fade-in-scale .4s cubic-bezier(.175,.885,.32,1.2) forwards}.pixel-bubble{background-color:var(--panel-bg);box-shadow:var(--pixel-border);position:relative;padding:12px 16px;border-radius:4px;font-family:var(--font-body);font-size:14px}.pixel-bubble:after{content:"";position:absolute;bottom:12px;left:-8px;width:8px;height:8px;background-color:var(--panel-bg);box-shadow:-2px 0 0 0 var(--border-color),0 -2px 0 0 var(--border-color),0 2px 0 0 var(--border-color)}.dark .pixel-bubble:after{background-color:var(--panel-bg)}.popup-root{width:100vw;height:100vh;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;background-color:transparent!important}.popup-flow{display:flex;flex-direction:row;align-items:flex-end;gap:12px;width:100%}.popup-bubble-side{flex-grow:1;display:flex;flex-direction:column;gap:8px}.popup-bubble-panel{background-color:var(--panel-bg);box-shadow:var(--pixel-border);padding:12px;display:flex;flex-direction:column;gap:10px;border-radius:2px}.popup-heading{font-family:var(--font-retro);font-size:8px;color:var(--primary);text-transform:uppercase}.popup-msg{font-size:13px;font-weight:600;line-height:1.3}.popup-progress-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--text-muted);margin-bottom:2px}.popup-btn-row{display:flex;gap:6px;justify-content:flex-end}.popup-btn-row .pixel-btn{padding:6px 10px;font-size:8px}@media(max-width:768px){body{overflow-y:auto}.app-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.sidebar{width:100%;height:64px;border-right:none;border-top:4px solid var(--border-color);position:fixed;bottom:0;left:0;padding:6px 12px;flex-direction:row;align-items:center;justify-content:space-around;z-index:100;box-shadow:0 -4px 10px #0000001a}.sidebar>div{width:100%}.sidebar h1,.sidebar span{display:none}.sidebar-menu{flex-direction:row;gap:8px;justify-content:space-around;width:100%}.sidebar-menu li{flex:1}.sidebar-menu li button{padding:6px;font-size:8px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.sidebar-menu li button span{display:inline;font-size:8px}.main-content{padding:16px;padding-bottom:200px!important;height:auto;overflow-y:visible}.dashboard-header{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:12px}.header-progress-box{width:100%}.goals-grid{grid-template-columns:1fr;gap:12px}.goal-card{min-height:auto;padding:12px}.card-top{flex-direction:column;gap:10px}.card-actions{align-self:flex-end}.form-grid-2,.form-grid-3,.settings-panel-grid{grid-template-columns:1fr;gap:12px}.dashboard-roommate-guide{bottom:80px;right:16px}.guide-speech-bubble{font-size:10px;padding:6px 10px;max-width:140px}.popup-root{align-items:center;justify-content:center;padding:12px;background-color:#00000073!important}.popup-flow{flex-direction:column-reverse;align-items:center;justify-content:center;gap:16px;width:100%;max-width:340px}.popup-bubble-side{width:100%}.popup-bubble-panel{padding:16px;box-shadow:var(--pixel-border)}.popup-btn-row{margin-top:4px}.animate-walk-calmly,.animate-walk-out{animation:pixel-idle-breathe 2s infinite ease-in-out}}html.is-electron body{overflow:hidden!important}html.is-electron .app-container{flex-direction:row!important;height:100vh!important;overflow:hidden!important}html.is-electron .sidebar{width:230px!important;height:100%!important;border-right:4px solid var(--border-color)!important;border-top:none!important;position:static!important;padding:16px!important;flex-direction:column!important;justify-content:space-between!important}html.is-electron .sidebar h1,html.is-electron .sidebar span{display:block!important}html.is-electron .sidebar-menu{flex-direction:column!important;gap:12px!important}html.is-electron .sidebar-menu li button{padding:8px 12px!important;font-size:10px!important;flex-direction:row!important;justify-content:flex-start!important}html.is-electron .sidebar-menu li button span{display:inline!important;font-size:10px!important}html.is-electron .main-content{padding:24px 24px 120px!important}html.is-electron .dashboard-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}html.is-electron .header-progress-box{width:300px!important}html.is-electron .goals-grid{grid-template-columns:repeat(auto-fill,minmax(210px,240px))!important}html.is-electron .goal-card{min-height:160px!important}html.is-electron .form-grid-2{grid-template-columns:1fr 1fr!important}html.is-electron .form-grid-3{grid-template-columns:1fr 1fr 1fr!important}html.is-electron .settings-panel-grid{grid-template-columns:1fr 1fr!important}html.is-electron .popup-root{align-items:flex-end!important;justify-content:flex-end!important;background-color:transparent!important;padding:16px!important}html.is-electron .popup-flow{flex-direction:row-reverse!important;max-width:100%!important}html.is-electron .animate-walk-calmly{animation:walk-calmly-left 5.5s linear forwards!important}html.is-electron .animate-walk-out{animation:walk-calmly-right 2s linear forwards!important}.content-container{max-width:820px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.theme-selector-bar{display:flex;align-items:center;gap:8px;margin-top:8px;width:fit-content}.theme-circle-btn{width:18px;height:18px;border-radius:50%;cursor:pointer;position:relative;transition:transform .1s ease;padding:0;box-shadow:0 1px 3px #00000026}.theme-circle-btn:hover{transform:scale(1.2)}.theme-circle-btn.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:var(--border-color)}