:root{--main-pink: #FF85C4;--accent-purple: #C7A6EE;--light-peach: #FFDAB9;--baby-pink: #F8B4C8;--dark-text: #2c2c2c;--light-text: #555555;--glass-bg: rgba(255, 255, 255, .45);--glass-border: 1px solid rgba(255, 255, 255, .25);--backdrop-blur: blur(15px);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--border-radius-xl: 25px;--border-radius-lg: 18px;--cat-hreyfing: #85c1e9;--cat-mataraedi: #7dcea0;--cat-andleg: #d7bde2;--cat-annad: #f7dc6f}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;background-color:#fdf9fb;color:var(--dark-text);margin:0;padding:0;line-height:1.7;overflow-x:hidden}#loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fdf9fb;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:6px solid rgba(0,0,0,.1);border-top-color:var(--main-pink);border-radius:50%;width:50px;height:50px;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.background-blob{position:fixed;border-radius:50%;filter:blur(180px);z-index:-1;opacity:.7;animation:move 25s infinite alternate ease-in-out}.blob1{width:450px;height:450px;background:var(--main-pink);top:-150px;left:-200px}.blob2{width:550px;height:550px;background:var(--accent-purple);bottom:-200px;right:-250px;animation-delay:3s}@keyframes move{0%{transform:translate(0) rotate(0)}to{transform:translate(80px,120px) rotate(90deg)}}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:700;text-align:center;margin-top:0;margin-bottom:2rem}h1{font-size:3.2rem}h2{font-size:2.2rem;color:var(--main-pink)}h3{font-size:1.8rem}h4{font-size:1.3rem;text-align:left;color:var(--dark-text);margin-bottom:.5rem}.main-content-area{max-width:900px;margin:30px auto 50px;padding:0 20px;display:flex;flex-direction:column;gap:40px}.page-header{padding:40px 20px;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-xl);position:relative}.page-header h1{font-size:3rem;margin-bottom:1rem}.page-header p{font-size:1.2rem;color:var(--light-text);max-width:600px;margin:0 auto}.back-button{position:absolute;top:25px;left:25px;text-decoration:none;color:var(--dark-text);font-weight:600;background:#ffffff80;padding:8px 15px;border-radius:50px;transition:all .3s ease}.back-button:hover{background:#fff;box-shadow:0 2px 10px #0000001a}.back-button i{margin-right:8px}.add-goal-card{background:var(--glass-bg);padding:30px;border-radius:var(--border-radius-lg)}#add-goal-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;font-size:.9rem}.form-group input,.form-group select{padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,.1);font-size:1rem;font-family:Lato,sans-serif}.btn-go{background:var(--main-pink);color:#fff;padding:12px 28px;border-radius:50px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:background-color .2s}.btn-go:hover{background:#e578b0}.goals-container{display:flex;flex-direction:column;gap:15px}.goal-item{display:flex;align-items:center;background-color:#fff;padding:15px 20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 15px #0000000d;transition:all .3s ease}.goal-item.is-completed{background-color:#f7f7f7;opacity:.7}.goal-item.is-completed .goal-text{text-decoration:line-through;color:var(--light-text)}.goal-item-checkbox{width:22px;height:22px;margin-right:15px;accent-color:var(--main-pink);cursor:pointer}.goal-details{flex-grow:1}.goal-text{font-size:1.1rem;font-weight:600}.goal-meta{display:flex;gap:15px;font-size:.9rem;color:var(--light-text);margin-top:5px}.goal-category-tag{padding:3px 10px;border-radius:50px;color:#fff;font-weight:700;font-size:.8rem}.goal-category-tag[data-category=hreyfing]{background-color:var(--cat-hreyfing)}.goal-category-tag[data-category=mataraedi]{background-color:var(--cat-mataraedi)}.goal-category-tag[data-category=andleg-heilsa]{background-color:var(--cat-andleg)}.goal-category-tag[data-category=anna\f0]{background-color:var(--cat-annad);color:var(--dark-text)}.goal-actions button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#aaa;transition:color .2s;margin-left:10px}.goal-actions button:hover{color:#d9534f}@media (max-width: 768px){.form-row{flex-direction:column}.goal-item{flex-direction:column;align-items:flex-start;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/markmid.css.map */