body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0f1e;color:#c0c0ff;font-family:Roboto,Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#080c18;border-radius:5px}::-webkit-scrollbar-thumb{background:#2a3f78;border:2px solid #080c18;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4a6fcc}.App{align-items:center;background:radial-gradient(ellipse at top center,#182848 0,#0a0f1e 80%);min-height:100vh;overflow-y:auto;padding:20px;text-align:center}.App,.app-container{display:flex;flex-direction:column}.app-container{gap:20px;max-width:1300px;width:100%}.user-stats-container{width:100%}.main-content-container{flex-grow:1;width:100%}.main-content-container,.task-lists-wrapper{display:flex;flex-direction:column;gap:20px}@media (min-width:992px){.app-container{align-items:flex-start;flex-direction:row}.user-stats-container{align-self:flex-start;flex:0 0 330px;margin-right:25px;max-height:calc(100vh - 40px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px}.main-content-container{flex:1 1;min-width:0}}.system-title{border-bottom:2px solid #3a5f98;color:#79c0ff;font-family:Orbitron,sans-serif;font-size:clamp(1.8em,5vw,2.8em);letter-spacing:3px;margin-bottom:30px;max-width:800px;padding-bottom:10px;text-shadow:0 0 8px #61dafb,0 0 15px #61dafb,0 0 2px #fff;width:100%}.system-panel{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#0a1432d9;border:1px solid #2a3f78;border-radius:8px;box-shadow:0 0 20px #4a6fcc26,inset 0 0 5px #00000040;margin-bottom:20px;padding:clamp(15px,3vw,25px)}.panel-title{border-bottom:1px solid #4a6fcc;color:#a8d5ff;font-family:Orbitron,sans-serif;font-size:clamp(1.2em,4vw,1.6em);margin-bottom:20px;margin-top:0;padding-bottom:12px;text-align:left;text-shadow:0 0 5px #4a6fcc}button{background-color:#4a6fcc;border:1px solid #61dafb;border-radius:5px;color:#e0e0ff;cursor:pointer;font-family:Roboto,sans-serif;font-weight:700;padding:10px 15px;text-shadow:0 0 5px #c8dcffb3;transition:background-color .3s ease,box-shadow .3s ease,transform .1s ease}button:hover{background-color:#61dafb;box-shadow:0 0 10px #61dafb;color:#0a0f1e}button:active{transform:translateY(1px)}button:disabled{background-color:#3a4f78;border-color:#3a4f78;color:#7a8fb8;cursor:not-allowed;text-shadow:none}input[type=number],input[type=text],select{background-color:#101828;border:1px solid #2a3f78;border-radius:5px;color:#c0c0ff;font-size:1em;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#61dafb;box-shadow:0 0 8px #61dafb80;outline:none}.xp-bar-container{background-color:#1a2b4a;border:1px solid #2a3f78;border-radius:5px;box-shadow:inset 0 1px 3px #0000004d;overflow:hidden;width:100%}.xp-bar-fill{background:linear-gradient(90deg,#4a6fcc,#61dafb);border-radius:4px;box-shadow:inset 0 0 8px #61dafb,0 0 5px #61dafb;color:#0a0f1e;font-size:.8em;font-weight:700;height:100%;line-height:20px;text-align:center;text-shadow:1px 1px 1px #fff3;transition:width .5s ease-in-out}.user-stats{text-align:left}.stat-item{align-items:center;border-bottom:1px dashed #1a2b4a;display:flex;font-size:1em;justify-content:space-between;margin-bottom:10px;padding:6px 0}.stat-item:last-of-type{border-bottom:none}.stat-label{color:#88c0f3;font-weight:700;margin-right:10px;white-space:nowrap}.stat-value{color:#e0e0ff;overflow-wrap:break-word;text-align:right;word-break:break-word}.level-value{color:#61dafb;font-size:1.2em;font-weight:700;text-shadow:0 0 5px #61dafb}.name-editable{cursor:pointer;-webkit-text-decoration:underline dotted #61dafb;text-decoration:underline dotted #61dafb;transition:color .2s}.name-editable:hover{color:#82eaff}.xp-bar-container.main-xp-bar{border-radius:6px;height:22px;margin-top:8px}.xp-bar-container.main-xp-bar .xp-bar-fill{font-size:.9em;line-height:22px}.stat-item.hp-stat-item{margin-top:15px}.stat-label.hp-label{color:#ff7675;font-weight:700}.stat-value.hp-value{color:#fab1a0;font-weight:700}.xp-bar-container.hp-bar-container{background-color:#422a2a;border-color:#7c2f2f;border-radius:5px;height:20px;margin-top:5px}.xp-bar-fill.hp-bar-fill{background:linear-gradient(90deg,#e74c3cdd,#c0392bcc)!important;box-shadow:inset 0 0 8px #e74c3c,0 0 5px #e74c3c;font-size:.9em;line-height:20px}.pillar-title{border-top:2px solid #2a3f78;color:#9cf;font-family:Orbitron,sans-serif;font-size:1.4em;margin-bottom:15px;margin-top:25px;padding-top:15px;text-align:center;text-shadow:0 0 8px #4a6fcc}.pillar-stat-group{background-color:#00000026;border:1px solid #152035;border-radius:5px;margin-bottom:18px;padding:12px;transition:background-color .3s,box-shadow .3s}.pillar-stat-group:hover{background-color:#0a193740;box-shadow:0 0 8px #0003}.stat-item.pillar-stat-item,.stat-item.pillar-xp-item{border-bottom-color:#101828;margin-bottom:6px;padding:4px 0}.stat-label.pillar-label{align-items:center;display:flex;font-size:1.05em;font-weight:700}.stat-label.pillar-label .pillar-icon{display:inline-block;font-size:1.1em;line-height:1;margin-right:8px}.stat-value.pillar-level-value{color:#a0d8ff;font-size:1.1em;font-weight:700}.stat-value.pillar-xp-value{font-size:.9em}.xp-bar-container.pillar-xp-bar{border-radius:4px;height:14px;margin-top:4px}.xp-bar-fill.pillar-xp-bar-fill{font-size:.75em;line-height:14px}.add-task-form{gap:15px}.add-task-form,.form-row{display:flex;flex-direction:column}.form-row{align-items:stretch;gap:10px}.task-input,.type-select,.xp-input{box-sizing:border-box;width:100%}.add-task-form label{color:#a0b0e0;font-weight:700;margin-bottom:5px;text-align:left}.add-button{align-self:flex-start;background-color:#5cb85c;border-color:#4cae4c}.add-button:hover{background-color:#4cae4c;border-color:#398439;box-shadow:0 0 10px #5cb85c}.form-row.type-xp-penalty-row{flex-direction:column;gap:10px}.form-row.type-xp-penalty-row>div{display:flex;flex-direction:column}.form-row.type-xp-penalty-row>div label{margin-bottom:5px}.form-row.type-xp-penalty-row>div input,.form-row.type-xp-penalty-row>div select{width:100%}@media (min-width:768px){.form-row{align-items:center;flex-direction:row;gap:10px}.add-task-form label{margin-bottom:0;margin-right:5px}.task-input{flex-grow:1;width:auto}.form-row.type-xp-penalty-row{align-items:flex-end;flex-direction:row;gap:15px}.form-row.type-xp-penalty-row>div{align-items:flex-start;flex-direction:column}.form-row.type-xp-penalty-row>div input,.form-row.type-xp-penalty-row>div select{min-width:80px;width:auto}.type-select{min-width:130px}.xp-input{max-width:80px}.penalty-input{max-width:100px}}.task-item{background-color:#141e41b3;border:1px solid #2a3f78;border-radius:6px;display:flex;flex-direction:column;gap:8px;list-style-type:none;margin-bottom:10px;padding:12px 15px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}@media (min-width:600px){.task-item{align-items:center;flex-direction:row;justify-content:space-between}}.task-item:hover{background-color:#1e2d50e6;border-color:#4a6fcc;box-shadow:0 0 8px #4a6fcc4d}.task-info-wrapper{display:flex;flex-direction:column;flex-grow:1;min-width:0}@media (min-width:768px){.task-info-wrapper{align-items:center;flex-direction:row;justify-content:space-between}.task-timer{margin-left:15px}}.task-info{align-items:center;display:flex;flex-grow:1;margin-right:10px}.task-checkbox{accent-color:#61dafb;cursor:pointer;flex-shrink:0;margin-right:12px;min-height:20px;min-width:20px}.completed-indicator{color:#27ae60}.completed-indicator,.penalized-indicator{flex-shrink:0;font-size:1.2em;margin-right:12px}.penalized-indicator{color:#c0392b}.task-text-label{align-items:center;cursor:pointer;display:flex;flex-grow:1;min-width:0}.task-text{color:#d0d8ff;flex-grow:1}.task-details{align-items:center;align-self:flex-end;display:flex;flex-shrink:0;gap:10px}@media (min-width:600px){.task-details{align-self:center}}.task-timer{align-self:flex-end;color:#ffc107;flex-shrink:0;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;margin-top:5px}.task-timer.timer-overdue{color:#e74c3c}@media (min-width:768px){.task-timer{align-self:center;margin-top:0}}.task-xp{background-color:#0003;border-radius:4px;color:#88c0f3;font-size:.9em;padding:4px 8px;white-space:nowrap}.task-penalty{background-color:#c832321a;border:1px solid #c0392b33;border-radius:3px;color:#e74c3c;font-size:.85em;margin-left:10px;padding:3px 6px;white-space:nowrap}.task-penalty span[role=img]{font-size:.9em;margin-right:3px}.delete-button{background-color:#d9534f;border-color:#d43f3a;font-size:.9em;padding:6px 10px}.delete-button:hover{background-color:#c9302c;border-color:#ac2925;box-shadow:0 0 8px #d9534f}.task-type-label{flex-shrink:0;font-size:.9em;font-weight:700;margin-right:8px;white-space:nowrap}.task-type-main .task-type-label{color:#a0b0ff}.task-item.task-type-main{border-left:5px solid #4a6fcc}.task-type-daily .task-type-label{color:#6fcf97}.task-item.task-type-daily{border-left:5px solid #27ae60}.task-type-urgent .task-type-label{color:#ff8f8f}.task-item.task-type-urgent{animation:pulseUrgentBorder 2s infinite,pulseUrgentBackground 2s ease-in-out infinite alternate;border-left:5px solid #eb5757}@keyframes pulseUrgentBorder{0%{box-shadow:0 0 0 0 #eb575780,inset 0 0 0 0 #eb5757}70%{box-shadow:0 0 5px 10px #eb575700,inset 0 0 0 0 #eb5757}to{box-shadow:0 0 0 0 #eb575700,inset 0 0 0 0 #eb5757}}@keyframes pulseUrgentBackground{0%{background-color:#eb57571a}to{background-color:#141e41b3}}.task-pillar-tag{align-items:center;border-radius:10px;border-style:solid;border-width:1px;color:#e0e0ff;cursor:default;display:inline-flex;flex-shrink:0;font-size:.9em;justify-content:center;line-height:1;margin-right:8px;padding:3px 7px;text-shadow:1px 1px 2px #0000004d}.task-item.completed{background-color:#141e4166;border-color:#1a2b4a;border-left-width:5px}.task-item.completed:hover{background-color:#19234680}.task-item.completed .task-text{color:#6a7f98;text-decoration:line-through}.task-item.completed .task-pillar-tag,.task-item.completed .task-type-label,.task-item.completed .task-xp{opacity:.7}.task-item.completed.task-type-urgent{animation:none}.task-item.penalized{background-color:#34495e80;border-left-color:#7f8c8d;opacity:.8}.task-item.penalized .task-text{color:#95a5a6;text-decoration:line-through}.task-item.penalized .task-timer{color:#e74c3c}.task-list ul{list-style:none;margin:0;padding:0}.no-tasks-message{color:#7a8fb8;font-style:italic;padding:20px 0;text-align:center}.system-message{align-items:center;border-radius:8px;bottom:20px;box-shadow:0 0 15px #0000004d;display:flex;font-family:Orbitron,sans-serif;font-size:1.1em;left:50%;max-width:90%;opacity:0;padding:15px 25px;position:fixed;text-align:center;transform:translateX(-50%);transition:opacity .5s ease-in-out,bottom .5s ease-in-out,transform .5s ease-in-out;z-index:1000}.system-message.visible{bottom:40px;opacity:1;transform:translateX(-50%) scale(1)}.system-message .message-icon{font-size:1.2em;margin-right:10px}.system-message.info{background-color:#2a3f78;border:1px solid #4a6fcc;color:#c0c0ff}.system-message.success{background-color:#1e4620;border:1px solid #3c8d3f;color:#a0d8a3;text-shadow:0 0 5px #5cb85c}.system-message.error{background-color:#5c2321;border:1px solid #c0392b;color:#f5c6cb;text-shadow:0 0 5px #e74c3c}.system-message.levelup{animation:levelUpPulse 1.5s infinite alternate;background:linear-gradient(45deg,#fc0,#f90);border:1px solid #ffc107;color:#320;font-weight:700;text-shadow:0 0 8px #fff}@keyframes levelUpPulse{0%{box-shadow:0 0 10px #fc0,0 0 20px #fc0}to{box-shadow:0 0 20px #f90,0 0 30px #f90}}.pillar-quests{text-align:left}.pillar-quests-description{color:#a0b0e0;font-size:.95em;line-height:1.6;margin-bottom:20px}.pillar-buttons-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pillar-quest-button{align-items:center;background-color:#0a1432b3;border:1px solid #2a3f78;border:1px solid var(--pillar-color,#2a3f78);border-radius:6px;box-shadow:0 2px 5px #0003;color:#e0e0ff;cursor:pointer;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;min-height:100px;overflow:hidden;padding:15px;position:relative;text-align:center;transition:all .25s ease-out}.pillar-quest-button:before{background:radial-gradient(circle,#61dafb 0,#0000 70%);background:radial-gradient(circle,var(--pillar-color,#61dafb) 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;width:0;z-index:0}.pillar-quest-button:hover{border-color:#61dafb;border-color:var(--pillar-color,#61dafb);box-shadow:0 0 15px #61dafb,0 4px 8px #0000004d;box-shadow:0 0 15px var(--pillar-color,#61dafb),0 4px 8px #0000004d;transform:translateY(-3px) scale(1.03)}.pillar-quest-button:hover:before{height:250%;opacity:.2;width:250%}.pillar-quest-button:active{transform:translateY(-1px) scale(1.01)}.pillar-quest-button .pillar-icon,.pillar-quest-button .pillar-level-button,.pillar-quest-button .pillar-name-button{position:relative;z-index:1}.pillar-quest-button .pillar-icon{filter:drop-shadow(0 0 3px rgba(220,230,255,.6));font-size:1.8em;margin-bottom:8px}.pillar-quest-button .pillar-name-button{font-size:1em;font-weight:700;margin-bottom:4px}.pillar-quest-button .pillar-level-button{color:#88c0f3;font-size:.85em}
/*# sourceMappingURL=main.0eee9f0d.css.map*/