body{font-family:Arial,sans-serif;background:#f4f4f4;margin:8px;padding:0}@media (max-width: 500px){body{margin:4px}}.container{max-width:400px;margin:40px auto;background:#fff;padding:24px 32px 32px;border-radius:12px;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}body.dark-mode{background:#181a1b}body.dark-mode .container{background:#2b2f33;color:#eee;box-shadow:0 2px 12px #0009;border:1px solid rgba(255,255,255,.05)}h1{text-align:center;color:#333}body.dark-mode h1{color:#eee}#todo-form{display:flex;gap:8px;margin-bottom:20px}#todo-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}body.dark-mode #todo-input{background:#23272a;color:#eee;border:1px solid #444}button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}button:hover{background:#0056b3}body.dark-mode button{background:#444;color:#fff}body.dark-mode button:hover{background:#222}#todo-list{list-style:none;padding:0}.todo-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #eee}body.dark-mode .todo-item{border-bottom:1px solid #333}.todo-item:last-child{border-bottom:none}.todo-item input[type=checkbox]{margin-right:12px}.todo-item.completed span{text-decoration:line-through;color:#aaa}body.dark-mode .todo-item.completed span{color:#555}#lang-switcher-label{display:none}#lang-switcher{appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;padding:0;font-size:1.5em;cursor:pointer;min-width:44px;width:56px;text-align:center;box-shadow:none;outline:none;background-image:none;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#lang-switcher:focus{outline:none;box-shadow:none}#lang-switcher option{font-size:1.1em}body.dark-mode #lang-switcher{background:none;color:#fff}body.dark-mode #lang-switcher option{background:#23272a;color:#fff}.lang-switcher-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;position:relative;height:48px}#error-msg{color:red}body.dark-mode #error-msg{color:#ffb3b3}#dark-mode-toggle{margin:0;padding:0}#lang-switcher,#dark-mode-toggle{border:2px solid #e0e0e0;border-radius:8px;background:#fafbfc;transition:border-color .2s,background .2s;font-size:1.5em;min-width:44px;width:56px;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:inherit}body.dark-mode #lang-switcher,body.dark-mode #dark-mode-toggle{border:2px solid #333a40;background:#23272a;color:#fff}.progress-bar-wrapper{position:absolute;bottom:0;left:0;right:0;height:12px;display:flex;align-items:center;padding:0;margin:0;z-index:1}.progress-bar-bg{flex:1;height:100%;background:#e0e0e0;border-radius:0 0 12px 12px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#007bff 60%,#00c6ff);border-radius:0;transition:width .4s ease-in-out;position:absolute;top:0;left:0}#progress-bar-label{display:none}body.dark-mode .progress-bar-bg{background:#333a40;box-shadow:inset 0 1px 3px #0006}body.dark-mode .progress-bar-fill{background:linear-gradient(90deg,#339cff 60%,#00eaff)}.share-url-row{display:flex;justify-content:center;width:100%;height:2.7rem;margin-bottom:12px}