*,*:before,*:after{box-sizing:border-box}:root{--bg: #ffffff;--fg: #111827;--muted: #888888;--border: #dddddd;--card-bg: #f3f4f6;--danger: #b91c1c;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #16181d;--fg: #e5e7eb;--muted: #9ca3af;--border: #333844;--card-bg: #21242c;--danger: #f87171;color-scheme:dark}}:root[data-theme=dark]{--bg: #16181d;--fg: #e5e7eb;--muted: #9ca3af;--border: #333844;--card-bg: #21242c;--danger: #f87171;color-scheme:dark}:root[data-theme=dark-blue]{--bg: #0b1a33;--fg: #dbe7ff;--muted: #7f93b8;--border: #1f3a63;--card-bg: #12264a;--danger: #ff8080;color-scheme:dark}:root[data-theme=bright-yellow]{--bg: #fff275;--fg: #2b2200;--muted: #7a6a00;--border: #e0c200;--card-bg: #fff9c4;--danger: #b30000;color-scheme:light}:root[data-theme=solarized-light]{--bg: #fdf6e3;--fg: #073642;--muted: #93a1a1;--border: #eee8d5;--card-bg: #eee8d5;--danger: #dc322f;color-scheme:light}:root[data-theme=solarized-dark]{--bg: #002b36;--fg: #93c2c9;--muted: #586e75;--border: #073642;--card-bg: #073642;--danger: #e5615c;color-scheme:dark}:root[data-theme=rose]{--bg: #fff0f3;--fg: #6d0f24;--muted: #b3718a;--border: #ffd6e0;--card-bg: #ffe1e8;--danger: #c2185b;color-scheme:light}:root[data-theme=mint]{--bg: #f1fbf6;--fg: #0b3d2e;--muted: #5fa084;--border: #cdeee0;--card-bg: #e0f7ee;--danger: #d32f2f;color-scheme:light}:root[data-theme=charcoal]{--bg: #1c1c1e;--fg: #e5e5e7;--muted: #8e8e93;--border: #3a3a3c;--card-bg: #2c2c2e;--danger: #ff6961;color-scheme:dark}:root[data-theme=ocean]{--bg: #eef6fb;--fg: #0b3350;--muted: #5f8aa8;--border: #cfe6f3;--card-bg: #dcf0fb;--danger: #c0392b;color-scheme:light}:root[data-theme=plum]{--bg: #1c0f24;--fg: #eadcf5;--muted: #9c7fb3;--border: #3a2451;--card-bg: #2a1638;--danger: #ff7676;color-scheme:dark}:root[data-theme=sunset]{--bg: #fff3e6;--fg: #4a2600;--muted: #b8763b;--border: #ffdcb0;--card-bg: #ffe8cc;--danger: #d84315;color-scheme:light}body{background:var(--bg);color:var(--fg);overflow-x:hidden}main{max-width:480px;margin:2rem auto;padding:calc(env(safe-area-inset-top) + 4.25rem) 1rem env(safe-area-inset-bottom);font-family:sans-serif}.add-item-bar{position:fixed;top:0;left:0;right:0;z-index:20;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top) + .75rem) 1rem .75rem;background:var(--bg);border-bottom:1px solid var(--border)}.theme-picker{display:block;font-size:16px;padding:.2rem .3rem;border-radius:.4rem;border:1px solid var(--border);background:var(--card-bg);color:var(--fg)}.list-url{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;padding:.5rem .75rem;background:var(--card-bg);border-radius:.5rem}.list-url code{flex:1;overflow-wrap:anywhere;font-size:.85rem}form{display:flex;gap:.5rem;margin-bottom:1rem}form>*{min-width:0}form input[type=text]{flex:1}input,select,button{font-size:16px;background:var(--bg);color:var(--fg);border:1px solid var(--border)}ul{list-style:none;padding:0}.group-header{display:flex;align-items:center;gap:.6rem;padding:.75rem .35rem;cursor:pointer;font-weight:600;font-size:1.05rem;border-bottom:1px solid var(--border);border-radius:.3rem}.group-header.drop-target{background:var(--card-bg);outline:2px dashed var(--muted);outline-offset:-2px}.triangle{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--muted);transition:transform .15s ease}.triangle.open{transform:rotate(90deg)}.group-name{flex:1}.count{font-weight:400;color:var(--muted);font-size:.85rem}.item{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.swipe-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;font-size:.9rem;color:#fff;background:linear-gradient(to right,#16a34a 50%,var(--danger) 50%)}.swipe-content{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;padding:.4rem 0;background:var(--bg);touch-action:pan-y}.swipe-content label{flex:1}.swipe-content.done label{text-decoration:line-through;color:var(--muted)}.edit-name{flex:1;min-width:0}.handle{touch-action:none;cursor:grab;padding:.2rem .4rem;color:var(--muted)}.dot{width:.6rem;height:.6rem;border-radius:50%;flex-shrink:0}.item-sublist{min-width:0;max-width:6.5rem;flex-shrink:1}.add-sublist input[type=text]{flex:1}.add-sublist input[type=color]{width:2.5rem;height:2.5rem;padding:0;border-radius:4px;overflow:hidden;flex-shrink:0}.add-sublist input[type=color]::-webkit-color-swatch-wrapper{padding:0}.add-sublist input[type=color]::-webkit-color-swatch{border:none}.add-sublist input[type=color]::-moz-color-swatch{border:none}.settings{margin-top:2rem;color:var(--muted)}.settings-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.settings-section:first-of-type{margin-top:.75rem;padding-top:0;border-top:none}.settings-section h3{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--muted)}.settings-section form{margin-top:.5rem;margin-bottom:0}.error{color:var(--danger);font-size:.9rem}