.tasklog-container{max-width:440px;margin:2rem auto;padding:2rem 1rem;background:rgba(32,54,112,.82);border-radius:20px;box-shadow:0 0 36px #54f7ff33,0 8px 32px 0 #3956b03a;color:#eaf6ff;display:flex;flex-direction:column;align-items:center}.tasklog-container h2{font-size:2rem;margin-bottom:1.6rem;background:linear-gradient(90deg,#befaff 14%,#3ea9ff 54%,#bfa8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px #54f7ff64,0 0 2px #1b80ff27;font-weight:800}.tasklog-form{display:flex;flex-direction:column;gap:1.15rem;width:100%;align-items:stretch;margin-bottom:2.5rem}.tasklog-card input,.tasklog-card textarea,.tasklog-desc,.tasklog-input{width:100%;min-height:58px!important;max-height:140px;font-size:1.15rem;padding:1em 1.1em;border-radius:11px;border:1.5px solid #70cfff54;background:rgba(255,255,255,.1);color:#f2f7ff;font-weight:500;box-sizing:border-box;margin-bottom:0;display:block;resize:none;outline:none;vertical-align:middle;caret-color:#37d0ff}.tasklog-card input::placeholder,.tasklog-card textarea::placeholder,.tasklog-desc::placeholder,.tasklog-input::placeholder{font-family:inherit!important;font-size:1.04em;color:#8ab3e2;opacity:1;letter-spacing:.03em;font-style:italic}.tasklog-card input:focus,.tasklog-card textarea:focus,.tasklog-desc:focus,.tasklog-input:focus{border-color:#44e6ff;background:rgba(255,255,255,.17)}.tasklog-addbtn{font-size:1.18rem;padding:.8em;border:none;border-radius:11px;background:linear-gradient(97deg,#256daa 35%,#27e0ff 120%);color:#fff;font-weight:700;text-shadow:0 1px 8px #21a8ffba,0 1px 2px #248ecf80;letter-spacing:.05em;box-shadow:0 2px 8px #209bff7f;margin-top:.4em;transition:background .16s,transform .13s,box-shadow .13s;cursor:pointer}.tasklog-addbtn:hover{background:linear-gradient(96deg,#44e6ff 10%,#378cff);transform:scale(1.05);box-shadow:0 4px 18px #58ddff90}.tasklog-list{gap:1.3em;max-width:440px;margin:0 auto;padding:0;align-items:center;list-style:none}.tasklog-card,.tasklog-list{display:flex;flex-direction:column;width:100%}.tasklog-card{background:rgba(24,34,78,.94);border:1.5px solid #60afff45;border-radius:15px;padding:1.07em 1.2em;max-width:420px;box-sizing:border-box;color:#ddeaff;align-items:stretch;gap:1.05em;transition:box-shadow .15s;position:relative}.tasklog-time{align-self:flex-end;font-size:.98em;opacity:.7;margin-bottom:.3em}.tasklog-delbtn{align-self:flex-end;background:linear-gradient(96deg,#ff4879 60%,#6cf4ff 130%);color:#fff;text-shadow:0 1px 7px #232f65a8;border:none;border-radius:6px;padding:.45em 1.15em;margin-top:.13em;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .16s,transform .13s;box-shadow:0 1px 8px #ff487960}.tasklog-delbtn:hover{background:linear-gradient(91deg,#ff4f8b 40%,#4fdaff 120%);transform:scale(1.06)}@media (max-width:600px){.tasklog-container{padding:1em .3em;max-width:98vw}.tasklog-card,.tasklog-list{max-width:100vw;min-width:unset;padding:.7em .3em}.tasklog-card input,.tasklog-card textarea,.tasklog-desc,.tasklog-input{font-size:1rem;min-height:42px;padding:.63em .7em;max-width:100vw}}