:root{--brand: #2f6bff;--text: #1f2430;--muted: #8a93a6;--card: #ffffff;--done: #f4f6fa;--danger: #e5484d;--line: #e7ebf2}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#f7f9fc,#eef2f8);min-height:100vh}.tp-shell{max-width:560px;margin:0 auto;padding:40px 20px 80px}.tp-header h1{margin:0 0 6px;font-size:24px}.tp-sub{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.6}.tp-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 24px #14285a0f}.tp-input{flex:1;padding:10px 12px;font-size:15px;border:1px solid var(--line);border-radius:8px;outline:none}.tp-input:focus{border-color:var(--brand)}.tp-btn{padding:10px 14px;font-size:14px;border-radius:8px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.tp-btn:disabled{opacity:.45;cursor:not-allowed}.tp-btn--primary{background:var(--brand);color:#fff}.tp-btn--ghost{background:transparent;border-color:var(--line);color:var(--muted)}.tp-tabs{display:flex;gap:6px;margin:14px 0}.tp-tab{padding:6px 12px;font-size:13px;border:1px solid var(--line);background:#fff;border-radius:999px;cursor:pointer;color:var(--muted)}.tp-tab.is-active{background:var(--brand);color:#fff;border-color:var(--brand)}.tp-list{display:flex;flex-direction:column;gap:6px;min-height:60px}.tp-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.tp-item__title{flex:1}.tp-item--done{background:var(--done)}.tp-item--done .tp-item__title{text-decoration:line-through;color:var(--muted)}.tp-item__del{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.tp-item__del:hover{color:var(--danger)}.tp-label{color:var(--muted);font-size:13px;flex:1}.tp-state{padding:22px;text-align:center;color:var(--muted);font-size:14px;display:flex;gap:12px;align-items:center;justify-content:center}.tp-state--error{color:var(--danger)}.tp-devbar{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.tp-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.tp-toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%);background:#1f2430;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px}