.profile-todos{margin-top:18px;padding:18px;border:1px solid var(--md-outline-variant);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(246,250,246,.34));box-shadow:0 10px 28px rgba(35,54,41,.06)}.profile-todos.compact h3{margin:4px 0 0;font-size:16px}.profile-todos.public-page{margin-top:28px;padding:28px;border-radius:28px}.profile-todos.public-page h2{margin:6px 0 0;font-size:28px}.todo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.todo-alert{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:6px 9px;border-radius:999px;background:#ffdad6;color:#8c1d18;font:800 10px 'DM Sans'}.todo-form{display:grid;grid-template-columns:minmax(0,1fr) 92px 150px 42px;gap:8px;margin-top:14px}.todo-form input,.todo-form select{height:42px;border:1px solid var(--md-outline-variant);border-radius:14px;padding:0 11px;background:var(--md-surface-container);color:var(--md-on-surface);font:600 11px 'DM Sans';outline:0}.todo-form input:focus,.todo-form select:focus{border-color:var(--md-primary)}.todo-form button{width:42px;height:42px;border:0;border-radius:14px;background:var(--md-primary);color:var(--md-on-primary);display:grid;place-items:center;cursor:pointer}.todo-list{display:grid;gap:8px;margin-top:12px}.todo-list>p{margin:0;padding:13px;border-radius:16px;background:var(--md-surface-container);color:var(--md-on-surface-variant);font-size:11px;text-align:center}.todo-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--md-outline-variant);border-radius:17px;background:rgba(255,255,255,.48)}.todo-item.done{opacity:.58}.todo-check{width:30px;height:30px;border:1px solid var(--md-outline);border-radius:50%;background:transparent;color:var(--md-on-surface);display:grid;place-items:center;cursor:pointer}.todo-copy{min-width:0}.todo-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.todo-copy small{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;color:var(--md-on-surface-variant);font-size:9px}.todo-priority{padding:3px 7px;border-radius:999px;background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-weight:800;text-transform:uppercase}.todo-item.high .todo-priority{background:#fff1bc;color:#5f4b00}.todo-item.urgent .todo-priority,.todo-item.due .todo-priority{background:#ffdad6;color:#8c1d18}.todo-item.due{border-color:#ba1a1a;box-shadow:0 0 0 3px rgba(186,26,26,.08)}.todo-delete{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--md-on-surface-variant);display:grid;place-items:center;cursor:pointer}.todo-delete:hover{background:var(--md-surface-container-high);color:#ba1a1a}.todo-done-text{text-decoration:line-through}:root[data-theme="dark"] .profile-todos{background:linear-gradient(145deg,rgba(38,46,40,.76),rgba(28,35,30,.62));box-shadow:0 10px 28px rgba(0,0,0,.18)}:root[data-theme="dark"] .todo-item{background:rgba(24,31,26,.56)}:root[data-theme="dark"] .todo-item.high .todo-priority{background:#5c4810;color:#ffe08a}:root[data-theme="dark"] .todo-item.urgent .todo-priority,:root[data-theme="dark"] .todo-item.due .todo-priority{background:#692f2b;color:#ffdad6}
.profile-todos .todo-form input,.profile-todos .todo-form select{height:42px!important;margin:0!important;border:1px solid var(--md-outline-variant)!important;border-radius:14px!important;background:var(--md-surface-container)!important;color:var(--md-on-surface)!important;font:600 11px 'DM Sans'!important}.profile-todos .todo-form input:focus,.profile-todos .todo-form select:focus{border-color:var(--md-primary)!important}
@media(max-width:640px){.todo-form{grid-template-columns:1fr 88px 42px}.todo-form input[type="datetime-local"]{grid-column:1/4}.profile-todos.public-page{padding:18px}.todo-item{grid-template-columns:auto minmax(0,1fr) auto}}

/* Premium, compact todo composer */
.profile-todos.compact{padding:22px;border-radius:26px;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(210,232,213,.28)}
.profile-todos.compact .todo-head{align-items:center}.profile-todos.compact .kicker{font-size:10px;letter-spacing:1.8px}.profile-todos.compact h3{font-size:18px;letter-spacing:-.4px}.profile-todos.compact .todo-form{grid-template-columns:minmax(150px,1fr) 120px 160px 52px;align-items:center;gap:10px}.profile-todos.compact .todo-form input,.profile-todos.compact .todo-form select{height:52px!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(210,232,213,.22)!important;font-size:12px!important}.profile-todos.compact .todo-form input::placeholder{color:var(--md-on-surface-variant)}.profile-todos.compact .todo-form button{width:52px;height:52px;border-radius:18px;background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:0 10px 24px rgba(9,26,14,.12)}.profile-todos.compact .todo-list>p{padding:15px;border-radius:18px;background:rgba(0,0,0,.12);font-weight:700}.profile-todos.compact .todo-item{border-radius:19px;background:rgba(255,255,255,.08)}
:root[data-theme="dark"] .profile-todos.compact .todo-form input,:root[data-theme="dark"] .profile-todos.compact .todo-form select{background:rgba(255,255,255,.05)!important;color:#edf4ec!important}
@media(max-width:760px){.profile-todos.compact .todo-form{grid-template-columns:1fr 104px 52px}.profile-todos.compact .todo-form input[type="datetime-local"]{grid-column:1/4}}