:root{--bg:#09090b;--surface:#18181b;--text-main:#f8fafc;--text-muted:#a1a1aa;--border:#8b5cf633;--accent:#7c3aed;--accent-hover:#9333ea;--given:#10b981;--not-given:#ef4444;--radius:8px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;line-height:1.5}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-weight:600}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.app-container{min-height:100vh;flex-direction:column;min-height:-webkit-fill-available;display:flex}.top-bar{background-color:var(--surface);border-bottom:1px solid var(--border);-webkit-app-region:drag;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 12px #0003}.top-bar-left{align-items:center;gap:.75rem;display:flex}.header-logo{object-fit:contain;width:auto;height:32px}.title-group{flex-direction:column;display:flex}.app-title{color:var(--text-main);font-size:1.1rem;font-weight:800;line-height:1.1}.day-badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;width:fit-content;margin-top:.2rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.top-bar-right{-webkit-app-region:no-drag;align-items:center;gap:1rem;display:flex}.stats-box{text-align:right;line-height:1}.stats-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.1rem;font-size:.6rem;display:block}.stats-value{color:var(--accent);font-size:1.1rem;font-weight:700}.stats-value small{color:var(--text-muted);font-size:.7rem;font-weight:400}.icon-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:var(--radius);background:#ffffff0d;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.idle-state{text-align:center;margin:auto;padding:2rem}.idle-title{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.5rem}.idle-subtitle{color:var(--text-muted);font-size:.9rem}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{background:var(--surface);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius);font-weight:500;font-family:var(--font);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.btn:hover:not(:disabled){background:#00000008}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.top-bar{padding:.75rem 1rem}.app-title{font-size:1rem}.top-bar-left{gap:.5rem}.top-bar-left img{height:24px!important}.top-bar-right{gap:.5rem}.top-bar-right img{display:none}.day-badge{padding:.1rem .35rem;font-size:.65rem}}.laser-hint-banner{border:1px solid var(--accent);color:var(--accent);letter-spacing:.05em;background:#7c3aed1a;border-radius:99px;margin-top:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;animation:2s infinite pulse-soft}@keyframes pulse-soft{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}