*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333;background-color:#fff;line-height:1.5;font-size:clamp(14px,2.5vw,18px);padding-bottom:20rem}input,textarea{font:inherit}::placeholder{letter-spacing:-1px}.app-container{min-height:100vh;background-color:#fff}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.container{width:calc(80vw + 20rem);max-width:min(1000px,calc(100vw - 20px));margin:0 auto}header{background-color:#fff;border-bottom:1px solid #e5e5e5;min-height:70px}.header-content{justify-content:space-between;width:100%;padding-bottom:4px}.header-content,.header-left{display:flex;align-items:flex-end}.header-left{gap:50px}.header-right{display:flex;align-items:flex-end;gap:4px}.header-title{font-size:clamp(24px,4vw,48px);display:inline-block;transform:translate(10px,10px) rotate(3deg);font-weight:700;color:#333}.header-title span{display:inline-block;transform:rotate(-13deg) scale(1.2) translate(3px,-3px)}.btn{padding:4px;cursor:pointer;border-radius:4px;border:1px solid transparent;background-color:transparent;transition:background-color .2s}.btn svg{display:block;margin:0 auto}.btn-header{color:#2563eb;font:inherit}.btn-header:hover{color:#fff;background-color:#2563eb}.btn-primary{color:#2563eb;border-color:#93c5fd}.btn-primary:hover{background-color:#eff6ff}.btn-secondary{color:#6b7280;border-color:#d1d5db}.btn-secondary:hover{background-color:#f9fafb}.btn-success{color:#16a34a;border-color:#86efac}.btn-success:hover{background-color:#f0fdf4}.btn-danger{color:#dc2626;border-color:#fca5a5}.btn-danger:hover{background-color:#fef2f2}.task-list{width:100%}.task-item-input{border:none}.task-item-input textarea{color:#3b82f6;display:block;width:100%;border:1px solid #dcdcdc;border-radius:8px;outline:none;padding:4px;height:100%;resize:none;word-wrap:break-word;overflow:hidden}.task-item-input .task-datetime-container{gap:4px;padding:4px 0}.task-item-input .task-datetime-container .task-item-date textarea,.task-item-input .task-datetime-container .task-item-time textarea,.task-item-input .task-datetime-container textarea::placeholder{text-align:end}.task-item-input .task-item-text{padding:4px 0;border-radius:6px;white-space:nowrap}.task-item{display:flex;gap:8px;border-bottom:1px solid #e5e5e5;min-height:42px;align-items:flex-start}.task-item-input,.task-item.even{background-color:#f9fafb}.task-datetime-container,.task-item-actions,.task-item-text{min-height:inherit;display:flex;height:100%;align-items:flex-start}.task-datetime-container{flex-direction:column;width:max(10vw,100px)}.task-item-date,.task-item-time{width:100%;flex:1 1;text-align:end}.task-item-text{flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0!important}.task-item-text>span:active{background-color:#adff2f}.task-item-actions{flex-direction:column;justify-content:flex-start;gap:8px;padding:8px 1px;width:auto}.task-item.last-of-month{border-bottom:2px solid #dc2626}.task-item.last-of-year{border-bottom:2px solid #2563eb}mark{background-color:#fef08a;color:inherit;padding:0}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-form{width:100%;max-width:400px;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.login-form h1{margin-top:0;margin-bottom:1.5rem;font-size:clamp(18px,3vw,28px);text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.login-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;margin-top:1rem}.login-button:hover{background-color:#2563eb}.login-button:disabled{background-color:#93c5fd;cursor:not-allowed}.error-message{padding:.75rem;margin-bottom:1rem;background-color:#fee2e2;color:#dc2626;border-radius:4px}.signup-link{margin-top:1.5rem;text-align:center}.error-banner{background-color:#fee2e2;color:#dc2626;padding:.75rem 1rem;margin:.5rem 1rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-banner p{margin:0}.error-banner button{background-color:transparent;border:none;color:#dc2626;font-weight:500;cursor:pointer;padding:.25rem .5rem;margin-left:.5rem}.error-banner button:hover{text-decoration:underline}@media (max-width:768px){.header-content{flex-direction:column;align-items:flex-end}.header-left{width:100%;flex-direction:row;justify-content:space-between;flex:1 1}.btn svg{width:12px;height:12px}.login-form{padding:1.5rem;margin:0 16px}.login-form h1{font-size:clamp(18px,3vw,28px)}.form-group input,.login-button{padding:.6rem}}@media print{.header-right,.task-item-input,.user-name{display:none!important}}