.wzc-root{
  --wzc-gold:#C9A84C;
  --wzc-gold-text:#8A6D1E;
  --wzc-gold-dim:rgba(201,168,76,0.16);
  --wzc-surface:#FFFFFF;
  --wzc-surface-2:#F1EBD9;
  --wzc-text:#1B1F27;
  --wzc-text-dim:#5B6478;
  --wzc-border:rgba(20,20,30,0.12);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--wzc-text);
  max-width:880px;
}
.wzc-root *{box-sizing:border-box;}

.wzc-notice{background:#FBEFE8;border:1px solid #E6C4AE;color:#7A3B12;padding:14px 16px;border-radius:8px;font-size:14px;}

.wzc-live-badge{
  display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,monospace;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.05em;color:var(--wzc-gold-text);background:var(--wzc-gold-dim);
  border:1px solid var(--wzc-border);border-radius:6px;padding:5px 10px;margin-bottom:14px;
}
.wzc-live-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#1F8F5F;flex:none;}

.wzc-readonly .wzc-checkbox{cursor:default;}
.wzc-readonly .wzc-checkbox:disabled{opacity:1;}
.wzc-readonly li.wzc-item label{cursor:default;}

/* static public shortcode — no checkboxes, no project state */
li.wzc-item-static{align-items:flex-start;}
.wzc-static-marker{
  width:8px;height:8px;border-radius:50%;background:var(--wzc-gold);flex:none;margin-top:6px;
}
.wzc-static-label{font-size:14px;line-height:1.45;color:var(--wzc-text);}

.wzc-header{margin-bottom:18px;}
.wzc-project-title{font-size:22px;margin:0 0 4px;}
.wzc-switch{margin:0;font-size:13px;}
.wzc-switch a{color:var(--wzc-gold-text);text-decoration:none;}
.wzc-switch a:hover{text-decoration:underline;}

.wzc-progress-wrap{margin-bottom:18px;}
.wzc-progress-track{height:8px;border-radius:8px;background:var(--wzc-surface-2);overflow:hidden;border:1px solid var(--wzc-border);}
.wzc-progress-fill{height:100%;background:var(--wzc-gold);border-radius:8px;transition:width .3s ease;}
.wzc-progress-label{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:12px;color:var(--wzc-text-dim);}
.wzc-save-status{color:#1F8F5F;opacity:0;transition:opacity .2s ease;}
.wzc-save-status.is-visible{opacity:1;}

details.wzc-phase{background:var(--wzc-surface);border:1px solid var(--wzc-border);border-radius:12px;overflow:hidden;margin-bottom:12px;}
summary.wzc-phase-head{
  list-style:none;cursor:pointer;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:15px;
}
summary.wzc-phase-head::-webkit-details-marker{display:none;}
.wzc-ph-left{display:flex;align-items:center;gap:10px;}
.wzc-phase-num{font-family:ui-monospace,monospace;font-size:11px;color:var(--wzc-gold-text);background:var(--wzc-gold-dim);border-radius:6px;padding:2px 7px;flex:none;}
.wzc-phase-count{font-family:ui-monospace,monospace;font-size:11px;color:var(--wzc-text-dim);white-space:nowrap;}
.wzc-chevron{width:16px;height:16px;flex:none;transition:transform .2s ease;color:var(--wzc-text-dim);}
details[open] .wzc-chevron{transform:rotate(180deg);}
.wzc-phase-body{padding:2px 18px 16px;border-top:1px solid var(--wzc-border);}

ul.wzc-list{list-style:none;margin:0;padding:0;}
li.wzc-item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--wzc-border);}
li.wzc-item:last-child{border-bottom:none;}
li.wzc-item input.wzc-checkbox{width:17px;height:17px;margin-top:3px;flex:none;accent-color:var(--wzc-gold);cursor:pointer;}
.wzc-item-body{flex:1;min-width:0;}
li.wzc-item label{font-size:14px;cursor:pointer;line-height:1.45;}
li.wzc-item.is-checked label{color:var(--wzc-text-dim);}
.wzc-item.is-checked .wzc-how{opacity:.6;}

p.wzc-how{margin:4px 0 0;font-size:12.5px;color:var(--wzc-text-dim);line-height:1.4;}
p.wzc-how strong{color:var(--wzc-gold-text);font-weight:600;}

.wzc-tip{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:15px;height:15px;border-radius:50%;background:var(--wzc-surface-2);color:var(--wzc-gold-text);
  font-family:ui-monospace,monospace;font-size:10px;font-weight:700;cursor:help;border:1px solid var(--wzc-border);
  margin-left:4px;
}
.wzc-tip:hover::after,.wzc-tip:focus-visible::after{
  content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:0;
  width:240px;max-width:60vw;background:var(--wzc-text);color:#fff;font-family:-apple-system,sans-serif;
  font-size:12px;font-weight:400;line-height:1.4;padding:9px 11px;border-radius:8px;
  box-shadow:0 12px 28px -10px rgba(0,0,0,.35);z-index:10;
}

/* project picker */
.wzc-picker-title{font-size:20px;margin-bottom:14px;}
ul.wzc-picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.wzc-picker-item a{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  background:#fff;border:1px solid var(--wzc-border);border-radius:10px;padding:14px 16px;
  text-decoration:none;color:var(--wzc-text);
}
.wzc-picker-item a:hover{border-color:var(--wzc-gold);}
.wzc-picker-name{font-weight:600;}
.wzc-picker-progress{font-family:ui-monospace,monospace;font-size:12px;color:var(--wzc-text-dim);white-space:nowrap;}