@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#1b1a16;background:#ece9e0;font-family:DM Sans,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.shell{width:min(100% - 40px,1040px);margin:0 auto;padding:28px 0 80px}.shell--login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:650px;padding:64px 0}.eyebrow{margin:0 0 10px;color:#767166;font:500 11px/1 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0;font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(30px,5vw,54px);line-height:.95}h2{font-size:clamp(45px,9vw,102px);line-height:.79}em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.lead{max-width:440px;margin:32px 0 24px;color:#5d594f;font-size:17px;line-height:1.5}.login-form{display:grid;gap:10px;max-width:440px}label,.author-badge span{color:#767166;font:500 11px/1 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}input{width:100%;border:1px solid #beb9ae;outline:0;border-radius:0;padding:15px 16px;background:#f6f4ee;color:#1b1a16}input:focus{border-color:#1b1a16;box-shadow:3px 3px #f5bc4d}.button{display:inline-flex;align-items:center;justify-content:space-between;width:max-content;gap:25px;border:0;padding:14px 17px;background:#1b1a16;color:#f6f4ee;transition:transform .15s ease}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #f5bc4d}.button span{font-size:20px;line-height:0}.note,.empty{color:#767166;font-size:13px;line-height:1.5}.note{margin-top:28px}.topbar{display:flex;justify-content:space-between;align-items:start;padding-bottom:60px}.topbar h1{font-size:24px;letter-spacing:-.04em}.logout,.text-button,.task__title,.delete{border:0;background:transparent;color:inherit;padding:0}.logout,.text-button{color:#5d594f;text-decoration:underline;text-underline-offset:3px;font-size:13px}.workspace{border-top:1px solid #1b1a16;padding-top:24px}.workspace__head{display:flex;justify-content:space-between;gap:30px;align-items:end}.author-badge{display:grid;gap:6px;padding:11px 13px;background:#f5bc4d;font:500 14px/1.2 DM Mono,monospace}.author-badge span{color:#1b1a16;font-size:9px}.run-form{display:flex;gap:10px;align-items:center;margin:42px 0 15px}.run-form input{max-width:190px;padding:9px 10px;font:13px DM Mono,monospace}.add-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0 8px}.tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;margin:28px 0 0;padding:0;list-style:none}.task{display:grid;align-content:space-between;min-height:170px;gap:24px;padding:16px;border:1px solid #beb9ae;background:#f6f4ee;transition:transform .15s ease,box-shadow .15s ease}.task:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #f5bc4d}.task__meta{display:grid;grid-template-columns:22px 1fr 24px;align-items:center;gap:10px}.task__date{margin:0;color:#767166;font:11px/1.2 DM Mono,monospace;letter-spacing:.02em}.check{width:21px;height:21px;border:1px solid #1b1a16;background:transparent;color:#1b1a16;line-height:1}.task--done .check{background:#1b1a16;color:#f6f4ee}.task--done .task__title{color:#817c71;text-decoration:line-through}.task__title{text-align:left;font-size:18px;line-height:1.25;font-weight:500}.task__title:hover{text-decoration:underline;text-underline-offset:3px}.delete{color:#817c71;font-size:24px;font-weight:300}.delete:hover{color:#a83227}.rename-form{display:flex;align-items:center;gap:9px}.rename-form input{padding:7px 8px}.error{color:#a83227;margin:10px 0;font-size:13px}@media(max-width:560px){.shell{width:min(100% - 28px,1040px)}.topbar{padding-bottom:45px}.workspace__head{align-items:start;flex-direction:column}.run-form{flex-wrap:wrap}.run-form label{width:100%}.add-form{grid-template-columns:1fr}.button{width:100%}.tasks{grid-template-columns:1fr}}