@import "https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&family=Architects+Daughter&family=Space+Mono:wght@400;700&display=swap";:root{--bg-color:#fff;--surface-color:#fff;--surface-hover:#f3f4f6;--surface-glass:#fff;--border-color:var(--text-primary);--primary:#000;--primary-glow:#f3f4f6;--primary-hover:#111;--success:#000;--success-glow:#e2fce6;--failed:#000;--failed-glow:#fee2e2;--postponed:#000;--postponed-glow:#fef3c7;--text-primary:#000;--text-muted:#4b5563;--text-dark:#6b7280;--font-header:"Cabin Sketch", cursive, sans-serif;--font-body:"Architects Daughter", cursive, sans-serif;--font-mono:"Space Mono", monospace;--shadow-sm:2px 2px 0px var(--border-color);--shadow-md:4px 4px 0px var(--border-color);--shadow-lg:8px 8px 0px var(--border-color)}[data-theme=dark]{--bg-color:#121212;--surface-color:#1e1e1e;--surface-hover:#2a2a2a;--surface-glass:#1e1e1e;--border-color:var(--text-primary);--primary:#fff;--primary-glow:#2a2a2a;--primary-hover:#ddd;--success:#fff;--success-glow:#064e3b;--failed:#fff;--failed-glow:#7f1d1d;--postponed:#fff;--postponed-glow:#78350f;--text-primary:#f9fafb;--text-muted:#9ca3af;--text-dark:#d1d5db}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);width:100%;max-width:100vw;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);color:var(--text-primary);letter-spacing:.02em;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-color);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--text-primary);border:2px solid var(--bg-color);border-radius:4px}.sketch-border{border:2.5px solid var(--border-color)!important;border-radius:255px 15px 225px/15px 225px 15px 255px!important}.sketch-border-subtle{border:2px solid var(--border-color)!important;border-radius:12px 6px 10px 8px/6px 10px 8px 12px!important}.glass-panel{background:var(--surface-color);border:2.5px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:255px 15px 225px/15px 225px 15px 255px}.glass-card{background:var(--surface-color);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:15px 225px 15px 255px/255px 15px 225px;transition:all .2s}.glass-card:hover{box-shadow:var(--shadow-md);transform:translate(-3px,-3px)}button{cursor:pointer;font-family:var(--font-header);border:2px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;padding:8px 16px;font-weight:700;transition:all .15s}button:hover{box-shadow:var(--shadow-md);background:var(--surface-hover);transform:translate(-2px,-2px)}button:active{box-shadow:1px 1px 0px var(--border-color);transform:translate(2px,2px)}.btn-primary{background:var(--text-primary);color:var(--bg-color);box-shadow:var(--shadow-sm);border-radius:15px 225px 15px 255px/255px 15px 225px}.btn-primary:hover{color:var(--bg-color);box-shadow:var(--shadow-md);background:#222}.btn-secondary{background:var(--surface-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.priority-high{background:var(--surface-color);color:var(--text-primary);font-weight:900;border:2px solid var(--border-color)!important}.priority-high:before{content:"⚠️ "}.priority-medium{background:var(--surface-color);color:var(--text-primary);border:2px dashed var(--border-color)!important}.priority-low{background:var(--surface-color);color:var(--text-primary);border:1px solid #666!important}.status-completed{background:var(--surface-color);color:var(--text-primary);text-decoration:line-through;border:2px solid var(--border-color)!important}.status-completed:before{content:"✓ "}.status-failed{background:var(--surface-color);color:var(--text-primary);border:2px double var(--border-color)!important}.status-failed:before{content:"✗ "}.status-postponed{background:var(--surface-color);color:var(--text-primary);border:2px dashed var(--border-color)!important}.status-postponed:before{content:"⏰ "}.status-pending{background:var(--surface-color);color:var(--text-primary);border:2px solid var(--border-color)!important}input[type=text],textarea,input[type=time]{background:var(--surface-color)!important;border:2.5px solid var(--border-color)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important;box-shadow:2px 2px 0px var(--border-color)!important;border-radius:12px 6px 10px 8px/6px 10px 8px 12px!important;outline:none!important;padding:12px!important}input[type=text]:focus,textarea:focus,input[type=time]:focus{transform:translate(-1px,-1px);box-shadow:3px 3px 0px var(--border-color)!important}.matchup-progress-bg{border:2px solid var(--border-color)!important;background:var(--surface-color)!important;border-radius:8px!important;height:14px!important}.matchup-progress-fill{transition:width .4s cubic-bezier(.175,.885,.32,1.275);background:var(--text-primary)!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-float{animation:2.5s ease-in-out infinite float}.modal-overlay{width:100vw;height:100vh;padding:24px;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(10px)saturate(180%)!important;z-index:99999!important;background:#ffffff4d!important;justify-content:center!important;align-items:center!important;display:flex!important}.modal-card{flex-direction:column;width:100%;max-width:500px;max-height:calc(100vh - 48px);animation:.22s cubic-bezier(.175,.885,.32,1.275) modal-enter;display:flex;background:var(--surface-color)!important;box-shadow:6px 6px 0px var(--border-color)!important}.modal-header{border-bottom:2.5px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-close{box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close:hover{box-shadow:none;background:0 0;transform:scale(1.1)}.modal-form{flex-direction:column;gap:16px;padding:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-family:var(--font-header);font-size:14px;font-weight:700}.form-row{grid-template-columns:1.2fr .8fr;align-items:flex-end;gap:12px;display:grid}.priority-selector{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.priority-btn{box-shadow:1px 1px 0px var(--border-color);padding:6px 4px;font-size:11px}.priority-btn.active{color:#fff;box-shadow:none;background:#000}.report-overlay{width:100vw;height:100vh;padding:24px;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(10px)saturate(180%)!important;z-index:99999!important;background:#ffffff4d!important;justify-content:center!important;align-items:center!important;display:flex!important}.report-card{flex-direction:column;align-items:center;width:100%;max-width:800px;max-height:calc(100vh - 48px);padding:32px;display:flex;overflow-y:auto;background:var(--surface-color)!important;box-shadow:8px 8px 0px var(--border-color)!important}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){body{font-size:14px}.modal-card{width:95%;max-height:calc(100vh - 20px);margin:10px}.report-card{width:95%;margin:10px;padding:16px}.form-row{grid-template-columns:1fr;gap:12px}button{padding:8px 12px;font-size:14px}}