:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--text:var(--lightningcss-light,#000000bf)var(--lightningcss-dark,#fffc);--text-muted:var(--lightningcss-light,#00000080)var(--lightningcss-dark,#fff9);--text-faint:var(--lightningcss-light,#00000040)var(--lightningcss-dark,#ffffff59);--text-heading:var(--lightningcss-light,#00000054)var(--lightningcss-dark,#fff6);--border:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26);--border-light:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff14);--border-input:var(--lightningcss-light,#00000026)var(--lightningcss-dark,#fff3);--accent:var(--lightningcss-light,#ed143dc0)var(--lightningcss-dark,#ff5a78);--black:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--white:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);--label-size:12px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;font-family:inherit;font-weight:400;font-size:inherit;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px}.outer-wrapper{flex-direction:column;height:100svh;display:flex}.outer-wrapper header{text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-size:var(--label-size);justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.outer-wrapper header button{text-transform:uppercase;color:var(--text-muted);letter-spacing:1.5px;cursor:pointer;background:0 0;border:0;outline:0;font-weight:700}.outer-wrapper .list{border-top:1px solid var(--border);flex-grow:1;padding:16px;overflow-y:auto}.outer-wrapper .list .list-group{padding-block:16px}.outer-wrapper .list .list-group .list-items{display:contents}.outer-wrapper .list .list-group h2{text-transform:uppercase;letter-spacing:2px;color:var(--text-heading);margin-bottom:4px;font-size:10px;font-weight:700}.outer-wrapper .list .list-group.bought .list-item h3{color:var(--text-faint);text-decoration:line-through}.outer-wrapper .list .list-group:has(.list-items:empty){display:none}.outer-wrapper .list .list-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;align-items:center;gap:8px;padding-block:16px;display:flex}.outer-wrapper .list .list-item .user{color:var(--text-muted);font-size:12px}.outer-wrapper .list .list-item button{cursor:pointer;color:var(--accent);text-transform:uppercase;letter-spacing:1px;background:0 0;border:0;outline:0;margin-left:auto;font-size:12px;font-weight:700}@media (hover:hover){.outer-wrapper .list .list-item button{display:none}}.outer-wrapper .list .list-item:hover button{display:block}.outer-wrapper .list .list-item h3{color:var(--text);-webkit-user-select:none;user-select:none;font-size:24px;font-weight:400}.outer-wrapper .list .list-item:not(:last-of-type){border-bottom:1px solid var(--border-light)}.outer-wrapper .item-form{border-top:1px solid var(--black);width:100%;margin-top:auto;position:relative}.outer-wrapper .item-form input{border:0;outline:0;width:100%;padding:16px;font-size:24px}.outer-wrapper .item-form input::placeholder{color:var(--text-faint)}.outer-wrapper .item-form button{background:var(--black);color:var(--white);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-size:var(--label-size);cursor:pointer;border:0;padding:12px;position:absolute;top:50%;right:16px;translate:0 -50%}.login-wrapper{place-items:center;height:100svh;padding:16px;display:grid}.login-wrapper .login-card{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.login-wrapper .login-card h1{text-transform:uppercase;letter-spacing:2px;color:var(--text);text-align:center;margin-bottom:8px;font-size:14px;font-weight:700}.login-wrapper .login-card input{border:0;border-bottom:1px solid var(--border-input);outline:0;width:100%;padding:12px 16px;font-size:18px}.login-wrapper .login-card input::placeholder{color:var(--text-faint)}.login-wrapper .login-card button{background:var(--black);color:var(--white);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-size:var(--label-size);cursor:pointer;border:0;margin-top:8px;padding:12px}.login-wrapper .login-card .error{color:var(--accent);text-align:center;font-size:12px}.offline-overlay{z-index:9999;background:var(--bg);color:var(--text);place-items:center;display:grid;position:fixed;inset:0}.offline-overlay .offline-card{text-align:center;flex-direction:column;gap:8px;display:flex}.offline-overlay .offline-card h1{text-transform:uppercase;letter-spacing:2px;font-size:16px;font-weight:700}.offline-overlay .offline-card p{color:var(--text-muted);font-size:14px}.items-loading,.items-error,.items-empty{color:var(--text-faint);text-align:center;margin-top:48px;font-size:20px}
