:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #121212;--color-surface: #1e1e1e;--color-success: #4ade80;--color-danger: #ef4444;--color-success-glow: rgba(74, 222, 128, .5);--color-danger-glow: rgba(239, 68, 68, .5);--color-text: #ffffff;--color-text-muted: #a1a1aa}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-bg)}*{box-sizing:border-box}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.pizza-section{flex:0 0 55%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:radial-gradient(circle at center,#2a2a2a 0%,#121212 100%);border-right:1px solid #333}.streak-display{position:absolute;z-index:10;font-size:8rem;font-weight:900;text-shadow:0 0 20px rgba(0,0,0,.5);color:#fff;pointer-events:none}.pizza-tray{width:min(90%,90vh);height:min(90%,90vh);background-image:url(/pizza-tray.jpg);background-size:cover;background-position:center;border-radius:30px;box-shadow:0 20px 50px #000c;position:relative}.pizza-slice-image{position:absolute}.controls-section{flex:0 0 45%;padding:2rem;display:flex;flex-direction:column;gap:2rem;background-color:var(--color-bg);overflow-y:auto}.action-buttons{display:flex;gap:1rem}.btn{flex:1;padding:2rem 1rem;font-size:1.5rem;font-weight:800;border:none;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0000004d;color:#fff;text-transform:uppercase}.btn:active{transform:translateY(4px);box-shadow:0 4px 10px #0000004d}.btn-ok{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #4ade80}.btn-ok:hover{box-shadow:0 10px 30px var(--color-success-glow)}.btn-brak{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #f87171}.btn-brak:hover{box-shadow:0 10px 30px var(--color-danger-glow)}.calendar-widget{background:var(--color-surface);border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0003}.calendar-header{margin-bottom:1rem;font-size:1.25rem;font-weight:700;color:var(--color-text-muted)}.nav-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:4px;transition:all .2s}.nav-btn:hover{background:rgba(255,255,255,.1);color:var(--color-text)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day-header{text-align:center;font-size:.875rem;color:var(--color-text-muted);font-weight:700}.calendar-day{aspect-ratio:1;border-radius:10px;border:2px solid #333;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer;background:#2a2a2a;transition:all .2s;position:relative}.calendar-day:hover{border-color:#555;transform:scale(1.05)}.calendar-day.status-ok{background:var(--color-success);border-color:#22c55e;color:#000;box-shadow:0 0 15px var(--color-success-glow)}.calendar-day.status-brak{background:var(--color-danger);border-color:#dc2626;color:#fff;box-shadow:0 0 15px var(--color-danger-glow)}.history-chart-widget{background:var(--color-surface);border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;gap:1rem}.chart-header{display:flex;justify-content:space-between;align-items:center}.chart-title{font-size:1.25rem;font-weight:700;color:var(--color-text-muted)}.chart-best-streak{display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.chart-bars{display:flex;align-items:flex-end;height:150px;gap:4px;border-bottom:2px solid #333;padding-bottom:5px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.chart-bar-value{font-size:.875rem;font-weight:700;margin-bottom:4px;color:var(--color-text)}.chart-bar{width:100%;background:linear-gradient(to top,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;box-shadow:0 0 10px #3b82f680;min-height:2px}.chart-bar.is-best{background:linear-gradient(to top,#f59e0b,#fbbf24);box-shadow:0 0 15px #f59e0bb3}.calendar-popup{position:absolute;top:110%;left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid #333;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;z-index:50;box-shadow:0 10px 25px #00000080;min-width:100px}.popup-btn{padding:8px 12px;border:none;border-radius:6px;font-weight:700;cursor:pointer;color:#fff;transition:all .2s}.popup-btn.ok-btn{background:var(--color-success);color:#000}.popup-btn.ok-btn:hover{background:#22c55e}.popup-btn.brak-btn{background:var(--color-danger)}.popup-btn.brak-btn:hover{background:#dc2626}.popup-btn.clear-btn{background:#444}.popup-btn.clear-btn:hover{background:#555}@media (max-width: 1024px){.app-container{flex-direction:column;overflow-y:auto}.pizza-section{flex:0 0 500px;border-right:none;border-bottom:1px solid #333}.pizza-tray{width:350px;height:350px}}