*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{color:#0f172a;background:radial-gradient(900px 420px at 10% -10%,#dbeafe 0%,#0000 55%),radial-gradient(700px 360px at 110% 0,#eff6ff 0%,#0000 50%),#f8fafc;font-family:Outfit,system-ui,sans-serif}#root{width:100%}h1,h2,.list-title{font-family:Fraunces,Georgia,serif}a{color:#2563eb}.shell{width:min(720px,100% - 32px);margin:0 auto;padding:28px 0 64px}.auth-shell{gap:24px;display:grid}.brand{letter-spacing:.16em;text-transform:uppercase;color:#2563eb;margin:0;font-size:12px;font-weight:700}.brand-lockup{color:inherit;align-items:center;gap:12px;margin:0 0 10px;text-decoration:none;display:inline-flex}.brand-mark{border-radius:10px;display:block;box-shadow:0 6px 16px #2563eb33}.brand-text{gap:2px;display:grid}.brand-tag{letter-spacing:0;text-transform:none;color:#64748b;font-size:13px;font-weight:500}.hero .brand-lockup{margin-bottom:16px}.hero h1,.panel h1,.topbar h1{margin:0 0 10px;font-size:clamp(32px,6vw,46px);line-height:1.1}.topbar h1{margin-top:4px}.hero p,.panel p,.muted{color:#64748b;margin:0;line-height:1.55}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;box-shadow:0 10px 30px #0f172a0a}.invite{margin-bottom:16px}.push-prompt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.invite-link{word-break:break-all;color:#0f172a;margin:0!important}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.back{align-items:center;gap:8px;margin-bottom:8px;font-weight:600;text-decoration:none;display:inline-flex}.list-title.ant-typography{margin:0!important}.create-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.create-row .grow{flex:220px;margin-inline-end:0!important}.create-row .ant-form-item{margin-bottom:0}.composer{padding:14px}.composer-form{gap:8px;display:grid}.composer-title{margin-bottom:0!important}.composer-actions{align-items:center;gap:8px;display:flex}.composer-assignee{flex:1;min-width:0;margin-bottom:0!important}.composer-assignee .ant-select{width:100%}.composer-actions>.ant-btn{flex:none;height:32px;padding-inline:14px}.list-cards,.items{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.list-card-wrap{position:relative}.list-card,.item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;display:flex}.list-card{color:inherit;flex-direction:column;align-items:flex-start;padding-right:48px;text-decoration:none}.list-delete{z-index:1;position:absolute;top:8px;right:8px}.list-card strong,.item-body strong{font-size:17px}.list-card span,.item-body span,.fine{color:#64748b;font-size:13px}.item.done strong{color:#94a3b8;text-decoration:line-through}.check{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.item.done .check{color:#fff;background:#2563eb}.item-body{flex:1;gap:2px;display:grid}.filter-bar{margin:14px 0 0}.drag-handle{color:#94a3b8;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle.spacer{visibility:hidden;pointer-events:none}.item{touch-action:pan-y}.center{place-items:center;min-height:60dvh;display:grid}.setup p+p{margin-top:12px}.google-btn{margin-bottom:4px}@media (width<=640px){.shell{width:calc(100% - 20px);padding:12px 0 40px}.topbar{flex-direction:row;align-items:flex-start;gap:8px;margin-bottom:12px}.back{margin-bottom:4px;font-size:14px}.list-title.ant-typography{font-size:24px!important;line-height:1.2!important}.topbar .muted{font-size:13px}.panel{border-radius:14px;padding:14px}.composer{padding:10px}.filter-bar{margin:10px 0 0}.filter-bar .ant-segmented{width:100%}.list-cards,.items{gap:8px;margin-top:10px}.list-card,.item{border-radius:12px;gap:8px;padding:10px 12px}.list-card strong,.item-body strong{font-size:15px}.list-card span,.item-body span{font-size:12px}.check,.drag-handle{width:24px;height:24px}.create-row{flex-flow:row;align-items:stretch}.create-row .grow{flex:auto;min-width:0}}