@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--win95-grey:silver;--win95-dark:gray;--win95-darker:#404040;--win95-black:#000;--win95-white:#fff;--win95-blue:navy;--win95-lightblue:#00a;--win95-desktop:teal}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--win95-desktop);color:#000;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-family:Tahoma,MS Sans Serif,Arial,sans-serif;line-height:1.5;overflow:hidden}body.mobile-mode{touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow:hidden auto}body.mobile-mode #root{min-height:100vh}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#dfdfdf;border-top:1px solid #fff;border-left:1px solid #fff}::-webkit-scrollbar-thumb{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}::-webkit-scrollbar-thumb:active{background:silver;box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff,inset 2px 2px gray,inset -2px -2px #dfdfdf}::-webkit-scrollbar-corner{background:silver}.win95-raised{border:2px solid;border-color:var(--win95-white) var(--win95-dark) var(--win95-dark) var(--win95-white)}.win95-sunken{border:2px solid;border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark)}.win95-window{background:var(--win95-grey);border:2px solid;border-color:var(--win95-white) var(--win95-darker) var(--win95-darker) var(--win95-white);box-shadow:1px 1px 0 var(--win95-dark)}.win95-titlebar{background:linear-gradient(to right, var(--win95-blue), var(--win95-lightblue));color:var(--win95-white);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:18px;padding:2px 4px;font-size:11px;font-weight:700;display:flex}.win95-titlebar-inactive{background:var(--win95-dark)}.win95-title-btn{background:var(--win95-grey);border:2px solid;border-color:var(--win95-white) var(--win95-darker) var(--win95-darker) var(--win95-white);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:12px;padding:0;font-size:7px;font-weight:700;line-height:1;display:flex}.win95-title-btn:active{border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark)}.win95-btn{background:var(--win95-grey);border:2px solid;border-color:var(--win95-white) var(--win95-darker) var(--win95-darker) var(--win95-white);cursor:pointer;text-align:center;white-space:nowrap;min-width:75px;padding:3px 10px;font-size:11px;line-height:1.4}.win95-btn:active,.win95-btn.active{border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark);padding:4px 9px 2px 11px}.win95-btn:focus{outline:1px dotted var(--win95-black);outline-offset:-4px}.win95-menubar{background:var(--win95-grey);border-bottom:1px solid var(--win95-dark);align-items:center;gap:0;padding:2px 0;display:flex}.win95-menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 8px;font-size:11px}.win95-menu-item:hover,.win95-menu-item.active{color:#fff;background:navy}.win95-badge{border:1px solid var(--win95-dark);padding:0 4px;font-size:9px;font-weight:700;display:inline-block}.win95-badge-green{color:#fff;background:green}.win95-badge-yellow{color:#fff;background:olive}.win95-badge-red{color:#fff;background:maroon}.win95-badge-blue{color:#fff;background:navy}.win95-badge-grey{color:#fff;background:gray}.win95-statusbar{background:var(--win95-grey);border-top:1px solid var(--win95-dark);gap:4px;padding:2px 4px;font-size:10px;display:flex}.win95-statusbar-panel{border:1px solid;border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark);min-width:60px;padding:1px 4px}.win95-icon{cursor:pointer;text-align:center;word-break:break-word;flex-direction:column;align-items:center;gap:2px;width:72px;padding:4px;display:flex}.win95-icon:hover .win95-icon-label,.win95-icon.selected .win95-icon-label{color:#fff;background:navy}.win95-icon-label{padding:0 2px;font-size:10px;line-height:1.2}.win95-taskbar{background:var(--win95-grey);border-top:2px solid var(--win95-white);align-items:center;gap:4px;height:28px;padding:2px;display:flex}.win95-start-btn{background:var(--win95-grey);border:2px solid;border-color:var(--win95-white) var(--win95-darker) var(--win95-darker) var(--win95-white);cursor:pointer;align-items:center;gap:4px;height:22px;padding:2px 8px;font-size:11px;font-weight:700;display:flex}.win95-taskbar-btn{background:var(--win95-grey);border:2px solid;border-color:var(--win95-white) var(--win95-darker) var(--win95-darker) var(--win95-white);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:160px;height:22px;padding:2px 8px;font-size:10px;overflow:hidden}.win95-taskbar-btn.active{border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark);background:#d4d0c8}.win95-clock{border:2px solid;border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark);align-items:center;height:22px;margin-left:auto;padding:2px 6px;font-size:10px;display:flex}.win95-separator{border-top:1px solid var(--win95-dark);border-bottom:1px solid var(--win95-white);height:0;margin:4px 0}.win95-groupbox{border:1px solid;border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark);margin-top:8px;padding:12px 8px 8px;position:relative}.win95-groupbox-label{background:var(--win95-grey);padding:0 4px;font-size:11px;position:absolute;top:-8px;left:8px}.win95-progress{background:var(--win95-white);border:2px solid;border-color:var(--win95-dark) var(--win95-white) var(--win95-white) var(--win95-dark);width:100%;height:16px;position:relative;overflow:hidden}.win95-progress-fill{background:navy;height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.overflow-hidden{overflow:hidden}.absolute{position:absolute}.relative{position:relative}.flex-1{flex:1}.overflow-y-auto{overflow-y:auto}.p-2{padding:8px}.p-4{padding:16px}@keyframes mascot-idle{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-4px)rotate(-1.5deg)}50%{transform:translateY(-2px)rotate(1deg)}75%{transform:translateY(-5px)rotate(-.5deg)}}@keyframes mascot-enter{0%{opacity:0;transform:translate(100px)scale(.4)rotate(15deg)}55%{opacity:1;transform:translate(-6px)scale(1.08)rotate(-3deg)}75%{transform:translate(4px)scale(.96)rotate(1deg)}90%{transform:translate(-2px)scale(1.02)rotate(0)}to{transform:translate(0)scale(1)rotate(0)}}@keyframes mascot-attention{0%{transform:rotate(0)scale(1)}12%{transform:rotate(-10deg)scale(1.12)}28%{rotate:8deg scale(1.1)}44%{rotate:-6deg scale(1.07)}60%{rotate:4deg scale(1.04)}76%{rotate:-2deg scale(1.02)}to{rotate:0deg scale(1)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)scale(.92)}60%{opacity:1;transform:translateY(-2px)scale(1.02)}to{transform:translateY(0)scale(1)}}.mascot-idle{transform-origin:bottom;animation:2.8s ease-in-out infinite mascot-idle}.mascot-enter{transform-origin:100% 100%;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards mascot-enter}.mascot-attention{transform-origin:bottom;animation:.7s ease-in-out mascot-attention}.mascot-bubble-in{animation:.25s ease-out forwards bubble-in}