:root{--font-color: #e0e0e0;--background: #121212;--card-background: #1e1e1e;--button-background: #764ba2;--button-hover: #663a99;--button-text-color: #fff;--input-border: #444;--input-focus-border: #764ba2;--input-focus-shadow: rgba(118, 75, 162, .3);--danger-color: #ef4444;--danger-hover: #dc2626;--card-shadow: 0 15px 30px rgba(0, 0, 0, .5);--text-secondary: #aaa;--text-tertiary: #888;--success-bg: #1a3c3d;--success-text: #5eead4;--success-border: #2dd4bf;--error-bg: #4d1c1c;--error-text: #fca5a5;--error-border: #f87171;--task-item-bg: #2a2a2a;--task-item-border: #444}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--background);color:var(--font-color);line-height:1.5}.main-content-wrapper{min-height:100vh;padding:1rem}.signup-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.signup-header{margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;text-align:center;color:var(--font-color)}.signup-form{width:100%;max-width:380px;background:var(--card-background);padding:2rem;border-radius:14px;box-shadow:var(--card-shadow)}.signup-label{display:block;margin-bottom:.4rem;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.signup-form input{width:100%;min-height:44px;padding:.8rem 1rem;margin-bottom:1.2rem;border-radius:10px;border:1px solid var(--input-border);background:var(--card-background);color:var(--font-color);font-size:1rem}.signup-form input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 2px var(--input-focus-shadow)}.submit{width:100%;min-height:48px;border-radius:12px;border:none;background:var(--button-background);color:var(--button-text-color);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.submit:hover{background:var(--button-hover)}.submit:active{transform:scale(.98)}.signup-page p{margin-top:1rem;font-size:.9rem;color:var(--text-tertiary)}.signup-page a{color:var(--button-background);font-weight:600;text-decoration:none}.signup-page a:hover{text-decoration:underline}.success-message,.error-message{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;text-align:center}.success-message{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.error-message{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.tasks-container{max-width:720px;margin:2rem auto 0;background:var(--card-background);padding:1.5rem;border-radius:16px;box-shadow:var(--card-shadow)}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--input-border)}.tasks-title{font-size:1.5rem;font-weight:700}.logout-link{background:none;border:none;color:var(--button-background);font-weight:600;cursor:pointer}.tasks-container form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.tasks-container input[type=text]{min-height:44px;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--input-border);background:var(--card-background);color:var(--font-color);font-size:1rem}.tasks-container>form button{min-height:44px;border-radius:10px;border:none;background:var(--button-background);color:var(--button-text-color);font-weight:600;cursor:pointer}.tasks-container ol{list-style:none}.tasks-container li{background:var(--task-item-bg);border:1px solid var(--task-item-border);border-radius:12px;padding:.9rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.5rem}.tasks-container li span{word-break:break-word}.tasks-container li button{align-self:flex-end;background:var(--danger-color);color:#fff;border-radius:8px;border:none;padding:.5rem .9rem;font-size:.85rem;min-height:unset}.tasks-container li button:hover{background:var(--danger-hover)}.tasks-container p{text-align:center;margin-top:2rem;color:var(--text-tertiary);font-weight:600}.tasks-page{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem}@media(min-width:768px){.tasks-header{flex-direction:row;justify-content:space-between}.tasks-container form{flex-direction:row}.tasks-container li{flex-direction:row;align-items:center;justify-content:space-between}.tasks-container li button{align-self:center}}