:root{--bg: #f4f5f7;--surface: #ffffff;--text: #1a1d21;--muted: #6b7280;--border: #e3e6ea;--primary: #2563eb;--primary-text: #ffffff;--danger: #dc2626;--accent-checkbox: #16a34a;--accent-number: #d97706;--accent-text: #7c3aed;--radius: 12px}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--surface: #191c22;--text: #e8eaed;--muted: #9aa0aa;--border: #2a2f37;--primary: #3b82f6;--danger: #ef4444}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-text-size-adjust:100%}.page{max-width:640px;margin:0 auto;padding:0 16px calc(32px + env(safe-area-inset-bottom))}.app-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:14px 0;background:var(--bg);border-bottom:1px solid var(--border)}.app-bar h1{margin:0;font-size:1.35rem}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:22px 0 8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:18px;display:flex;flex-direction:column;gap:12px}.input,.title-input,.item-label,.item-number{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;width:100%}.input:focus,.item-label:focus,.item-number:focus,.title-input:focus{outline:2px solid var(--primary);outline-offset:-1px}.title-input{flex:1;font-size:1.2rem;font-weight:600;border-color:transparent;background:transparent;padding:8px 10px}.type-row{display:flex;gap:8px}.chip{flex:1;font:inherit;padding:10px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.chip-on{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn{font:inherit;font-weight:600;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-ghost{background:transparent}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-icon{font:inherit;font-size:1.15rem;line-height:1;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:transparent;color:var(--muted);cursor:pointer}.btn-icon:active{background:var(--border)}.list-index{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-index-item{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.list-link{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;color:var(--text)}.list-title{font-weight:600}.list-meta{display:flex;gap:10px;align-items:center;font-size:.82rem;color:var(--muted)}.badge{text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;padding:2px 7px;border-radius:999px;color:#fff}.badge-checkbox{background:var(--accent-checkbox)}.badge-number{background:var(--accent-number)}.badge-text{background:var(--accent-text)}.items{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:6px}.item{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 8px 6px 12px}.item-check{width:26px;height:26px;flex:none;accent-color:var(--accent-checkbox)}.item-label{flex:1;border-color:transparent;background:transparent;padding:10px 6px}.item-label.done{text-decoration:line-through;color:var(--muted)}.item-number{width:92px;flex:none;text-align:right}.item-actions{display:flex;flex:none}.item-actions .btn-icon{min-width:34px;height:34px;font-size:1rem}.empty{padding:20px;text-align:center}.add-row{display:flex;gap:8px;margin-top:8px}.add-row .input{flex:1}.foot{margin-top:28px;display:flex;flex-direction:column;gap:8px}.muted{color:var(--muted)}.small{font-size:.82rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:20}@media (min-width: 480px){.modal-backdrop{align-items:center}}.modal{width:100%;max-width:460px;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}@media (min-width: 480px){.modal{border-radius:var(--radius)}}.modal h3{margin:0}.modal-actions{display:flex;gap:8px}.modal-actions .btn{flex:1}