@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--background: #F9FAFB;--card: #FFFFFF;--button: #AEA0EB;--card-accent: #F9FAFB;--title: #222;--subtitle: #555;--paragraph: #888;--border: #e2e1e1;--shadow: #ccc;--pin: #4e84f6;--favorite: #E4405F;--favorite-incomplete: #9c9c9ce7;--primary: #AEA0EB;--primary-hover: #aea0eb1d;--secondary: #AFE4F4;--error: #E4405F;--success: #10b981;--warning: #F59E0B;--info: #3B82F6;--muted: #6B7280;--post-color: #3b82f6;--goal-color: #10b981;--primary-light: rgba(174, 160, 235, .1);--text: #222;--text-secondary: #555;--text-muted: #888;--card-hover: #f0f0f0;--border-hover: #E5E7EB;--btn-admmin-panel: var(--primary);--first-grids: rgba(48, 48, 48, .08);--seconf-grids: rgba(49, 49, 49, .08);--first-radial: rgba(135, 115, 201, .12);--second-radial: rgba(106, 92, 149, .16);--third-radial: rgba(48, 35, 72, .25);--delButton-border: #E4405F;--delButton-background: #FADBDC;--delButton-color: #FF0000;--exitButton-bg: #f1284d;--exitButton-color: var(--delButton-background);--actionBtn-post: #222;--popupDashboardAnimationBg: #ffffff}[data-theme=dark]{--background: #121212;--card: #1E1E1E;--button: #AEA0EB;--card-accent: #2A2A2A;--title: #E0E0E0;--subtitle: #B0B0B0;--paragraph: #F0F0F0;--border: #3D3D3D;--shadow: #222;--pin: var(--primary);--favorite: var(--primary);--favorite-incomplete: var(--primary);--post-color: #60a5fa;--goal-color: #34d399;--primary: #AEA0EB;--primary-hover: #aea0eb1d;--primary-light: rgba(174, 160, 235, .2);--text: #E0E0E0;--text-secondary: #B0B0B0;--text-muted: #888;--card-hover: #393939;--border-hover: #4A4A4A;--btn-admmin-panel: #fff;--first-grids: rgba(211, 204, 247, .03);--seconf-grids: rgba(206, 199, 238, .03);--first-radial: rgba(110, 90, 180, .2);--second-radial: rgba(72, 58, 135, .25);--third-radial: rgba(26, 17, 47, .7);--delButton-border: var(--primary);--delButton-background: var(--primary-hover);--delButton-color: #fff;--exitButton-bg: var(--primary);--exitButton-color: #fff;--actionBtn-post: var(--primary);--popupDashboardAnimationBg: rgba(174, 160, 235, .1)}:root{--font-family: "Rubik", Helvetica}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Rubik}body{background:var(--background);list-style:none;text-decoration:none;margin:0;padding:0}option,select{font-family:"var(--font-family)"}h1{color:var(--title);font-size:3.4rem;font-weight:700}h2{color:var(--subtitle);font-size:1.4rem;font-weight:400,}h3,h4,h5{color:var(--title)}p{color:var(--paragraph);font-size:.9rem}a{color:#222}header{background:var(--card);border-bottom:1px solid var(--border);padding:.85rem 2rem}main{padding:2rem}button{display:flex;justify-content:center;align-items:center;flex-direction:row;border:none;outline:none;color:#fff;cursor:pointer}textarea{resize:none}#title-key{font-size:2.4rem;font-weight:500;color:var(--title);margin-bottom:.5rem}#subtitle-key{font-size:1.2rem;font-weight:400;color:var(--subtitle);margin-bottom:1.5rem;max-width:90%}#base{font-size:1.2rem;margin:1rem 0}.section{display:flex;align-items:center;flex-direction:column;width:100vw;height:auto;min-height:90vh;margin:0}.mini-section{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:auto}.card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 2px 4px #0000001a,}.center{display:flex;justify-content:center;align-items:center}.hover{cursor:pointer}.color{color:var(--subtitle)}.accent{background:var(--card-accent)}.complete{border-radius:12px;background:var(--primary);padding:8px;font-size:1.6rem;color:#fff}.section-group{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;gap:1rem}