.tpc-wrap{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;}
.tpc-panel{background:var(--card-bg,#fff);border-radius:12px;border:1px solid var(--border-color,#e2e8f0);padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.tpc-form-panel{display:flex;flex-direction:column;gap:1rem;}
.tpc-label{font-size:0.8125rem;font-weight:600;color:var(--text-secondary,#475569);display:block;}
.tpc-input{width:100%;padding:0.75rem 1rem;font-size:1rem;border:1px solid var(--input-border,#e2e8f0);border-radius:8px;background:var(--input-bg,#fff);transition:border-color 0.2s,box-shadow 0.2s;}
.tpc-input:focus{outline:none;border-color:var(--focus-ring,#0ea5e9);box-shadow:0 0 0 3px rgba(14,165,233,0.15);}
.tpc-textarea{width:100%;padding:0.75rem 1rem;font-size:0.9375rem;border:1px solid var(--input-border,#e2e8f0);border-radius:8px;background:var(--input-bg,#fff);resize:vertical;min-height:4rem;transition:border-color 0.2s,box-shadow 0.2s;}
.tpc-textarea:focus{outline:none;border-color:var(--focus-ring,#0ea5e9);box-shadow:0 0 0 3px rgba(14,165,233,0.15);}
.tpc-date{max-width:100%;}
.tpc-sliders{display:grid;gap:1.25rem;}
.tpc-slider-block{display:flex;flex-direction:column;gap:0.375rem;}
.tpc-slider-head{display:flex;justify-content:space-between;align-items:baseline;}
.tpc-slider-val{font-size:0.875rem;font-weight:600;color:var(--accent,#0ea5e9);background:rgba(14,165,233,0.1);padding:0.2rem 0.5rem;border-radius:6px;}
.tpc-range{width:100%;height:8px;border-radius:4px;background:var(--slider-track,#e2e8f0);-webkit-appearance:none;appearance:none;}
.tpc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent,#0ea5e9);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:transform 0.15s;}
.tpc-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent,#0ea5e9);cursor:pointer;border:none;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.tpc-range:focus{outline:none;}
.tpc-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(14,165,233,0.3);}
.tpc-range:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(14,165,233,0.3);}
.tpc-actions{display:flex;flex-wrap:wrap;gap:0.75rem;}
.tpc-btn{padding:0.75rem 1.25rem;font-size:0.9375rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:transform 0.15s,background-color 0.15s;}
.tpc-btn-primary{background:var(--accent,#0ea5e9);color:#fff;}
.tpc-btn-primary:hover{background:#0284c7;}
.tpc-btn-secondary{background:var(--success,#059669);color:#fff;}
.tpc-btn-secondary:hover{background:#047857;}
.tpc-btn-ghost{background:transparent;color:var(--text-secondary,#475569);border:1px solid var(--border-color,#e2e8f0);}
.tpc-btn-ghost:hover{background:var(--hover-bg,#f1f5f9);}
.tpc-btn-copy{width:100%;background:var(--hover-bg,#f1f5f9);color:var(--text-secondary,#475569);}
.tpc-btn-copy:hover{background:#e2e8f0;}
.tpc-btn-copy.copied{background:var(--success,#059669);color:#fff;}
.tpc-result-panel{display:flex;flex-direction:column;gap:0.5rem;align-items:flex-start;}
.tpc-result-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted,#64748b);}
.tpc-score-row{display:flex;align-items:baseline;gap:0.25rem;}
.tpc-score-num{font-size:2.5rem;font-weight:700;line-height:1;color:var(--text-primary,#0f172a);}
.tpc-score-of{font-size:1.25rem;font-weight:500;color:var(--text-muted,#64748b);}
.tpc-level{font-size:1.125rem;font-weight:600;margin:0;}
.tpc-level.high{color:#dc2626;}
.tpc-level.medium{color:#d97706;}
.tpc-level.low{color:#059669;}
.tpc-recommendation{font-size:0.9375rem;color:var(--text-secondary,#475569);margin:0 0 0.75rem;line-height:1.4;}
.tpc-matrix{border-radius:12px;border:1px solid var(--border-color,#e2e8f0);padding:1.25rem;background:var(--card-bg,#fff);}
.tpc-matrix-title{font-size:0.875rem;font-weight:600;margin:0 0 0.75rem;color:var(--text-secondary,#475569);}
.tpc-matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}
.tpc-quad{padding:0.75rem;border-radius:8px;font-size:0.8125rem;display:flex;flex-direction:column;gap:0.25rem;}
.tpc-quad strong{font-size:0.875rem;}
.tpc-quad-do{background:#fef2f2;color:#991b1b;}
.tpc-quad-schedule{background:#f0fdf4;color:#166534;}
.tpc-quad-delegate{background:#fffbeb;color:#92400e;}
.tpc-quad-drop{background:#f1f5f9;color:#475569;}
.tpc-saved{margin-top:0.5rem;}
.tpc-saved-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary,#0f172a);}
.tpc-tasks-list{display:flex;flex-direction:column;gap:0.75rem;}
.tpc-task{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:1rem;background:var(--card-bg,#fff);}
.tpc-task-high{border-left:4px solid #dc2626;}
.tpc-task-medium{border-left:4px solid #d97706;}
.tpc-task-low{border-left:4px solid #059669;}
.tpc-task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:0.5rem;margin-bottom:0.375rem;}
.tpc-task-name{font-weight:600;margin:0;font-size:1rem;}
.tpc-task-score{font-size:0.875rem;font-weight:600;background:rgba(14,165,233,0.15);color:#0ea5e9;padding:0.2rem 0.5rem;border-radius:6px;}
.tpc-task-desc{font-size:0.875rem;color:var(--text-secondary,#475569);margin:0.5rem 0;}
.tpc-task-meta{font-size:0.75rem;color:var(--text-muted,#64748b);margin:0.25rem 0;}
.tpc-task-actions{margin-top:0.5rem;}
.tpc-task-del{padding:0.375rem 0.75rem;font-size:0.8125rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;background:#fef2f2;color:#991b1b;}
.tpc-task-del:hover{background:#fee2e2;}
.tpc-empty{font-size:0.9375rem;color:var(--text-muted,#64748b);}
*:focus-visible{outline:2px solid var(--focus-ring,#0ea5e9);outline-offset:2px;}
@media (min-width:768px){.tpc-wrap{gap:2rem;}.tpc-panel{padding:1.5rem;}.tpc-sliders{grid-template-columns:1fr 1fr;}.tpc-score-num{font-size:3rem;}}
@media (min-width:992px){.tpc-wrap{display:grid;grid-template-columns:1fr 340px;grid-template-rows:auto auto auto;}.tpc-form-panel{grid-column:1;grid-row:1/2;}.tpc-result-panel{grid-column:2;grid-row:1/2;align-self:start;position:sticky;top:1rem;}.tpc-matrix{grid-column:1;grid-row:2/3;}.tpc-saved{grid-column:1/-1;grid-row:3/4;}}