.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.panel h2{font-family:var(--font-body);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:800;display:flex}.count{background:var(--sell-bg);color:var(--sell-fg);border-radius:999px;padding:2px 9px;font-size:13px}.people{margin:0;padding:0;list-style:none}.people li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0;display:flex}.people__who{flex-direction:column;flex:999 200px;gap:2px;min-width:0;display:flex}.people__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.role{border-radius:999px;margin-left:6px;padding:2px 9px;font-size:12px;font-weight:800}.role--admin{background:var(--nav-active-bg);color:var(--nav-active-fg)}.role--member{background:var(--pill-bg);color:var(--pill-fg)}.add-friend{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.add-friend input{width:100%}.notice{color:var(--keep-fg);margin:0;font-weight:700}.gate{justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.gate__card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:36px 28px;display:flex}.gate__card h1{margin:0;font-size:26px}.gate__card p{margin:0;line-height:1.5}.gate__card strong{color:var(--text)}.gate__brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:26px;font-weight:600;display:flex}.gate__actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.gate__actions .btn{flex:140px}.btn--discord{background:var(--discord);color:#fff;border-color:var(--discord);width:100%;min-height:48px;font-size:16px}.filters{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:16px 20px;padding:16px 18px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.field--grow{flex:999 280px;min-width:0}.field input,.have input{border:1px solid var(--input-border);background:var(--ground);height:44px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px;font-size:16px}.search{color:var(--muted);display:block;position:relative}.search svg{position:absolute;top:13px;left:14px}.search input{width:100%;padding-left:42px}.level-input{width:96px}.segmented{background:var(--ground);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:flex}.segmented button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 16px;font-weight:800}.segmented button[aria-pressed=true]{background:var(--border);color:var(--text)}.switches{flex-direction:column;justify-content:center;gap:4px;min-height:44px;display:flex}.switch{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:30px;padding:0;font-weight:600;display:flex}.switch__track{background:var(--switch-off);border-radius:999px;flex:none;justify-content:flex-start;align-items:center;width:36px;height:20px;padding:2px;display:flex}.switch[aria-checked=true] .switch__track{background:var(--switch-on);justify-content:flex-end}.switch__knob{background:var(--text);border-radius:50%;width:16px;height:16px}.cards{flex-direction:column;gap:4px;display:flex}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.item-card__head{align-items:center;gap:14px;padding:2px 12px;display:flex}.item-card__toggle{text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0;display:flex}.chevron{color:var(--muted);flex:none;transition:transform .15s}.item-card__toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}.item-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.have{color:var(--muted);flex:none;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.have input{text-align:right;width:64px;height:32px;padding:0 8px;font-size:15px}.need{text-align:center;font-variant-numeric:tabular-nums;background:var(--keep-bg);min-width:44px;color:var(--keep-fg);border-radius:999px;flex:none;padding:3px 10px;font-size:14px;font-weight:800}.need--zero{background:var(--pill-bg);color:var(--faint)}.item-card__body{border-top:1px solid var(--border);background:var(--surface-sunk);padding:6px 18px 14px}.table-scroll{overflow-x:auto}.uses{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.uses th{text-align:left;color:var(--muted);padding:10px 8px 6px;font-size:12px;font-weight:800}.uses td{border-top:1px solid var(--border);padding:8px}.uses th:first-child,.uses td:first-child{padding-left:0}.uses th:last-child,.uses td:last-child{padding-right:0}.uses .num{text-align:right;font-variant-numeric:tabular-nums}.uses__name{font-weight:700}.uses tr.is-done{opacity:.55}.tag{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-block}.tag--quest{background:var(--keep-bg);color:var(--keep-fg)}.tag--recipe{background:var(--recipe-bg);color:var(--recipe-fg)}.pill{background:var(--pill-bg);color:var(--pill-fg);border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:700}.progress-button{border:1px solid var(--control-border);cursor:pointer;background:0 0;border-radius:8px;min-width:124px;min-height:36px;padding:0 12px;font-size:13px;font-weight:800}.progress-button.is-on{background:var(--text);color:var(--ground);border-color:var(--text)}.note{color:var(--muted);margin:10px 0 0;font-size:13px}.empty{background:var(--surface);border:1px dashed var(--input-border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:28px;display:flex}.empty p{margin:0}.edit-link{margin-left:8px;font-size:12px;font-weight:700}.page__head .btn{text-decoration:none}.group{flex-direction:column;gap:8px;display:flex}.group__title{font-family:var(--font-body);color:var(--muted);margin:0;font-size:14px;font-weight:800}.modal-backdrop{z-index:10;background:#0a090eb3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:22px;display:flex}.modal h2{margin:0;font-size:20px}.modal p{margin:0}.modal__actions{justify-content:flex-end;gap:10px;display:flex}.page--narrow{max-width:760px}.page--narrow h1{margin:0;font-size:32px;line-height:1.1}.back{align-self:flex-start;min-height:32px;text-decoration:none}.edit-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:20px;padding:22px;display:flex}.edit-form__row{flex-wrap:wrap;gap:16px;display:flex}.edit-form select{border:1px solid var(--input-border);background:var(--ground);height:44px;color:var(--text);font:inherit;border-radius:10px;padding:0 10px;font-size:16px}.amounts{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.amounts legend{color:var(--text);padding:0 0 8px;font-size:16px;font-weight:800}.amount-row{align-items:flex-start;gap:8px;display:flex}.amount-row .field input{width:100%}.qty-field{flex:none;width:110px}.qty-field input{text-align:right}.icon-button{border:1px solid var(--input-border);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;margin-top:21px;display:inline-flex}.add-row{border:1px dashed var(--control-border);cursor:pointer;background:0 0;border-radius:10px;align-self:flex-start;min-height:40px;padding:0 14px;font-weight:700}.error{color:var(--sell-fg);font-size:13px;font-weight:700}.hint{color:var(--muted);font-size:13px;font-weight:600}.edit-form__footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.edit-form__actions{gap:10px;display:flex}.confirm{color:var(--sell-fg);flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.btn--danger{background:var(--sell-bg);color:var(--sell-fg);border-color:var(--sell-fg)}.btn:disabled{opacity:.6;cursor:default}:root{--ground:#14131a;--header:#1b1a22;--surface:#1e1c26;--surface-sunk:#191820;--border:#2f2c3a;--input-border:#3d3949;--control-border:#4a4657;--text:#f2efe8;--muted:#a9a4b4;--faint:#8c8797;--accent:#f08a4b;--on-accent:#14131a;--link:#f5a06b;--link-hover:#ffc59e;--nav-active-bg:#3a2418;--nav-active-fg:#f7b58a;--keep-bg:#1b3350;--keep-fg:#9cc4f5;--sell-bg:#452313;--sell-fg:#f7b58a;--mixed-bg:#f2efe8;--mixed-fg:#14131a;--recipe-bg:#33264a;--recipe-fg:#cdb5f2;--pill-bg:#2a2833;--pill-fg:#c9c4d2;--switch-on:#4e8ddb;--switch-off:#5a5666;--focus:#7fb2f0;--discord:#5865f2;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);font-family:var(--font-body);text-transform:capitalize;margin:0;font-size:15px;line-height:1.4}a{color:var(--link)}a:hover{color:var(--link-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input::placeholder{color:var(--faint)}input,textarea,select{text-transform:none}button{font:inherit;color:inherit;text-transform:inherit}h1,h2{font-family:var(--font-display);font-weight:600}.muted{color:var(--muted)}.small{font-size:14px}.strong{font-weight:800}.nowrap{white-space:nowrap}.topbar{background:var(--header);border-bottom:1px solid var(--border)}.topbar__inner{flex-wrap:wrap;align-items:center;gap:12px 28px;max-width:1120px;margin:0 auto;padding:10px 24px;display:flex}.brand{min-height:44px;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand:hover{color:var(--text)}.brand__name{font-family:var(--font-display);font-size:21px;font-weight:600}.tool-nav{flex-wrap:wrap;flex:auto;gap:4px;display:flex}.tool-nav a,.tool-nav span{min-height:40px;color:var(--text);border-radius:999px;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.tool-nav a[aria-current=page]{background:var(--nav-active-bg);color:var(--nav-active-fg);font-weight:800}.tool-nav span{color:var(--faint);font-weight:400}.account{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.demo-pill{background:var(--pill-bg);color:var(--pill-fg);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.page{flex-direction:column;gap:20px;max-width:1120px;margin:0 auto;padding:32px 24px 64px;display:flex}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page__head h1{margin:0;font-size:36px;line-height:1.1}.lede{color:var(--muted);max-width:640px;margin:6px 0 0;font-size:16px}.banner{background:var(--sell-bg);color:var(--sell-fg);border-radius:12px;padding:12px 16px;font-weight:700}.link-button{color:var(--link);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}@media (width<=480px){.topbar__inner,.page{padding-left:16px;padding-right:16px}.page__head h1{font-size:30px}}.btn{border:1px solid var(--control-border);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.btn--accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.update-banner{z-index:20;background:var(--surface);border:1px solid var(--accent);border-radius:12px;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 12px 10px 18px;font-weight:700;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.update-banner .btn{min-height:36px}