@import"https://fonts.googleapis.com/css2?family=Bytesized&display=swap";@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";.to-do-list{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:100px;color:#eafaf4}body{background-color:#0d3142;margin:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}h1{font-family:Bytesized,sans-serif;background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:4rem}button{font-family:Pixelify Sans,sans-serif;font-size:1.7rem;font-weight:400;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .5s ease}.add-button{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.add-button:hover{filter:brightness(1.08)}.delete-button{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 14px;border-radius:5px;background:linear-gradient(135deg,#228b71,#13beb0);border:1px solid rgba(21,104,124,.55);color:#fff;margin-left:auto}.delete-button:hover{filter:brightness(1.05)}.title-input{height:30px;background:#0f1f1a;border:1px solid #6EE7B7;color:#eafaf4;font-size:1.7rem;padding:10px;border-radius:5px}.desc-input{height:15px;background:#0f1f1a;border:1px solid #6EE7B7;color:#eafaf4;font-size:1.1rem;padding:10px;border-radius:5px}.date-input{color:#b7e4cf;font-family:Pixelify Sans,sans-serif;height:12px;background:#0f1f1a;border:1px solid #6EE7B7;font-size:1.1rem;padding:10px;border-radius:5px;color-scheme:dark}input::placeholder{color:#b7e4cf;font-family:Pixelify Sans,sans-serif}input:focus{outline:1px solid #10B981;outline-offset:1px}ol{padding:0}li{font-family:Pixelify Sans,sans-serif;width:27rem;font-size:2rem;font-weight:400;padding:12px 16px;background:#1d4e3f73;border:3px solid rgba(145,240,202,.28);color:#eafaf4;border-radius:5px;display:flex;align-items:center;margin:10px auto;gap:10px}.text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.text>strong,.task-title{display:block;font-size:1.7rem;font-weight:400;line-height:1.2;color:#eafaf4}.text>.desc,.task-desc{display:block;font-size:1.3rem;font-weight:400;line-height:1.35;margin-top:4px;opacity:.95;color:#d7f7eb}.date-chip{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:inline-block;margin-top:4px;padding:2px 10px;border-radius:999px;font-size:1.1rem;font-weight:400;background:#10b9812e;border:1px solid rgba(16,185,129,.45);color:#eafbf4}.date-chip.overdue{background:#f43f5e33;border-color:#f43f5e8c;color:#ffe7ea}.task-form{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:6px 6px;align-items:start;max-width:640px;margin-bottom:24px}.task-form .add-button{grid-column:2;grid-row:1 / span 3;height:100%;align-self:stretch}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;list-style:none;padding:0;width:100%;max-width:1200px;margin:0 auto}.task-grid>li{transition:opacity .22s ease,transform .22s ease,filter .22s ease;will-change:opacity,transform,filter;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0f;width:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:1rem;font-weight:400;padding:12px 16px;background:#1d4e3f73;border:3px solid rgba(145,240,202,.28);color:#eafaf4;border-radius:5px;margin:0}.task-grid>li.closing{opacity:0;transform:translateY(8px) scale(.98);filter:blur(1px);pointer-events:none}.task-grid>li:hover{transform:translateY(-2px);box-shadow:0 14px 34px #00000047,inset 0 1px #ffffff14}.task-grid>li .text{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.prism-container{position:absolute;inset:0;z-index:0;pointer-events:none}.to-do-list{position:relative;z-index:1}