.tkp-app{--tkp-blue:#2563eb;--tkp-navy:#0f172a;--tkp-muted:#64748b;--tkp-border:#e2e8f0;--tkp-soft:#f8fafc;box-sizing:border-box;color:var(--tkp-navy);background:#fff;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1120px;margin:0 auto;padding:clamp(12px,2.5vw,28px);border:1px solid var(--tkp-border);border-radius:18px}.tkp-app *{box-sizing:border-box}.tkp-app a{color:var(--tkp-blue);text-decoration:none}.tkp-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--tkp-border);padding-bottom:18px}.tkp-brand{font-weight:850;font-size:22px;letter-spacing:-.04em;color:var(--tkp-blue)!important}.tkp-top p{margin:2px 0 0;color:var(--tkp-muted);font-size:13px}.tkp-top nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.tkp-main{padding-top:26px}.tkp-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.tkp-heading h1{font-size:clamp(25px,4vw,34px);letter-spacing:-.04em;margin:2px 0 0;line-height:1.15}.tkp-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--tkp-blue)}.tkp-subtitle,.tkp-muted{color:var(--tkp-muted);font-size:13px;margin:7px 0 0}.tkp-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--tkp-blue);border-radius:10px;background:var(--tkp-blue);color:#fff!important;font:inherit;font-size:14px;font-weight:700;padding:10px 15px;cursor:pointer;min-height:42px}.tkp-btn.secondary{background:#fff;color:var(--tkp-navy)!important;border-color:var(--tkp-border)}.tkp-btn:disabled{opacity:.5;cursor:not-allowed}.tkp-progress-card,.tkp-focus-card,.tkp-metric{border:1px solid var(--tkp-border);border-radius:14px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);margin-bottom:18px}.tkp-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:14px}.tkp-progress-head span{color:var(--tkp-muted)}.tkp-progress{height:8px;border-radius:99px;background:#eaf0fb;margin:13px 0 16px;overflow:hidden}.tkp-progress span{height:100%;width:0;display:block;background:var(--tkp-blue);border-radius:inherit;transition:width .2s}.tkp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tkp-stats div{display:flex;flex-direction:column;gap:1px}.tkp-stats strong{font-size:22px;line-height:1.2}.tkp-stats span{font-size:12px;color:var(--tkp-muted)}.tkp-toolbar{display:flex;gap:10px;margin:22px 0 18px}.tkp-search{flex:1}.tkp-app input,.tkp-app select,.tkp-app textarea{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:9px;padding:10px 11px;background:#fff;color:var(--tkp-navy);font:inherit;font-size:14px}.tkp-app button:focus-visible,.tkp-app a:focus-visible,.tkp-app input:focus-visible,.tkp-app select:focus-visible,.tkp-app textarea:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.tkp-toolbar select{width:auto;max-width:170px}.tkp-task-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tkp-task-group{border:1px solid var(--tkp-border);border-radius:13px;padding:14px;min-width:0}.tkp-task-group h2{font-size:14px;display:flex;align-items:center;gap:8px;margin:0 0 12px}.tkp-task-group h2 span:last-child{margin-left:auto;color:var(--tkp-muted);font-size:12px;background:var(--tkp-soft);padding:2px 7px;border-radius:99px}.tkp-dot{width:8px;height:8px;border-radius:99px;background:#2563eb}.tkp-dot.should{background:#f59e0b}.tkp-dot.nice{background:#94a3b8}.tkp-task{padding:12px 0;border-top:1px solid #edf1f6;display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px}.tkp-task:first-child{border-top:0}.tkp-task input[type=checkbox]{width:16px;height:16px;margin:4px 0 0;accent-color:var(--tkp-blue)}.tkp-task-title{font-size:14px;font-weight:650;overflow-wrap:anywhere}.tkp-task.is-completed .tkp-task-title{text-decoration:line-through;color:var(--tkp-muted)}.tkp-task-meta{font-size:11px;color:var(--tkp-muted);margin-top:4px}.tkp-task-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.tkp-task-actions button{font:inherit;font-size:11px;background:none;border:0;color:var(--tkp-blue);padding:0;cursor:pointer}.tkp-empty{font-size:13px;color:var(--tkp-muted);padding:12px 0}.tkp-notice{margin:0 0 12px;font-size:13px;color:#166534}.tkp-notice:empty{display:none}.tkp-notice.error,.tkp-error{color:#b91c1c}.tkp-task-modal[hidden]{display:none}.tkp-task-modal{position:relative;margin:22px 0;padding:18px;border:1px solid #bfdbfe;background:#f8fbff;border-radius:14px}.tkp-task-modal form,.tkp-settings{display:grid;gap:13px}.tkp-modal-head{display:flex;align-items:center;justify-content:space-between}.tkp-modal-head h2{margin:0;font-size:20px}.tkp-modal-head button{border:0;background:transparent;font-size:26px;cursor:pointer}.tkp-app label{display:grid;gap:5px;font-size:13px;font-weight:650}.tkp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tkp-actions{display:flex;gap:8px;flex-wrap:wrap}.tkp-footer{border-top:1px solid var(--tkp-border);margin-top:28px;padding-top:14px;font-size:12px;color:var(--tkp-muted)}.tkp-footer span{margin-left:4px}.tkp-focus-card{max-width:560px;margin:0 auto;text-align:center;padding:28px}.tkp-focus-card>p:first-child{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--tkp-muted)}.tkp-timer{font-size:clamp(54px,12vw,82px);font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:15px 0 22px}.tkp-focus-card label{text-align:left;margin:12px 0}.tkp-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tkp-metric{display:flex;flex-direction:column;gap:10px;margin:0}.tkp-metric span{font-size:13px;color:var(--tkp-muted)}.tkp-metric strong{font-size:26px;overflow-wrap:anywhere}.tkp-auth{max-width:500px;margin:20px auto}.tkp-auth form{display:grid;gap:12px}.tkp-auth input{margin-top:4px}.tkp-app[data-view=widget]{max-width:560px;padding:14px}.tkp-app[data-view=widget] .tkp-task-groups{grid-template-columns:1fr}.tkp-app[data-view=widget] .tkp-top nav a:nth-child(n+3){display:none}.tkp-app[data-view=widget] .tkp-heading h1{font-size:24px}.tkp-app[data-view=widget] .tkp-progress-card{padding:13px}.tkp-app[data-view=widget] .tkp-task-group{padding:11px}@media(max-width:720px){.tkp-app{padding:12px;border-radius:12px}.tkp-top{align-items:flex-start;flex-direction:column;gap:12px}.tkp-top nav{gap:12px}.tkp-heading{align-items:flex-start}.tkp-heading .tkp-btn{padding:9px 10px;white-space:nowrap}.tkp-task-groups{grid-template-columns:1fr}.tkp-toolbar{flex-wrap:wrap}.tkp-search{flex-basis:100%}.tkp-toolbar select{flex:1;max-width:none}.tkp-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tkp-form-row{grid-template-columns:1fr}.tkp-stats strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.tkp-app *{transition:none!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){.tkp-app[data-theme=dark]{background:#0f172a;color:#f8fafc;border-color:#334155}.tkp-app[data-theme=dark] .tkp-progress-card,.tkp-app[data-theme=dark] .tkp-task-group,.tkp-app[data-theme=dark] .tkp-focus-card,.tkp-app[data-theme=dark] .tkp-metric{background:#111c30;border-color:#334155}.tkp-app[data-theme=dark] input,.tkp-app[data-theme=dark] select,.tkp-app[data-theme=dark] textarea{background:#0f172a;color:#f8fafc;border-color:#475569}}