:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:300;color-scheme:light dark;color:#ffffffde;background-color:#0e0a15;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:400;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:100vw;min-height:100vh;padding:10px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.session-bar{display:flex;align-items:center;justify-content:space-between;background:#0b0b0f;padding:15px 20px;border-radius:14px;font-family:sans-serif;color:#fff;gap:20px;min-width:90vw;border:1px solid #313144;margin:20px}.time-block{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:120px;gap:10px}.icon-box{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#1a1a1a}.elapsed-box{background:#2a003f;color:#b388ff}.icon{width:20px;height:20px}.icon.start{color:#5eead4}.icon.elapsed-icon{color:#a855f7}.icon.end{color:#ec4899}.label{font-size:12px;opacity:.7}.time{font-size:18px;color:#5eead4;font-weight:600}.elapsed{font-size:18px;color:#c084fc;font-weight:600}.end-time{font-size:18px;color:#ec4899;font-weight:600}.button-group{display:flex;justify-content:center;align-items:center;gap:12px}.break-btn{background:linear-gradient(90deg,#a855f7,#ec4899);color:#000;padding:10px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease;display:flex;gap:8px;align-items:center;height:40px}.break-btn:hover{opacity:.9}.end-btn{background:#1c1c1f;color:#ef4444;padding:10px 18px;border:1px solid #ef4444;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease;display:flex;gap:8px;align-items:center;height:40px}.end-btn:hover{background:#ef4444;color:#fff}.start-btn{background:#1c1c1f;color:#73e026;padding:10px 18px;border:1px solid #ef4444;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease;display:flex;gap:8px;align-items:center;height:40px}.start-btn:hover{background:#12230a;color:#fff}hr{border:none;height:50px;width:1px;background:linear-gradient(to right,#e0e0e0,#f5f5f5,#e0e0e0);margin:0 12px;opacity:.2}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0b0fcc;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#0b0b0f;padding:25px 30px;border-radius:14px;min-width:320px;max-width:400px;text-align:center;border:1px solid #313144;box-shadow:0 8px 30px #00000080;color:#fff;font-family:sans-serif}.modal-content p{font-size:16px;margin-bottom:20px;opacity:.9}.modal-buttons{display:flex;justify-content:center;gap:12px}.confirm-btn{background:linear-gradient(90deg,#a855f7,#ec4899);color:#000;padding:10px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease;display:flex;align-items:center;justify-content:center;height:40px}.confirm-btn:hover{opacity:.9}.cancel-btn{background:#1c1c1f;color:#ef4444;padding:10px 18px;border:1px solid #ef4444;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease;display:flex;align-items:center;justify-content:center;height:40px}.cancel-btn:hover{background:#ef4444;color:#fff}.timeline-container{height:600px;padding:1rem;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.timeline-wrapper{min-width:280px;max-width:400px;margin:0 auto;background:linear-gradient(135deg,#111827cc,#1f293799);border:2px solid rgba(34,211,238,.3);border-radius:1.5rem;padding:1.25rem;box-shadow:0 20px 50px #00000080;max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.timeline-title{font-size:1.125rem;font-weight:700;color:#22d3ee;margin-bottom:1.25rem;text-align:center;flex-shrink:0}.timeline-content{position:relative;overflow-y:auto;flex:1;padding-right:.5rem}.timeline-content::-webkit-scrollbar{width:6px}.timeline-content::-webkit-scrollbar-track{background:#11182780;border-radius:10px}.timeline-content::-webkit-scrollbar-thumb{background:#22d3ee4d;border-radius:10px}.timeline-content::-webkit-scrollbar-thumb:hover{background:#22d3ee80}.timeline-line{position:absolute;left:26px;top:0;bottom:0;width:1.5px;background:linear-gradient(to bottom,#22d3ee,#a855f7,#fb923c);opacity:.3}.timeline-event{position:relative;display:flex;align-items:flex-start;margin-bottom:.75rem}.timeline-event:last-child{margin-bottom:0}.event-icon{position:relative;z-index:10;flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:50%;border-width:2px;display:flex;align-items:center;justify-content:center}.icon-pulse{position:absolute;inset:0;border-radius:50%;animation:pulse 2s ease-in-out infinite}.icon-svg{width:1.25rem;height:1.25rem;position:relative;z-index:10;stroke-width:2.5}.icon-cyan{border-color:#22d3ee99;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,transparent 70%)}.pulse-cyan{background:radial-gradient(circle,rgba(34,211,238,.3) 0%,transparent 70%)}.icon-color-cyan,.text-cyan{color:#22d3ee}.card-cyan{background:#155e7533;border:1px solid rgba(34,211,238,.2)}.icon-green{border-color:#22c55e99;background:radial-gradient(circle,rgba(34,197,94,.15) 0%,transparent 70%)}.pulse-green{background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 70%)}.icon-color-green,.text-green{color:#22c55e}.card-green{background:#14532d33;border:1px solid rgba(34,197,94,.2)}.icon-magenta{border-color:#e879f999;background:radial-gradient(circle,rgba(232,121,249,.15) 0%,transparent 70%)}.pulse-magenta{background:radial-gradient(circle,rgba(232,121,249,.3) 0%,transparent 70%)}.icon-color-magenta,.text-magenta{color:#e879f9}.card-magenta{background:#581c8733;border:1px solid rgba(232,121,249,.2)}.icon-orange{border-color:#fb923c99;background:radial-gradient(circle,rgba(251,146,60,.15) 0%,transparent 70%)}.pulse-orange{background:radial-gradient(circle,rgba(251,146,60,.3) 0%,transparent 70%)}.icon-color-orange,.text-orange{color:#fb923c}.card-orange{background:#7c2d1233;border:1px solid rgba(251,146,60,.2)}.icon-red{border-color:#ef444499;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%)}.pulse-red{background:radial-gradient(circle,rgba(239,68,68,.3) 0%,transparent 70%)}.icon-color-red,.text-red{color:#ef4444}.card-red{background:#7f1d1d33;border:1px solid rgba(239,68,68,.2)}.icon-purple{border-color:#a855f799;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%)}.pulse-purple{background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 70%)}.icon-color-purple,.text-purple{color:#a855f7}.card-purple{background:#581c8733;border:1px solid rgba(168,85,247,.2)}.event-card{flex:1;margin-left:.75rem;padding:.375rem .5rem;border-radius:.5rem;min-height:50px}.event-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.event-info{flex:1}.event-title{font-size:.875rem;font-weight:600;margin-bottom:.125rem;margin-top:0}.event-time{color:#9ca3af;font-size:.75rem;margin:0}.xp-badge{padding:.25rem .625rem;border-radius:.375rem;font-weight:600;font-size:.75rem;white-space:nowrap}.xp-badge-positive{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e}.xp-badge-negative{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}