
  #pt-tasks{color-scheme:light dark;--paper:light-dark(#fff,#1a2027);--shell:light-dark(#f4f7f5,#171c22);--ink:light-dark(#182b24,#ecf2ee);--dim:light-dark(#50655c,#a8bbb3);--line:light-dark(#dbe6df,#35433c);--mint:light-dark(#e4f3eb,#263d33);--accent:light-dark(#165b47,#17634e);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;overflow:hidden;font:14px/1.45 system-ui,sans-serif}
  #pt-tasks *{box-sizing:border-box}
  #pt-tasks button,#pt-tasks input,#pt-tasks select{font:inherit;color:inherit}
  #pt-tasks button{background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 10px;text-align:left}
  #pt-tasks button:hover,#pt-tasks button[aria-pressed=true]{background:var(--mint)}
  #pt-tasks small{font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--dim)}
  #pt-tasks .pt-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 20px}
  #pt-tasks .pt-top small{margin-left:auto}
  #pt-tasks .pt-top strong span{color:var(--dim);margin:0 3px}
  #pt-tasks .pt-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;background:var(--accent);font-weight:800}
  #pt-tasks .pt-body{display:grid;grid-template-columns:174px minmax(0,1fr)}
  #pt-tasks .pt-sidebar{background:var(--shell);padding:22px 14px;border-right:1px solid var(--line)}
  #pt-tasks .pt-sidebar small{padding-left:10px}
  #pt-tasks nav{display:grid;gap:4px;margin-top:8px}
  #pt-tasks .pt-main{padding:24px 24px 18px;min-width:0}
  #pt-tasks .pt-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
  #pt-tasks h1{font:750 36px/1.12 system-ui,sans-serif;letter-spacing:-.045em;margin:4px 0 0;color:inherit}
  #pt-tasks h2{font:700 15px/1.4 system-ui,sans-serif;margin:0 0 5px;color:inherit}
  #pt-tasks .pt-add{background:var(--accent);color:#fff;white-space:nowrap}
  #pt-tasks .pt-filters{display:flex;gap:5px;margin:13px 0 16px}
  #pt-tasks .pt-filters button{padding:4px 10px;border-color:var(--line);font-size:12px}
  #pt-tasks .pt-group{margin-top:14px}
  #pt-tasks .pt-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;border-top:1px solid var(--line);padding:7px 0}
  #pt-tasks .pt-row[data-target="before"]{box-shadow:inset 0 2px var(--accent)}
  #pt-tasks .pt-row[data-target="after"]{box-shadow:inset 0 -2px var(--accent)}
  #pt-tasks .pt-row .pt-check{padding:2px 6px;font-size:17px;color:var(--accent)}
  #pt-tasks .pt-row strong{display:block;overflow-wrap:anywhere;font-size:13px}
  #pt-tasks .pt-meta,#pt-tasks .pt-empty{color:var(--dim);font-size:12px}
  #pt-tasks .pt-row select,#pt-tasks input{max-width:100%;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:4px;font-size:12px}
  #pt-tasks .pt-row select[data-priority="1"]{background:light-dark(#fceee6,#492f25)}
  #pt-tasks .pt-row select[data-priority="2"]{background:var(--mint)}
  #pt-tasks form:not([hidden]){display:flex;align-items:end;flex-wrap:wrap;gap:6px;margin-bottom:12px}
  #pt-tasks form label{display:grid;flex:1;min-width:140px;gap:4px}
  #pt-tasks form button{border-color:var(--line)}
  @media(max-width:620px){#pt-tasks .pt-body{display:block}#pt-tasks .pt-sidebar{padding:7px 12px;border-right:0;border-bottom:1px solid var(--line)}#pt-tasks nav{display:flex;flex-wrap:wrap;margin:0}#pt-tasks .pt-sidebar small{display:none}#pt-tasks .pt-main{padding:16px}#pt-tasks .pt-row{grid-template-columns:auto minmax(0,1fr) auto}#pt-tasks .pt-move{grid-column:3}#pt-tasks h1{font-size:29px}}

body{color-scheme:light dark;background:light-dark(#eaf0ed,#101519);max-width:1120px;margin:24px auto;padding:0 12px}.pt-login{max-width:460px;margin:10vh auto}#pt-tasks #login-form{display:grid;gap:12px}#pt-tasks .pt-status:empty,#pt-tasks #login-status:empty{display:none}#pt-tasks .pt-status{color:var(--dim)}#pt-tasks #logout{font-size:12px}#pt-tasks form select{max-width:100%;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:4px}#pt-tasks .pt-top{flex-wrap:wrap}#pt-tasks button:disabled{opacity:.6}