:root{--bg-primary:#111;--bg-secondary:#1a1a1a;--bg-item:#1a1a1a;--bg-item-hover:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#888;--color-green:#4caf50;--color-white-strike:#666;--color-danger:#e57373;--color-accent:#e94560;--header-height:48px;--item-height:48px;--text-size:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-size);-webkit-text-size-adjust:100%}body{background:var(--bg-primary);color:var(--text-primary);touch-action:manipulation;min-height:100vh;font-family:Roboto,Segoe UI,sans-serif;overflow-x:hidden}#app{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex}header{z-index:100;height:var(--header-height);color:#fff;background:#333;align-items:center;min-width:0;padding:0 4px 0 0;display:flex;position:sticky;top:0}#app-title{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;min-width:0;padding:0 40px;font-size:1.25rem;font-weight:400;overflow:hidden}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.icon-btn:active{background:#ffffff26}.header-actions{align-items:center;margin-left:auto;display:flex}.view{height:calc(100vh - var(--header-height));flex-direction:column;flex:1;display:none;overflow-y:auto}.view.active{display:flex}.item-list{flex:1;overflow-y:auto}.list-item{height:var(--item-height);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-bottom:1px solid #222;align-items:center;padding:0 12px;display:flex}.list-item:active{background:#333}.list-item .item-status{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;font-size:.9rem;display:flex}.list-item .item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;overflow:hidden}.list-item .item-trash{width:36px;height:36px;color:var(--color-danger);cursor:pointer;opacity:.6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:1.1rem;display:flex}.list-item .item-trash:active{opacity:1;background:#e5737326}.list-item.status-off .item-name{color:var(--text-secondary)}.list-item.status-unchecked{background:#4caf5026}.list-item.status-unchecked .item-name,.list-item.status-unchecked .item-status{color:var(--color-green)}.list-item.status-checked{background:#ffffff08}.list-item.status-checked .item-name{color:var(--color-white-strike)}.list-item.status-checked .item-status{color:var(--text-secondary)}#edit-list .list-item.status-checked .item-name{color:var(--color-white-strike);text-decoration:none}#edit-list .list-item.status-checked .item-status{color:var(--text-secondary)}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state p{font-size:1rem}.edit-input-row{z-index:10;background:var(--bg-primary);border-bottom:1px solid #222;gap:0;padding:0;display:flex;position:sticky;top:0}.search-input{background:var(--bg-primary);height:48px;color:var(--text-primary);border:none;outline:none;flex:1;padding:0 12px;font-size:1rem}.search-input::placeholder{color:var(--text-secondary)}.add-btn{height:48px;color:var(--color-green);cursor:pointer;white-space:nowrap;background:#333;border:none;border-left:1px solid #222;padding:0 20px;font-size:1rem;font-weight:700}.add-btn:active:not(:disabled){background:#444}.add-btn-disabled{color:#555;cursor:default;pointer-events:none}.action-btn{color:var(--text-primary);cursor:pointer;background:#333;border:none;border-radius:0;padding:10px 16px;font-size:.9rem}.action-btn:active{background:#555}.settings-group{background:var(--bg-secondary);margin-bottom:0;padding:12px 16px}.settings-group h3{color:var(--color-green);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:8px 16px;font-size:.8rem}.app-version{text-align:center;color:var(--text-secondary);opacity:.6;padding:12px 0 4px;font-size:.75rem}.setting-row{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.setting-row:last-child{border-bottom:none}.setting-row span{font-size:1rem}.setting-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--color-green)}.setting-row input[type=text]{text-align:center;background:var(--bg-primary);width:48px;height:36px;color:var(--text-primary);border:1px solid #444;font-size:1rem}.setting-row select{background:var(--bg-primary);color:var(--text-primary);border:1px solid #444;padding:6px 10px;font-size:.9rem}.data-controls{flex-wrap:wrap;gap:0;padding:8px;display:flex}.export-textarea,.import-textarea{background:var(--bg-primary);width:100%;min-height:200px;color:var(--text-primary);resize:vertical;border:none;border-bottom:1px solid #222;margin-bottom:0;padding:12px;font-family:monospace;font-size:.85rem}.import-options{border-bottom:1px solid #222;padding:12px 0}.import-options label{color:var(--text-secondary);margin-bottom:6px;font-size:.9rem;display:block}.import-options select{background:var(--bg-primary);color:var(--text-primary);border:1px solid #444;padding:6px 10px;font-size:.9rem}.overlay{z-index:200;pointer-events:none;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay>*,.overlay *{pointer-events:auto}.menu-panel{background:#333;width:80%;max-width:320px;overflow:hidden}.menu-back-btn{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:#222;border:none;padding:16px;font-size:1rem}.menu-nav{padding:0}.menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #2a2a2a;padding:14px 20px;font-size:1rem;display:block}.menu-item:active{background:#444}.menu-separator{border:none;border-top:1px solid #444;margin:4px 0}.menu-panel.not-in-checking .menu-separator-actions,.menu-panel.not-in-checking .menu-item-action{display:none}.dialog{text-align:center;background:#333;width:85%;max-width:360px;padding:24px}#confirm-message{margin-bottom:20px;font-size:1rem;line-height:1.5}.dialog-buttons{justify-content:flex-end;gap:0;display:flex}.dialog-buttons .action-btn{min-width:70px;color:var(--color-green);text-transform:uppercase;background:0 0;border:none;padding:8px 16px;font-size:.9rem;font-weight:500}.dialog-buttons .action-btn:active{background:#4caf501a}.toast{color:#fff;z-index:300;text-align:center;background:#555;max-width:90%;padding:8px 24px;font-size:.9rem;transition:opacity .15s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.hidden{display:none}@media (width<=400px){.action-btn{text-align:center;width:100%}}