*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #16a34a;--green-light: #dcfce7;--red: #ef4444;--grey: #9ca3af;--text: #111827;--bg: #f9fafb;--border: #e5e7eb;--radius: 8px;--touch: 48px}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}#root{height:100%}.app{max-width:600px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid var(--border)}.title{font-size:1.25rem;font-weight:700;color:var(--green)}.header-actions{display:flex;align-items:center;gap:8px}.clear-btn{height:28px;padding:0 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;color:var(--grey);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.clear-btn:active{border-color:var(--red);color:var(--red)}.status{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:12px}.status--live{color:var(--green);background:var(--green-light)}.status--offline{color:#b45309;background:#fef3c7}.status--loading{color:var(--grey);background:#f3f4f6}.add-form{display:flex;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.add-input{flex:1;height:var(--touch);padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1rem;outline:none;transition:border-color .15s}.add-input:focus{border-color:var(--green)}.add-btn{width:var(--touch);height:var(--touch);border:none;border-radius:var(--radius);background:var(--green);color:#fff;font-size:1.5rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s}.add-btn:active{background:#15803d}.list-container{flex:1;padding:8px 0}.item-list{list-style:none}.item{display:flex;align-items:center;gap:8px;padding:4px 16px;min-height:var(--touch);border-bottom:1px solid var(--border);background:#fff}.item--checked .item-text{text-decoration:line-through;color:var(--grey)}.item-check{width:var(--touch);height:var(--touch);min-width:var(--touch);border:2px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--green);font-weight:700;transition:border-color .15s,background .15s;flex-shrink:0}.item--checked .item-check{background:var(--green-light);border-color:var(--green)}.item-text{flex:1;font-size:1rem;word-break:break-word}.item-delete{width:var(--touch);height:var(--touch);min-width:var(--touch);border:none;background:transparent;color:var(--grey);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;transition:color .15s,background .15s}.item-delete:active{color:var(--red);background:#fee2e2}.divider{padding:8px 16px;font-size:.75rem;font-weight:600;color:var(--grey);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border)}.empty-state{text-align:center;color:var(--grey);padding:48px 16px;font-size:.95rem}@keyframes highlight-flash{0%{background:#bbf7d0}60%{background:#bbf7d0}to{background:#fff}}.item--highlight{animation:highlight-flash 1.5s ease-out forwards}.home-footer{padding:16px;background:#fff;border-top:1px solid var(--border)}.new-list-btn{width:100%;height:var(--touch);border:2px dashed var(--border);border-radius:var(--radius);background:#fff;color:var(--green);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.new-list-btn:active{border-color:var(--green);background:var(--green-light)}.list-row{display:flex;align-items:center;min-height:var(--touch);background:#fff;border-bottom:1px solid var(--border);padding:4px 8px 4px 16px}.list-row__name{flex:1;text-align:left;background:none;border:none;font-size:1rem;color:var(--text);cursor:pointer;padding:8px 0;min-height:var(--touch);display:flex;align-items:center}.list-row__actions{display:flex;gap:4px;flex-shrink:0}.list-row__btn{width:var(--touch);height:var(--touch);border:none;background:transparent;color:var(--grey);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s,background .15s}.list-row__btn:active{background:#f3f4f6}.list-row__btn--delete:active{color:var(--red);background:#fee2e2}.back-btn{width:var(--touch);height:var(--touch);border:none;background:transparent;color:var(--green);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;transition:background .15s}.back-btn:active{background:var(--green-light)}.title--editable{background:none;border:none;font-size:1.25rem;font-weight:700;color:var(--green);cursor:pointer;padding:0;text-align:left}.icon-btn{width:var(--touch);height:var(--touch);border:none;background:transparent;color:var(--grey);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}.icon-btn:active{background:#f3f4f6}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:560px;display:flex;flex-direction:column;gap:12px}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text)}.modal-text{font-size:.95rem;color:var(--text);line-height:1.5}.modal-url{font-size:.8rem;color:var(--grey);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;word-break:break-all;font-family:monospace;width:100%;outline:none;cursor:text}.modal-share-btn{height:var(--touch);border:none;border-radius:var(--radius);background:var(--green);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.modal-share-btn:active{background:#15803d}.modal-share-btn--secondary{background:#fff;color:var(--green);border:1.5px solid var(--green)}.modal-share-btn--secondary:active{background:var(--green-light)}.modal-close-btn{height:var(--touch);border:1.5px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--grey);font-size:.95rem;font-weight:600;cursor:pointer}.ios-banner{position:fixed;bottom:0;left:0;right:0;background:#1e293b;color:#fff;text-align:center;padding:12px 16px;font-size:.875rem;padding-bottom:max(12px,env(safe-area-inset-bottom))}