.atp-wrap{max-width:1280px;margin:0 auto;padding:clamp(4rem,7vw,6.5rem) 1.25rem clamp(3.5rem,6vw,6rem)}.atp-grid{align-items:center;gap:2.5rem;display:grid}@media (min-width:1024px){.atp-grid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:3.25rem}.atp-text{padding-top:3.25rem}}.atp-h{font-family:var(--font-erode);letter-spacing:-.025em;color:var(--foreground);text-wrap:balance;font-size:clamp(2rem,1.3rem + 2.2vw,3rem);font-weight:700;line-height:1.04}.atp-sub{max-width:30rem;color:var(--muted-foreground);margin-top:1.1rem;font-size:1.0625rem;line-height:1.6}.atp-mcp{border:1.5px solid var(--brand-ink);background:var(--card);border-radius:14px;margin-top:1.5rem;overflow:hidden}.atp-mcp-head{width:100%;color:var(--foreground);text-align:left;cursor:pointer;align-items:center;gap:9px;padding:11px 14px;font-size:14px;font-weight:700;display:flex}.atp-mcp-head:hover{background:var(--muted)}.atp-mcp-caret{flex-shrink:0;transition:transform .25s}.atp-mcp.is-open .atp-mcp-caret{transform:rotate(180deg)}.atp-mcp-title{flex:auto;min-width:0}.atp-mcp-logos{align-items:center;display:flex}.atp-mcp-logo{border-radius:var(--radius-pill);background:var(--brand-cream);border:1.5px solid var(--brand-ink);place-items:center;width:28px;height:28px;margin-left:-6px;display:grid}.atp-mcp-logo:first-child{margin-left:0}.atp-mcp-body{padding:0 14px 12px 37px;animation:.28s both atp-body-in}@keyframes atp-body-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.atp-mcp-body p{color:var(--muted-foreground);margin:0;font-size:13.5px;line-height:1.55}.atp-demo-col{justify-self:center;width:100%;max-width:680px;position:relative}@media (min-width:1024px){.atp-demo-col{justify-self:stretch;max-width:none}}.atp-demo-col:before{content:"";background:var(--brand-yellow);z-index:0;pointer-events:none;border-radius:8px;width:52%;height:46%;position:absolute;top:-16px;right:-12px;transform:rotate(2.5deg)}.atp-face{animation:.35s cubic-bezier(.3,.9,.4,1) both atp-face-in}@keyframes atp-face-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.atp-app{--a-s00:#fdfaf6;--a-s01:#f2ecde;--a-s02:#e9e1d2;--a-s03:#ded4c2;--a-ink:#292524;--a-l01:#292524b8;--a-l02:#29252499;--a-l03:#29252473;--a-d00:#2925242e;--a-d01:#2925241f;--a-red:#e55454;--a-check:#625efc;z-index:1;border:2px solid var(--brand-ink);background:var(--a-s00);height:550px;box-shadow:var(--shadow-edge-lg);color:var(--a-ink);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;text-align:left;border-radius:16px;display:flex;position:relative;overflow:hidden}.atp-list{border-right:1px solid var(--a-d01);background:var(--a-s00);flex-direction:column;flex:0 0 41%;min-width:0;display:flex}.atp-list-head{justify-content:space-between;align-items:center;padding:15px 12px 10px 15px;display:flex}.atp-list-title{letter-spacing:-.02em;font-size:18px;font-weight:600}.atp-plus{background:var(--a-s02);width:23px;height:23px;color:var(--a-l01);border-radius:6px;place-items:center;font-size:15px;font-weight:600;display:grid}.atp-scroll{flex:auto;min-height:0;padding:0 5px 8px;overflow-y:auto}.atp-group{align-items:center;gap:6px;padding:10px 8px 6px;display:flex}.atp-group-t{font-size:13px;font-weight:600}.atp-badge{background:var(--a-s03);color:var(--a-l02);border-radius:100px;padding:0 5.5px;font-size:11px;font-weight:500}.atp-row{cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:flex-start;gap:8px;margin:1px 2px;padding:7px 8px;display:flex}.atp-row:hover{background:var(--a-s02)}.atp-row.is-sel{background:var(--a-s02);border-color:var(--a-d01)}.atp-row.is-done{opacity:.5}.atp-row.is-done .atp-row-t{text-decoration:line-through}.atp-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.atp-row-t{font-size:13px;font-weight:500;line-height:1.3}.atp-row-attrs{color:var(--a-l02);align-items:center;gap:6px;font-size:11px;display:flex}.atp-row-due.is-overdue{color:#f06161}.atp-row-due.is-today{color:#e79b32}.atp-check{cursor:pointer;background:0 0;border:1.5px solid #2925244d;border-radius:5px;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.atp-check.is-done{background:#625efc;border-color:#625efc}.atp-detail{flex:auto;min-width:0;padding:18px 18px 16px;position:relative;overflow:hidden}.atp-d-kai{border:1.5px solid var(--a-ink);background:var(--brand-green);border-radius:7px;padding:2px;display:inline-flex;position:absolute;top:11px;right:11px}.atp-d-titlerow{align-items:flex-start;gap:10px;padding-right:34px;display:flex}.atp-d-title{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600;line-height:1.2}.atp-d-title.is-done{opacity:.5;text-decoration:line-through}.atp-pills{border-bottom:1px solid var(--a-d01);flex-wrap:wrap;gap:7px;margin-top:14px;padding-bottom:14px;display:flex}.atp-pill{border:1px dashed var(--a-d00);background:var(--a-s00);height:24px;color:var(--a-l01);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.atp-pill:hover{background:var(--a-s01)}.atp-pill.is-set{border-style:solid;border-color:var(--a-d01);background:var(--a-s01);color:var(--a-ink)}span.atp-pill{cursor:default}.atp-pop{z-index:6;border:1px solid var(--a-d00);background:var(--a-s00);border-radius:8px;min-width:190px;max-height:240px;margin-top:6px;padding:5px;animation:.2s both atp-body-in;position:absolute;overflow:auto;box-shadow:0 10px 24px #29252429}.atp-pop-row{width:100%;color:var(--a-ink);text-align:left;cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.atp-pop-row:hover{background:var(--a-s02)}.atp-pop-input{border:1px solid var(--a-d01);background:var(--a-s00);width:100%;color:var(--a-ink);border-radius:6px;margin-bottom:5px;padding:6px 8px;font-size:12.5px}.atp-pop-input::placeholder{color:var(--a-l03)}.atp-pop-input:focus{border-color:var(--a-d00);outline:none}.atp-pop-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--a-l03);margin:6px 0 2px;padding:0 8px;font-size:10px;font-weight:600}.atp-pop-check{border:1.5px solid #2925244d;border-radius:4px;flex-shrink:0;place-items:center;width:14px;height:14px;display:grid}.atp-pop-check.is-on{background:#625efc;border-color:#625efc}.atp-minitag{border:1px solid color-mix(in srgb, var(--tag,var(--brand-green)) 25%, transparent);background:color-mix(in srgb, var(--tag,var(--brand-green)) 15%, var(--a-s00));height:18px;color:color-mix(in srgb, var(--tag,var(--brand-green)) 25%, var(--a-ink));border-radius:4px;align-items:center;padding:0 5px;font-size:10.5px;line-height:1;display:inline-flex}.atp-d-desc{color:var(--a-l01);margin:14px 0 0;font-size:13px;line-height:1.6}.atp-term{z-index:1;border:2px solid var(--brand-ink);background:var(--card);height:550px;box-shadow:var(--shadow-edge-lg);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.atp-term-bar{border-bottom:1px solid var(--border);color:var(--foreground);align-items:center;gap:10px;padding:12px 15px;font-size:12.5px;font-weight:700;display:flex}.atp-term-dots{gap:5px;display:inline-flex}.atp-term-dots i{border:1px solid #2925241f;border-radius:50%;width:10px;height:10px}.atp-term-dots i:first-child{background:#f06161}.atp-term-dots i:nth-child(2){background:#f7c579}.atp-term-dots i:nth-child(3){background:#97d4a5}.atp-term-body{flex-direction:column;flex:auto;min-height:0;padding:18px;display:flex}.atp-t-user{background:var(--muted);max-width:92%;color:var(--foreground);border-radius:13px 13px 4px;align-self:flex-end;margin:0 0 14px;padding:8px 13px;font-size:13.5px;font-weight:500;line-height:1.5}.atp-t-shell{background:var(--brand-ink);color:var(--brand-cream);border-radius:12px;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.55}.atp-t-tool{color:color-mix(in srgb, var(--brand-cream) 70%, transparent);align-items:center;gap:8px;margin:0 0 9px;display:flex}.atp-t-dot{background:var(--brand-green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.atp-t-ok{color:var(--brand-green);font-weight:700}.atp-t-scope{border:1px solid color-mix(in srgb, var(--brand-cream) 22%, transparent);border-radius:10px;margin:0 0 10px;padding:9px 12px}.atp-t-scope-t{color:var(--brand-green);margin:0 0 5px;font-weight:700}.atp-t-scope ul{color:color-mix(in srgb, var(--brand-cream) 85%, transparent);flex-direction:column;gap:3px;margin:0;padding:0 0 0 16px;display:flex}.atp-t-done{color:var(--brand-green);margin:0;font-weight:600}.atp-t-next{color:color-mix(in srgb, var(--brand-cream) 55%, transparent);margin:10px 0 0}.atp-t-caret{vertical-align:-2px;background:color-mix(in srgb, var(--brand-cream) 65%, transparent);width:7px;height:12px;margin-left:7px;animation:1.1s step-end infinite atp-caret;display:inline-block}@keyframes atp-caret{50%{opacity:0}}.atp-t-foot{color:var(--muted-foreground);margin:auto 2px 0;padding-top:12px;font-size:12.5px}.atp-t-1,.atp-t-2,.atp-t-3,.atp-t-4,.atp-t-5,.atp-t-6{animation:.45s ease-out both atp-t-in}.atp-t-1{animation-delay:.2s}.atp-t-2{animation-delay:.9s}.atp-t-3{animation-delay:1.7s}.atp-t-4{animation-delay:2.5s}.atp-t-5{animation-delay:3.1s}.atp-t-6{animation-delay:3.7s}@keyframes atp-t-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:640px){.atp-app,.atp-term{height:520px}.atp-list{flex-basis:46%}.atp-detail{padding:13px 12px 12px}}@media (prefers-reduced-motion:reduce){.atp-t-1,.atp-t-2,.atp-t-3,.atp-t-4,.atp-t-5,.atp-t-6,.atp-face,.atp-mcp-body,.atp-pop,.atp-t-caret{animation:none}.atp-mcp-caret{transition:none}}