:root{--color-bg: linear-gradient(135deg, #0e0e0e 0%, #1b1b1b 100%);--color-surface: rgba(28, 28, 28, .9);--color-card: #2a2a2a;--color-card-border: rgba(255, 255, 255, .09);--color-text: #f5f5f5;--color-subtle: rgba(255, 255, 255, .62);--color-muted: rgba(255, 255, 255, .38);--color-accent: #e5e5e5;--color-accent-dark: #9b9b9b;--color-danger: #d6d6d6;--highlight-1: rgba(255, 255, 255, .18);--highlight-2: rgba(255, 255, 255, .1);--color-overlay: rgba(9, 9, 9, .85);--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--shadow-card: 0 18px 45px rgba(0, 0, 0, .45);--shadow-button: 0 8px 20px rgba(140, 140, 140, .35);--shadow-button-hover: 0 10px 26px rgba(140, 140, 140, .45);--transition-base: .18s ease;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;min-height:100%;background:var(--color-bg);color:var(--color-text);letter-spacing:.01em;-webkit-font-smoothing:antialiased}body.theme-light{--color-bg: linear-gradient(135deg, #f7f7f7 0%, #e8e8e8 100%);--color-surface: rgba(255, 255, 255, .9);--color-card: #ffffff;--color-card-border: rgba(0, 0, 0, .08);--color-text: #161616;--color-subtle: rgba(22, 22, 22, .65);--color-muted: rgba(22, 22, 22, .4);--color-accent: #222222;--color-accent-dark: #000000;--color-danger: #c44545;--highlight-1: rgba(0, 0, 0, .12);--highlight-2: rgba(0, 0, 0, .06);--color-overlay: rgba(0, 0, 0, .4);--shadow-card: 0 22px 45px rgba(0, 0, 0, .1);--shadow-button: 0 8px 20px rgba(0, 0, 0, .12);--shadow-button-hover: 0 10px 26px rgba(0, 0, 0, .16)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at top left,var(--highlight-1),transparent 55%),radial-gradient(circle at bottom right,var(--highlight-2),transparent 45%);z-index:-2}body.theme-light:before{opacity:.85}.todo-list-div ul,.todo-list ul,ul{list-style:none;margin:0;padding:0}.todo-list-div{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 20px 72px}.todo-list-inner-sec-wrap{width:100%;backdrop-filter:blur(22px);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column}header{padding:32px 36px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(32,32,32,.95) 0%,rgba(18,18,18,.8) 100%)}body.theme-light header{border-bottom-color:#00000014;background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(234,234,234,.85) 100%)}.header-container{display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between}.header-child{display:flex;align-items:center;gap:16px}.app-title{margin:0;font-size:32px;font-weight:600;letter-spacing:.03em;color:var(--color-text)}.app-title span{color:var(--color-subtle)}.login-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--color-subtle);font-size:16px}.login-child{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--color-subtle)}.theme-toggle__switch{position:relative;display:inline-flex;align-items:center;width:52px;height:24px}.theme-toggle__checkbox{position:absolute;opacity:0;pointer-events:none}.theme-toggle__slider{position:relative;display:block;width:100%;height:100%;background:rgba(255,255,255,.16);border-radius:999px;transition:background-color var(--transition-base),box-shadow var(--transition-base);box-shadow:inset 0 1px 2px #00000059}.theme-toggle__slider:after{content:"";position:absolute;width:20px;height:20px;background:#111111;border-radius:50%;top:2px;left:2px;transition:transform var(--transition-base),background-color var(--transition-base);box-shadow:0 3px 8px #00000059}.theme-toggle__checkbox:checked+.theme-toggle__slider{background:rgba(255,255,255,.28);color:var(--color-text)}.theme-toggle__checkbox:checked+.theme-toggle__slider:after{transform:translate(28px);background:#232323}.theme-toggle__text{letter-spacing:.08em;text-transform:uppercase}body.theme-light .theme-toggle__slider{background:rgba(0,0,0,.14);box-shadow:inset 0 1px 2px #0000001f}body.theme-light .theme-toggle__slider:after{background:#f9f9f9;box-shadow:0 3px 8px #0000001f}body.theme-light .theme-toggle__checkbox:checked+.theme-toggle__slider{background:rgba(0,0,0,.28)}body.theme-light .theme-toggle__checkbox:checked+.theme-toggle__slider:after{background:#222222}.user-name{font-size:18px;color:var(--color-text)}button{font:inherit;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),color var(--transition-base)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.button--add,.button--primary{background:linear-gradient(135deg,var(--color-accent) 0%,#ffffff 100%);color:#111;box-shadow:var(--shadow-button)}.button--add:hover,.button--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.button--secondary{background:rgba(255,255,255,.08);color:var(--color-text);border:1px solid rgba(255,255,255,.14)}.button--secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}body.theme-light .button--secondary{background:rgba(0,0,0,.05);border-color:#0000001f}body.theme-light .button--secondary:hover{background:rgba(0,0,0,.12)}.button--remove{background:rgba(255,255,255,.08);color:var(--color-danger);width:36px;height:36px;border-radius:50%;font-weight:700;box-shadow:none}.button--remove:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.button--drag{cursor:grab;background:rgba(255,255,255,.08);color:#f5f5f58c;width:36px;height:36px;border-radius:50%;box-shadow:none}.button--drag:hover{background:rgba(255,255,255,.18);color:var(--color-text)}.button--drag:active{cursor:grabbing;transform:scale(.96)}body.theme-light .button--remove{background:rgba(0,0,0,.06)}body.theme-light .button--remove:hover{background:rgba(196,69,69,.16)}body.theme-light .button--drag{background:rgba(0,0,0,.08);color:#0000008c}body.theme-light .button--drag:hover{background:rgba(0,0,0,.14);color:#000000d1}body.theme-light .due-card{background:rgba(255,255,255,.92);border-color:#00000014}body.theme-light .due-card--alert{border-color:#c445458c;background:rgba(196,69,69,.18)}body.theme-light .due-chip{background:rgba(0,0,0,.04);border-color:#00000014;color:var(--color-text)}body.theme-light .due-chip--warning{background:rgba(255,196,107,.25);color:#8c5b00}body.theme-light .due-chip--alert{background:rgba(196,69,69,.2);color:#8c1d1d}body.theme-light .todo-item{background:rgba(255,255,255,.92);border-color:#00000014;box-shadow:inset 0 1px #0000000a}body.theme-light .todo-item:hover{border-color:#00000038;background:rgba(250,250,250,.98)}body.theme-light .todo-item.completed{background:rgba(241,241,241,.96);border-color:#c4454540}body.theme-light .todo-item.overdue{border-color:#c44545cc;box-shadow:0 0 6px #c4454559}body.theme-light .todo-item.due-soon{border-color:#ffc46be6;box-shadow:0 0 6px #ffc46b59}body.theme-light .todo-item.dragging{border-color:#00000059;background:rgba(245,245,245,.92)}body.theme-light .task-text{background:rgba(248,248,248,.95);color:var(--color-text)}body.theme-light .task-text:focus{border-color:#00000059;background:rgba(255,255,255,1)}body.theme-light .task-date{background:rgba(248,248,248,.95);color:var(--color-text);border-color:#00000014}body.theme-light .task-date:focus{border-color:#00000040}body.theme-light .due-pill{background:rgba(0,0,0,.06);color:var(--color-text)}body.theme-light .due-pill--muted{color:var(--color-muted)}body.theme-light .due-pill--warning{color:#8c5b00}body.theme-light .due-pill--alert{color:#8c1d1d}.drag-handle{font-size:18px;line-height:1;user-select:none;letter-spacing:.2em}.content{flex:1;padding:32px 36px 40px;display:flex;flex-direction:column;gap:24px}.due-panel{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.due-card{flex:1 1 160px;min-width:160px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px 16px;box-shadow:inset 0 1px #ffffff0a}.due-card--alert{border-color:#ff7878a6;background:rgba(255,0,0,.07)}.due-card__label{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.due-card__value{margin:6px 0 4px;font-size:2rem;font-weight:600;color:var(--color-text)}.due-card__meta{margin:0;font-size:.9rem;color:var(--color-subtle)}.due-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);min-width:220px;color:var(--color-text);font-weight:500;box-shadow:inset 0 1px #ffffff0a}.due-chip--warning{border-color:#ffc46b99;background:rgba(255,196,107,.15);color:#ffe8c2}.due-chip--alert{border-color:#ff7878b3;background:rgba(255,100,100,.15);color:#ffd7d7}.due-chip__dot{width:10px;height:10px;border-radius:999px;background:currentColor;display:inline-flex}.todo-list{margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.todo-item{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:rgba(42,42,42,.65);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);padding:14px 16px;box-shadow:inset 0 1px #ffffff0a;transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-base)}.todo-item:hover{border-color:#ffffff47;background:rgba(55,55,55,.78);transform:translateY(-1px)}.todo-item.completed{background:rgba(58,58,58,.7);border-color:#ffffff38}.todo-item.overdue{border-color:#ff5555e6;box-shadow:0 0 6px #ff464673}.todo-item.due-soon{border-color:#ffc46bd9;box-shadow:0 0 6px #ffc46b59}.todo-item.dragging{opacity:.65;transform:scale(.98);border-style:dashed;border-color:#ffffff73}.todo-item.dragover-before{border-top:2px solid var(--color-accent)}.todo-item.dragover-after{border-bottom:2px solid var(--color-accent)}body.theme-light .todo-item.dragover-before{border-top-color:#000000bf}body.theme-light .todo-item.dragover-after{border-bottom-color:#000000bf}.task-checkbox{width:22px;height:22px;accent-color:var(--color-accent)}.task-text{flex:1 1 360px;min-width:260px;background:rgba(34,34,34,.78);border:1px solid transparent;color:var(--color-text);border-radius:var(--radius-sm);padding:10px 14px;font-size:18px;transition:border-color var(--transition-base),background-color var(--transition-base)}.task-text::placeholder{color:var(--color-muted)}.task-text:focus{outline:none;border-color:#ffffff61;background:rgba(44,44,44,.95)}.task-schedule{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-date{background:rgba(34,34,34,.7);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--color-text);padding:8px 10px}.task-date:focus{outline:none;border-color:#ffffff47}.due-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:500;text-transform:none;background:rgba(255,255,255,.08);color:var(--color-text)}.due-pill--warning{background:rgba(255,196,107,.2);color:#ffddac}.due-pill--alert{background:rgba(255,120,120,.2);color:#ffcdcd}.due-pill--today{background:rgba(58,202,255,.2);color:#bdf0ff}.due-pill--muted{color:var(--color-muted)}.completed-task{text-decoration:line-through;color:var(--color-muted)}.add-task-bar{display:flex;justify-content:flex-end}.add-task-bar .button--add{width:56px;height:56px;border-radius:50%;font-size:28px;padding:0}.add-task-bar .button--add:active{transform:scale(.95)}.is-hidden{display:none!important}.button--details-toggle{flex-shrink:0;border:1px solid rgba(255,255,255,.15);background:rgba(60,60,60,.75);color:var(--color-subtle);border-radius:var(--radius-sm);padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}.button--details-toggle:hover,.button--details-toggle:focus-visible{border-color:#ffffff59;color:var(--color-text)}.task-details{display:none;width:100%}.task-details.is-open{display:block}.task-details__input{width:100%;min-height:80px;margin-top:8px;background:rgba(34,34,34,.78);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);padding:12px 14px;color:var(--color-text);font-family:inherit;font-size:16px;resize:vertical}.task-details__input:focus{outline:none;border-color:#ffffff59;background:rgba(44,44,44,.95)}body.theme-light .button--details-toggle{background:rgba(255,255,255,.85);border-color:#0000001f;color:var(--color-subtle)}body.theme-light .button--details-toggle:hover,body.theme-light .button--details-toggle:focus-visible{border-color:#0006;color:var(--color-accent-dark)}body.theme-light .task-details__input{background:rgba(255,255,255,.95);border-color:#0000001f;color:var(--color-text)}body.theme-light .task-details__input:focus{border-color:#00000059;background:#ffffff}a{color:var(--color-accent);text-decoration:none}a:hover{color:#fff}body.theme-light a:hover{color:#000}.modal{position:fixed;inset:0;opacity:0;visibility:hidden;transition:opacity .22s ease;display:flex;align-items:center;justify-content:center;z-index:10}.modal.open{visibility:visible;opacity:1}.modal-bg{position:absolute;inset:0;background:var(--color-overlay);backdrop-filter:blur(6px)}.modal-container{position:relative;padding:28px;border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card)}.toast-stack{position:fixed;bottom:32px;right:32px;display:flex;flex-direction:column;gap:12px;pointer-events:none;z-index:50}.toast{min-width:220px;padding:12px 16px;border-radius:var(--radius-md);background:rgba(30,30,30,.95);color:var(--color-text);box-shadow:0 12px 30px #00000073;border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(12px);transition:opacity .15s ease,transform .15s ease;pointer-events:auto}.toast.is-visible{opacity:1;transform:translateY(0)}.toast--warning{border-color:#ffc46be6;background:rgba(45,34,14,.95)}.toast--danger{border-color:#ff6464d9;background:rgba(40,10,10,.95)}body.theme-light .toast{background:rgba(255,255,255,.95);color:var(--color-text);border-color:#00000014}body.theme-light .toast--warning{background:rgba(255,244,226,.95);border-color:#ffc46be6;color:#7a4c00}body.theme-light .toast--danger{background:rgba(255,236,236,.95);border-color:#ff7878d9;color:#7a0000}#knockouts p{margin:0}#knockouts .knockout-image{width:min(90vw,520px);max-height:70vh;height:auto;object-fit:contain;display:block;margin:0 auto}.footer{margin-top:auto;padding:28px 20px;text-align:center;color:var(--color-muted);font-size:14px;letter-spacing:.04em}.footer p{margin:0}@media (max-width: 720px){header{padding:28px 24px 20px}.content{padding:24px}.todo-list-inner-sec-wrap{border-radius:18px}.todo-item{align-items:flex-start;flex-direction:column;gap:12px}.task-text{width:100%;flex-basis:100%}.login-container{width:100%;justify-content:space-between}.add-task-bar{justify-content:center}}