:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#9e3db7;--brand-bright:#c060e0;--brand-dark:#5e2e93}*{box-sizing:border-box}button,.item-name,.hamburger-panel a,summary{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html{background-color:#111}html,body,#root{margin:0}body,#root{min-height:100svh}body{color:#ccc;background-color:#111;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{display:flow-root}.centered{color:#888;text-align:center;padding:40px}.auth-card{text-align:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:min(400px,92vw);margin:40px auto;padding:32px 28px;box-shadow:0 8px 32px #0006}.auth-logo-large{width:80px;height:80px;margin:0 auto 16px;display:block}.auth-card h1{color:#e0e0e0;margin:0 0 8px;font-size:1.6rem}.auth-card .subtitle{color:#666;margin:0 0 24px;font-size:.95rem}.auth-card form{text-align:left;flex-direction:column;gap:10px;display:flex}.auth-card form input{color:#ccc;background:#111;border:1px solid #333;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:1rem}.auth-card form input:focus{border-color:#555;outline:none}.auth-card form button{color:#111;cursor:pointer;background-color:#e0e0e0;border:none;border-radius:10px;width:100%;padding:12px;font-size:1.05rem;font-weight:700}.auth-card form button:hover{background-color:#f0f0f0}.erro{color:#f88;background:#3a1c1c;border:1px solid #5a2c2c;border-radius:8px;padding:10px 12px;font-size:.9rem}.ok{color:#8f8;background:#1c3a22;border:1px solid #2c5a3c;border-radius:8px;padding:10px 12px;font-size:.9rem}.link{text-align:center;color:#888;margin:14px 0 0;font-size:.9rem}.link a{color:#ccc;text-decoration:none}.link a:hover{color:#fff;text-decoration:underline}.cookie-note{color:#666;text-align:center;border-top:1px solid #2a2a2a;margin:20px 0 0;padding-top:14px;font-size:.76rem;line-height:1.5}html[data-theme=light] .cookie-note{color:#999;border-top-color:#e2e2e6}.container{max-width:600px;margin:0 auto;padding:16px 12px 90px}.list-bar{align-items:center;gap:6px;margin-bottom:16px;display:flex}.hamburger-wrapper,.list-menu-wrapper,.user-menu-wrapper{flex-shrink:0;position:relative}.hamburger-btn,.list-menu-btn,.theme-toggle{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;line-height:1;display:flex}.hamburger-btn{font-size:1.2rem}.list-menu-btn{font-size:1.1rem}.theme-toggle{font-size:1rem}.hamburger-btn:hover,.list-menu-btn:hover,.theme-toggle:hover{color:#ccc;background:#1a1a1a}.hamburger-panel,.list-menu-dropdown,.user-dropdown{z-index:600;background:#222;border:1px solid #333;border-radius:10px;min-width:200px;max-width:90vw;padding:6px 0;display:none;position:absolute;top:40px;left:0;box-shadow:0 4px 16px #00000080}.hamburger-panel{max-height:60vh;overflow-y:auto}.user-dropdown{min-width:210px;left:auto;right:0}.hamburger-panel.open,.list-menu-dropdown.open,.user-dropdown.open{display:block}.hamburger-panel a{color:#aaa;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;text-decoration:none;display:flex}.hamburger-panel a .list-name-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.hamburger-panel a .share-ic{color:#fff;flex:none;align-items:center;display:inline-flex}.hamburger-panel a:hover{color:#ccc;background:#2a2a2a}.hamburger-panel a+a{border-top:1px solid #2a2a2a}html[data-theme=light] .hamburger-panel a+a{border-top-color:#ececec}.hamburger-panel a.active{color:#e0e0e0;background:#2a2a2a;font-weight:600}.list-menu-dropdown button,.user-dropdown a,.user-dropdown button{text-align:left;color:#ccc;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-family:inherit;font-size:.95rem;text-decoration:none;display:block}.list-menu-dropdown button:hover,.user-dropdown a:hover,.user-dropdown button:hover{background:#2a2a2a}.list-menu-dropdown .danger{color:#f88}.list-menu-dropdown .danger:hover{background:#3a1c1c}.menu-check{color:#ccc;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:.95rem;display:flex}.menu-check input{accent-color:#4caf50;cursor:pointer;flex-shrink:0;width:18px;height:18px}.menu-theme{color:#ccc;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:.95rem;display:flex}.theme-modes{background:#161618;border:1px solid #34343a;border-radius:9px;flex-shrink:0;gap:3px;padding:3px;display:flex}.theme-modes button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:28px;transition:background .12s,color .12s;display:flex}.theme-modes button svg{flex-shrink:0;width:17px;height:17px;display:block}.theme-modes button:hover{color:#ccc}.theme-modes button.on{color:#111;background:#e0e0e0}.menu-switch{color:#ccc;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:.95rem;display:flex}.switch{cursor:pointer;background:#444;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .15s;position:relative}.switch.on{background:#4caf50}.switch .knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px}.switch.on .knob{left:20px}.user-dropdown.wide{min-width:240px}.menu-section{border-top:1px solid #2a2a2a;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px;display:flex}.menu-section .menu-label{color:#888;text-transform:uppercase;letter-spacing:.4px;margin:0;padding:0;font-size:.78rem}.menu-email{color:#ccc;white-space:nowrap;margin:0;padding:0;font-size:.9rem;text-decoration:none}.menu-email:hover{text-decoration:underline}.menu-section input[type=password]{color:#ccc;background:#111;border:1px solid #333;border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:.9rem}.menu-section input[type=password]:focus{border-color:#555;outline:none}.menu-logout{border-top:1px solid #2a2a2a;color:#f88!important}.menu-logout:hover{background:#3a1c1c!important}.active-list-name{text-align:center;color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;gap:8px;font-size:1.3rem;font-weight:600;display:flex;overflow:hidden}.active-list-name img{vertical-align:middle;height:1em}.list-tab-add{color:#666;cursor:pointer;background:0 0;border:1px dashed #444;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:.95rem}.list-tab-add:hover{color:#888;background:#1a1a1a}.user-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:18px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.9rem;display:inline-flex}.user-btn svg{flex-shrink:0;width:1.05em;height:1.05em}.user-btn-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.user-btn:hover{color:#ccc;background:#1a1a1a}.about-text{color:#999;margin:0;font-size:.9rem;line-height:1.55}html[data-theme=light] .about-text{color:#555}.section-title{color:#999;border-radius:8px;align-items:center;gap:8px;margin:12px 0 8px;padding:8px 6px;font-size:1.15rem;font-weight:600;display:flex}.section-collapsible>summary.section-title:hover{background:#161616}html[data-theme=light] .section-collapsible>summary.section-title:hover{background:#ececec}.section-title .count{color:#aaa;background:#333;border-radius:10px;padding:2px 9px;font-size:.8rem;font-weight:700}.item-list{margin:0 0 14px;padding:0;list-style:none}.item{background:#141414;border:1px solid #1f1f1f;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.item .item-name{color:#ccc;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:1.05rem;overflow:hidden}.item .item-name:hover{color:#fff}.item .qty{color:#888;text-align:center;min-width:28px;font-size:.85rem}@keyframes itemFlash{0%{box-shadow:0 0 #b4b4b900}30%{box-shadow:0 0 0 3px #b4b4b966}to{box-shadow:0 0 #b4b4b900}}.item.flash{animation:1.2s ease-in-out itemFlash}.menu-wrapper{position:relative}.menu-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.menu-btn:hover{color:#ccc;background:#1f1f1f}.menu-dropdown{z-index:700;background:#222;border:1px solid #333;border-radius:8px;min-width:140px;padding:4px 0;display:none;position:absolute;top:32px;right:0;box-shadow:0 4px 16px #00000080}.menu-dropdown.open{display:block}.menu-dropdown button{text-align:left;color:#ccc;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-family:inherit;font-size:.9rem;display:block}.menu-dropdown button:hover{background:#2a2a2a}.menu-dropdown .danger{color:#f88}.menu-dropdown .danger:hover{background:#3a1c1c}.icon-btn{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:6px;flex-shrink:0;padding:4px 8px;font-family:inherit;font-size:.9rem}.icon-btn:hover{color:#ccc;background:#1f1f1f}.icon-btn.danger:hover{color:#f88;background:#3a1c1c;border-color:#5a2c2c}.empty-msg{color:#444;padding:12px 4px;font-size:1rem;font-style:italic}.divider{border:none;border-top:1px solid #3a3a3a;margin:18px 0}details.section-collapsible{margin-bottom:14px}details.section-collapsible>summary::-webkit-details-marker{display:none}details.section-collapsible[open]>summary .caret{transform:rotate(0)}details.section-collapsible:not([open])>summary .caret{transform:rotate(-90deg)}.section-collapsible>summary .caret{color:#666;font-size:.85rem;transition:transform .15s;display:inline-block}.add-bar{z-index:500;background:#1a1a1a;border-top:1px solid #252525;padding:10px 12px;position:fixed;bottom:0;left:0;right:0}.add-form{align-items:center;gap:8px;max-width:600px;margin:0 auto;display:flex}.add-form input[type=text]{color:#ccc;background:#222;border:1px solid #333;border-radius:10px;outline:none;flex:auto;min-width:0;padding:12px 14px;font-family:inherit;font-size:1.05rem}.add-form input[type=text]:focus{border-color:#555}.btn-submit{color:#111;cursor:pointer;background-color:#e0e0e0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:1.3rem;font-weight:700;display:flex}.btn-submit:hover{background-color:#f0f0f0}.btn-search-toggle{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.btn-search-toggle:hover{color:#ccc;background:#1a1a1a}.btn-search-toggle.active{color:#111;background:#e0e0e0;border-color:#e0e0e0}.match-banner{color:#ccc;background:#161616;border:1px solid #333;border-left:3px solid #888;border-radius:8px;max-width:600px;margin:0 auto 8px;padding:8px 12px;font-size:.9rem}.suggest{background:#222;border:1px solid #333;border-radius:10px;max-width:600px;max-height:200px;margin:0 auto 6px;padding:4px 0;list-style:none;overflow-y:auto}.suggest li{cursor:pointer;color:#ccc;padding:8px 14px;font-size:.95rem}.suggest li:hover{color:#fff;background:#2a2a2a}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#08080aa8;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{animation:.18s overlayIn;display:flex}.modal{background:#1c1c1f;border:1px solid #2f2f35;border-radius:18px;width:min(440px,100%);max-height:88vh;padding:26px 24px;animation:.2s cubic-bezier(.2,.7,.3,1) modalIn;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000008c,0 2px 8px #0006}.modal-x{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.7rem;line-height:1;display:flex;position:absolute;top:10px;right:12px}.modal-x:hover{color:#eee;background:#2a2a2a}html[data-theme=light] .modal-x{color:#999}html[data-theme=light] .modal-x:hover{color:#222;background:#ececec}.modal h3{color:#f0f0f2;letter-spacing:-.01em;margin:0 0 20px;font-size:1.35rem;font-weight:700}.modal h4{color:#999;text-transform:uppercase;letter-spacing:.4px;margin:18px 0 8px;font-size:.82rem;font-weight:600}.modal input{min-width:0;max-width:100%}.modal input[type=text],.modal input[type=number],.modal input[type=password],.modal select{color:#e8e8ea;background:#141417;border:1px solid #34343a;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:.98rem;transition:border-color .12s,box-shadow .12s}.modal input:focus,.modal select:focus{border-color:#6a6a72;outline:none;box-shadow:0 0 0 3px #ffffff0f}.modal input::placeholder{color:#5a5a62}.modal-form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:#888;font-size:.8rem;font-weight:600}.field input{width:100%;border-radius:10px!important;padding:11px 14px!important;font-size:1rem!important}.modal-close-link{color:#888;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 0 0;font-family:inherit;font-size:.9rem;display:block}.modal-close-link:hover{color:#ccc;text-decoration:underline}.btn-primary{color:#111;cursor:pointer;background-color:#e0e0e0;border:none;border-radius:10px;width:100%;padding:12px;font-size:1.05rem;font-weight:700;transition:transform .12s,background-color .12s;box-shadow:0 2px 10px #0000004d}.btn-primary:hover{background-color:#fff;transform:translateY(-1px)}.btn-primary:active{background-color:#ddd;transform:translateY(0)}.btn-ghost{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:.95rem}.btn-ghost:hover{color:#ccc;background:#2a2a2a}.perm-grid{background:#141417;border:1px solid #2f2f35;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px;display:grid}.perm-grid label{color:#ccc;cursor:pointer;align-items:center;gap:7px;font-size:.9rem;display:flex}.perm-grid input{accent-color:#4caf50;cursor:pointer;width:17px;height:17px;margin:0}ul.share-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}ul.share-list li{background:#141417;border:1px solid #2c2c32;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}ul.share-list li>span{color:#ccc;flex:1}.settings-section{border-bottom:1px solid #2a2a2a;margin-bottom:14px;padding:6px 0 14px}.settings-section:last-of-type{border-bottom:none}.settings-section h4{color:#888;margin:0 0 10px;font-size:.9rem}html[data-theme=light] .settings-section{border-bottom-color:#e2e2e6}.contact-popup .email-row{background:#111;border:1px solid #2a2a2a;border-radius:8px;align-items:center;gap:8px;margin:0;padding:10px 12px;display:flex}.contact-popup .email-row span{color:#e0e0e0;word-break:break-all;flex:1;font-size:1rem}.badge{color:#aaa;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;background:#2a2a2a;border-radius:6px;margin-left:6px;padding:2px 10px;font-size:.65rem;font-weight:700;display:inline-block}.login-btn{color:#111;cursor:pointer;white-space:nowrap;background:#f0f0f0;border:0;border-radius:12px;padding:9px 22px;font-family:inherit;font-size:.92rem;font-weight:700;box-shadow:0 2px 10px #00000059}.login-btn:hover{background:#fff}.info-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.info-icon{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:.95rem;font-style:italic;font-weight:700;display:flex}.info-icon:hover{color:#ccc;background:#2a2a2a}.info-popover{color:#888;text-align:left;z-index:700;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;width:max(240px,60vw);max-width:320px;padding:12px 14px;font-size:.85rem;line-height:1.55;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 20px #00000080}.info-wrap:hover .info-popover,.info-wrap.open .info-popover{display:block}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f4f4f5}html[data-theme=light] body{color:#1f2933;background-color:#f4f4f5}html[data-theme=light] .auth-card,html[data-theme=light] .modal,html[data-theme=light] .item{background:#fff;border-color:#e2e2e6}html[data-theme=light] li.item{border-color:#e6e6ea}html[data-theme=light] .add-bar{background:#fff;border-top-color:#e2e2e6}html[data-theme=light] ul.share-list li{background:#fafafa;border-color:#e6e6ea}html[data-theme=light] .hamburger-panel,html[data-theme=light] .list-menu-dropdown,html[data-theme=light] .user-dropdown,html[data-theme=light] .menu-dropdown,html[data-theme=light] .suggest,html[data-theme=light] .info-popover{background:#fff;border-color:#e2e2e6;box-shadow:0 4px 16px #0000002e}html[data-theme=light] .auth-card h1,html[data-theme=light] .modal h3,html[data-theme=light] .active-list-name,html[data-theme=light] .contact-popup .email-row span{color:#111}html[data-theme=light] .section-title{color:#444}html[data-theme=light] .item .item-name{color:#222}html[data-theme=light] .item .item-name:hover{color:#000}html[data-theme=light] .hamburger-panel a,html[data-theme=light] .list-menu-dropdown button,html[data-theme=light] .user-dropdown a,html[data-theme=light] .user-dropdown button,html[data-theme=light] .menu-dropdown button,html[data-theme=light] .suggest li{color:#333}html[data-theme=light] .hamburger-panel a:hover,html[data-theme=light] .list-menu-dropdown button:hover,html[data-theme=light] .user-dropdown a:hover,html[data-theme=light] .user-dropdown button:hover,html[data-theme=light] .menu-dropdown button:hover,html[data-theme=light] .suggest li:hover{color:#000;background:#ececec}html[data-theme=light] .hamburger-panel a.active{color:#000;background:#eaeaea}html[data-theme=light] .section-title .count,html[data-theme=light] .badge{color:#555;background:#e2e2e6}html[data-theme=light] .auth-card form input,html[data-theme=light] .modal input[type=text],html[data-theme=light] .modal input[type=number],html[data-theme=light] .modal input[type=password],html[data-theme=light] .modal select,html[data-theme=light] .contact-popup .email-row{color:#222;background:#fff;border-color:#ccccd2}html[data-theme=light] .modal input:focus,html[data-theme=light] .modal select:focus{border-color:#999;box-shadow:0 0 0 3px #0000000d}html[data-theme=light] .modal{box-shadow:0 24px 60px #0000002e}html[data-theme=light] .modal h3{color:#111}html[data-theme=light] .add-form input[type=text]{color:#222;background:#f0f0f2;border-color:#ccccd2}html[data-theme=light] .hamburger-btn,html[data-theme=light] .list-menu-btn,html[data-theme=light] .user-btn,html[data-theme=light] .theme-toggle,html[data-theme=light] .btn-search-toggle,html[data-theme=light] .info-icon{color:#555;border-color:#ccccd2}html[data-theme=light] .hamburger-btn:hover,html[data-theme=light] .list-menu-btn:hover,html[data-theme=light] .user-btn:hover,html[data-theme=light] .theme-toggle:hover,html[data-theme=light] .btn-search-toggle:hover{color:#222;background:#ececec}html[data-theme=light] .list-tab-add{color:#777;border-color:#bbb}html[data-theme=light] .list-tab-add:hover{color:#444;background:#ececec}html[data-theme=light] .auth-card form button,html[data-theme=light] .btn-primary,html[data-theme=light] .btn-submit,html[data-theme=light] .login-btn{color:#fff;background:#222}html[data-theme=light] .auth-card form button:hover,html[data-theme=light] .btn-primary:hover,html[data-theme=light] .btn-submit:hover,html[data-theme=light] .login-btn:hover{background:#000}html[data-theme=light] .btn-search-toggle.active{color:#fff;background:#222;border-color:#222}html[data-theme=light] .divider{border-top-color:#ddd}html[data-theme=light] .empty-msg{color:#999}html[data-theme=light] .link{color:#666}html[data-theme=light] .link a{color:#333}html[data-theme=light] .auth-card .subtitle,html[data-theme=light] .item .qty{color:#888}html[data-theme=light] .perm-grid{background:#f6f6f7;border-color:#e2e2e6}html[data-theme=light] .perm-grid label,html[data-theme=light] .btn-ghost{color:#444}html[data-theme=light] .btn-ghost{border-color:#ccccd2}html[data-theme=light] .share-ic{color:#555}html[data-theme=light] .field>span{color:#666}html[data-theme=light] .modal-close-link{color:#888}html[data-theme=light] .modal-close-link:hover,html[data-theme=light] .menu-check,html[data-theme=light] .menu-switch,html[data-theme=light] .menu-theme{color:#333}html[data-theme=light] .theme-modes{background:#f0f0f2;border-color:#ccccd2}html[data-theme=light] .theme-modes button{color:#777}html[data-theme=light] .theme-modes button:hover{color:#222}html[data-theme=light] .theme-modes button.on{color:#fff;background:#222}html[data-theme=light] .switch{background:#ccc}html[data-theme=light] .menu-section{border-top-color:#e2e2e6}html[data-theme=light] .menu-section .menu-label{color:#888}html[data-theme=light] .menu-email{color:#333}html[data-theme=light] .menu-section input[type=password]{color:#222;background:#fff;border-color:#ccccd2}html[data-theme=light] .menu-logout{border-top-color:#e2e2e6}