*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#1a1625,#2d1b3d);color:#e9d5ff;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;padding:40px 20px;background:#6b46c133;border-radius:20px;margin-bottom:30px;border:2px solid rgba(249,115,22,.3)}.header h1{font-family:Poppins,sans-serif;font-size:3rem;color:#f97316;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.tagline{font-size:1.1rem;color:#fbbf24}.main-content{margin-bottom:40px}.add-task-container{background:#2d2438;border-radius:15px;padding:20px;margin-bottom:30px;border:2px solid rgba(107,70,193,.5)}.expand-button{width:100%;padding:15px;background:linear-gradient(135deg,#6b46c1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.expand-button:hover{transform:translateY(-2px)}.add-task-form{margin-top:20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#fbbf24;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px;background:#1a1625;border:2px solid rgba(107,70,193,.5);border-radius:8px;color:#e9d5ff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f97316}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.submit-button{width:100%;padding:12px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:10px;transition:transform .2s}.submit-button:hover{transform:translateY(-2px)}.task-list h2{color:#fbbf24;margin-bottom:20px;font-family:Poppins,sans-serif}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.task-item{background:#2d2438;border-radius:15px;padding:20px;border:2px solid rgba(107,70,193,.5);transition:transform .2s,box-shadow .2s}.task-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #f973164d}.task-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.task-header h3{color:#e9d5ff;font-size:1.2rem;flex:1}.delete-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;transition:transform .2s}.delete-btn:hover{transform:scale(1.2)}.task-meta{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.subject{color:#c4b5fd}.difficulty-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;color:#fff}.deadline{color:#fbbf24;margin-bottom:15px;font-size:.9rem}.status-section{margin-bottom:15px}.status-section label{display:block;margin-bottom:5px;color:#fbbf24;font-weight:500}.status-section select{width:100%;padding:10px;background:#1a1625;border:2px solid;border-radius:8px;color:#e9d5ff;font-size:1rem;cursor:pointer}.feeling-section{margin:15px 0}.feeling-section label{display:block;margin-bottom:5px;color:#fbbf24;font-weight:500}.feeling-section textarea{width:100%;padding:10px;background:#1a1625;border:2px solid rgba(107,70,193,.5);border-radius:8px;color:#e9d5ff;font-size:.95rem;resize:vertical;font-family:inherit}.feeling-section textarea:focus{outline:none;border-color:#f97316}.analyze-btn{width:100%;padding:10px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:10px;transition:transform .2s}.analyze-btn:hover:not(:disabled){transform:translateY(-2px)}.analyze-btn:disabled{opacity:.6;cursor:not-allowed}.sentiment-result{background:#1a1625;border:2px solid;border-radius:10px;padding:15px;margin:15px 0}.sentiment-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sentiment-emoji{font-size:2rem}.sentiment-label{font-weight:700;font-size:1.1rem}.sentiment-score{color:#c4b5fd;margin-bottom:10px}.sentiment-message{color:#e9d5ff;font-style:italic}.reward-btn{width:100%;padding:12px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .2s}.reward-btn:hover{transform:translateY(-2px)}.reward-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reward-content{background:linear-gradient(135deg,#2d2438,#3d2f4d);border:3px solid #f97316;border-radius:20px;padding:40px;max-width:500px;text-align:center;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#e9d5ff}.reward-icon{font-size:4rem;margin-bottom:20px}.reward-content h3{color:#fbbf24;font-size:1.8rem;margin-bottom:15px;font-family:Poppins,sans-serif}.reward-content p{color:#e9d5ff;font-size:1.1rem;line-height:1.6;margin-bottom:15px}.reward-duration{color:#c4b5fd;font-size:.95rem}.reward-link{display:inline-block;margin-top:20px;padding:12px 30px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:transform .2s}.reward-link:hover{transform:translateY(-2px)}.empty-state{text-align:center;padding:60px 20px;background:#2d2438;border-radius:15px;border:2px dashed rgba(107,70,193,.5)}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state p{color:#c4b5fd;font-size:1.1rem}.loading{text-align:center;padding:40px;color:#fbbf24;font-size:1.2rem}.footer{text-align:center;padding:30px;color:#c4b5fd;border-top:2px solid rgba(107,70,193,.3)}@media (max-width: 768px){.header h1{font-size:2rem}.tasks-grid,.form-row{grid-template-columns:1fr}.reward-content{margin:20px;padding:30px 20px}}body{background:linear-gradient(135deg,#0f0a1a,#1a0f2e,#2d1b3d);background-attachment:fixed}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(249,115,22,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app{position:relative;z-index:1}.header{position:relative;background:linear-gradient(135deg,#6b46c14d,#2d1b3d80);border:2px solid rgba(249,115,22,.4);box-shadow:0 8px 32px #f9731633}.header-decoration{position:absolute;font-size:2rem;top:20px}.header-decoration.left{left:20px}.header-decoration.right{right:20px}.header-content{position:relative;z-index:2}.view-nav{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.nav-btn{padding:12px 30px;font-size:1.1rem;background:#2d2438cc;border:2px solid rgba(139,92,246,.3);border-radius:12px;color:#e9d5ff;cursor:pointer;transition:all .3s ease}.nav-btn:hover{background:#6b46c166;border-color:#f9731699;box-shadow:0 4px 20px #f973164d}.nav-btn.active{background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-color:#f97316;box-shadow:0 4px 20px #f9731666}.content-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:start}.main-area{min-height:500px}.pomodoro-sidebar{position:sticky;top:20px}.pomodoro-panel{background:linear-gradient(135deg,#2d2438e6,#1a0f2ee6);border:2px solid rgba(249,115,22,.4);border-radius:20px;padding:25px;box-shadow:0 8px 32px #0006}.pomodoro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pomodoro-header h2{color:#f97316;font-size:1.5rem}.settings-btn{background:#8b5cf64d;border:1px solid rgba(139,92,246,.5);border-radius:8px;padding:8px 12px;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.settings-btn:hover{background:#8b5cf680;transform:rotate(90deg)}.pomodoro-settings{background:#1a0f2e99;border-radius:12px;padding:15px;margin-bottom:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.setting-item label{color:#e9d5ff;font-size:.9rem}.setting-item input{width:60px;padding:5px;background:#2d2438cc;border:1px solid rgba(139,92,246,.4);border-radius:6px;color:#e9d5ff;text-align:center}.pomodoro-display{text-align:center;margin-bottom:25px}.phase-label{font-size:1.3rem;font-weight:700;margin-bottom:20px}.timer-circle{position:relative;width:200px;height:200px;margin:0 auto 20px;border:4px solid;border-radius:50%;transition:all .3s ease}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#2d243880;stroke-width:8}.progress-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.timer-emoji{font-size:2rem;margin-bottom:10px}.timer-time{font-size:2.5rem;font-weight:700;color:#e9d5ff;font-family:Courier New,monospace}.cycles-display{font-size:1.1rem;color:#fbbf24}.active-task-display{background:#6b46c133;border:1px solid rgba(139,92,246,.4);border-radius:12px;padding:15px;margin-bottom:20px}.active-task-label{font-size:.9rem;color:#a78bfa;margin-bottom:5px}.active-task-title{font-size:1.1rem;font-weight:700;color:#e9d5ff;margin-bottom:5px}.active-task-subject{font-size:.9rem;color:#fbbf24}.task-selector{margin-bottom:20px}.task-selector label{display:block;margin-bottom:10px;color:#e9d5ff}.task-selector select{width:100%;padding:12px;background:#2d2438cc;border:2px solid rgba(139,92,246,.4);border-radius:10px;color:#e9d5ff;font-size:1rem;cursor:pointer}.timer-controls{display:flex;gap:10px;justify-content:center}.control-btn{padding:12px 20px;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;border:2px solid}.control-btn.primary{background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-color:#a78bfa;color:#fff}.control-btn.secondary{background:#f973164d;border-color:#f97316;color:#fbbf24}.control-btn.danger{background:#ef44444d;border-color:#ef4444;color:#fca5a5}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.break-message{text-align:center;padding:15px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:10px;color:#6ee7b7;margin-top:15px}.task-item.pomodoro-active{border:3px solid #f97316;box-shadow:0 0 30px #f9731699;animation:pomodoro-pulse 2s ease-in-out infinite}@keyframes pomodoro-pulse{0%,to{box-shadow:0 0 30px #f9731699}50%{box-shadow:0 0 50px #f97316e6}}.pomodoro-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #f9731680;z-index:10}.calendar-view{background:#2d243899;border:2px solid rgba(139,92,246,.3);border-radius:20px;padding:30px}.calendar-header{margin-bottom:30px}.calendar-header h2{color:#f97316;font-size:2rem;margin-bottom:20px}.calendar-controls{display:flex;align-items:center;justify-content:center;gap:20px}.calendar-controls button{background:#6b46c166;border:2px solid rgba(139,92,246,.5);border-radius:10px;padding:10px 15px;color:#e9d5ff;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.calendar-controls button:hover{background:#8b5cf699;transform:scale(1.1)}.today-btn{padding:10px 20px!important;font-size:1rem!important}.current-month{font-size:1.5rem;font-weight:700;color:#fbbf24;min-width:200px;text-align:center}.calendar-grid{margin-bottom:30px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:10px}.weekday-label{text-align:center;font-weight:700;color:#a78bfa;padding:10px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day{aspect-ratio:1;background:#1a0f2e99;border:2px solid rgba(139,92,246,.2);border-radius:12px;padding:10px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day:not(.empty):hover{background:#6b46c166;border-color:#f9731699;transform:scale(1.05)}.calendar-day.today{border-color:#fbbf24;background:#fbbf2433}.calendar-day.selected{border-color:#f97316;background:#f973164d;box-shadow:0 0 20px #f9731666}.calendar-day.has-tasks{border-color:#8b5cf699}.day-number{font-size:1.2rem;font-weight:700;color:#e9d5ff;margin-bottom:5px}.day-tasks-indicator{display:flex;align-items:center;gap:5px;font-size:.9rem}.scary-icon{font-size:1.2rem}.task-count{background:#8b5cf699;color:#fff;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700}.all-done{font-size:1.5rem}.selected-day-tasks{background:#1a0f2ecc;border:2px solid rgba(139,92,246,.4);border-radius:15px;padding:20px;margin-top:20px}.selected-day-tasks h3{color:#fbbf24;margin-bottom:15px}.day-task-list{display:flex;flex-direction:column;gap:10px}.day-task-item{display:flex;align-items:center;gap:15px;background:#2d243899;border:2px solid rgba(139,92,246,.3);border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease}.day-task-item:hover{background:#6b46c166;border-color:#f9731699;transform:translate(5px)}.day-task-item.completed{opacity:.6}.task-status-icon{font-size:1.5rem}.task-info{flex:1}.task-info .task-title{font-weight:700;color:#e9d5ff;margin-bottom:5px}.task-info .task-subject{font-size:.9rem;color:#a78bfa}.task-difficulty{padding:5px 12px;border-radius:8px;font-size:.85rem;font-weight:700;text-transform:uppercase}.task-difficulty.easy{background:#10b9814d;color:#6ee7b7}.task-difficulty.medium{background:#fbbf244d;color:#fbbf24}.task-difficulty.hard{background:#ef44444d;color:#fca5a5}.no-tasks-message{text-align:center;padding:30px;color:#a78bfa;font-size:1.1rem}.footer{text-align:center;padding:30px;color:#a78bfa;font-size:1rem}@media (max-width: 1024px){.content-layout{grid-template-columns:1fr}.pomodoro-sidebar{position:static}}@media (max-width: 768px){.header h1{font-size:2rem}.header-decoration{font-size:1.5rem}.calendar-days{gap:5px}.calendar-day{padding:5px}.day-number{font-size:1rem}}
