#wppa-app.wppa-app{max-width:860px;margin:24px auto;padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.wppa-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
.wppa-title{font-size:20px;font-weight:700;}
.wppa-actions{display:flex;gap:8px;align-items:center;}
.wppa-btn{border:1px solid rgba(0,0,0,.12);background:#111;color:#fff;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600;}
.wppa-btn:hover{opacity:.92;}
.wppa-btn-secondary{background:#fff;color:#111;}
.wppa-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px;}
.wppa-tab{border:1px solid rgba(0,0,0,.12);background:#fff;padding:8px 10px;border-radius:999px;cursor:pointer;font-weight:700;font-size:12px;letter-spacing:.2px;}
.wppa-tab.is-active{background:#111;color:#fff;}
.wppa-add{display:grid;grid-template-columns:1.2fr .7fr .55fr .9fr auto;gap:10px;margin-bottom:10px;}
@media (max-width:820px){.wppa-add{grid-template-columns:1fr 1fr;}.wppa-add .wppa-btn{grid-column:1/-1;}}
.wppa-input{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;background:#fff;}
.wppa-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:10px 0 6px;color:rgba(0,0,0,.72);font-size:13px;}
.wppa-link{border:0;background:transparent;padding:6px 8px;cursor:pointer;text-decoration:underline;color:rgba(0,0,0,.78);}
.wppa-link:hover{color:#000;}
.wppa-danger{color:#b00020;}
.wppa-list{list-style:none;padding:0;margin:8px 0 0;border-top:1px solid rgba(0,0,0,.08);}
.wppa-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 6px;border-bottom:1px solid rgba(0,0,0,.08);}
.wppa-left{display:flex;gap:10px;align-items:flex-start;min-width:0;}
.wppa-check{margin-top:4px;}
.wppa-text{min-width:0;}
.wppa-task-title{font-weight:700;word-break:break-word;}
.wppa-sub{font-size:12px;color:rgba(0,0,0,.6);margin-top:2px;}
.wppa-right{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}
.wppa-pill{font-size:11px;border:1px solid rgba(0,0,0,.12);padding:4px 8px;border-radius:999px;}
.wppa-move{font-size:11px;border:1px solid rgba(0,0,0,.12);padding:4px 8px;border-radius:999px;background:#fff;cursor:pointer;}
.wppa-del{border:0;background:transparent;cursor:pointer;font-weight:800;font-size:16px;line-height:1;padding:6px 8px;}
.wppa-del:hover{opacity:.7;}
.wppa-done .wppa-task-title{text-decoration:line-through;opacity:.55;}
.wppa-footnote{margin-top:12px;font-size:12px;color:rgba(0,0,0,.55);}