.shop-tasks{margin:24px 0 32px;background:var(--surface-1);border:1px solid var(--border-card);border-radius:20px}.shop-tasks__header{display:flex;align-items:center;gap:12px;padding:20px 24px}.shop-tasks__symbol{display:grid;place-items:center;color:var(--purple-text)}.shop-tasks__heading{flex:1 1;min-width:0}.shop-tasks__coin{flex:0 0 auto;width:90px;height:90px;object-fit:contain;pointer-events:none}.shop-tasks__header h2{margin:0;font:600 var(--type-body)/1.4 var(--display);color:var(--ink)}.shop-tasks__header p{margin:4px 0 0;color:var(--dim);font-size:var(--type-secondary);line-height:1.54}.shop-task{display:grid;grid-template-columns:40px minmax(0,1fr) max-content 156px;align-items:center;grid-gap:16px;gap:16px;min-height:96px;padding:16px 24px;border-top:1px solid var(--border-card)}.shop-task__icon{width:40px;height:40px;display:grid;place-items:center;color:var(--purple-text);border-radius:12px;background:color-mix(in srgb,var(--purple) 12%,transparent)}.shop-task--done .shop-task__icon{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.shop-task__name{margin:0;font:600 var(--type-body)/1.47 var(--display);color:var(--ink)}.shop-task__hint{margin:3px 0 0;line-height:1.5;overflow-wrap:anywhere}.shop-task__hint,.shop-task__progress{color:var(--dim);font-size:var(--type-caption)}.shop-task__progress{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;line-height:1.45}.shop-task__progress progress{display:block;width:100px;height:4px;border:0;border-radius:4px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);color:var(--purple)}.shop-task__progress progress::-webkit-progress-bar{background:var(--surface-2)}.shop-task__progress progress::-webkit-progress-value{background:var(--purple);border-radius:4px}.shop-task__progress progress::-moz-progress-bar{background:var(--purple);border-radius:4px}.shop-task__reward{display:inline-flex;align-items:center;gap:6px;font:600 var(--type-body)/1.5 var(--display);color:var(--gold);white-space:nowrap}.shop-task__action{grid-column:4;text-align:right}.shop-task__button{display:inline-flex;justify-content:center;align-items:center;min-width:104px;max-width:100%;min-height:36px;padding:8px 14px;font:500 var(--type-secondary)/1.38 var(--display);text-align:center;border:1px solid var(--border-card);border-radius:10px;background:var(--surface-2);color:var(--ink);cursor:pointer;text-decoration:none}.mp a.shop-task__button{color:var(--ink)}.shop-task__button:hover:not(:disabled){border-color:var(--purple);background:color-mix(in srgb,var(--purple) 16%,var(--surface-2))}.shop-task__button:focus-visible{outline:2px solid var(--purple-text);outline-offset:3px}.shop-task__button:disabled{cursor:default;color:var(--dim);background:transparent;border-color:transparent}.shop-task__complete{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:var(--type-secondary)}.shop-task__muted{color:var(--dim);font-size:var(--type-secondary)}.shop-task[data-task-id=rate_task] .shop-task__button:not(:disabled){background:var(--purple);border-color:var(--purple);color:#fff}.shop-task[data-task-id=rate_task] .shop-task__button:hover:not(:disabled){filter:brightness(1.1)}.shop-task--skeleton{grid-template-columns:40px minmax(0,1fr) 104px;min-height:108px}.shop-task--skeleton b,.shop-task--skeleton i,.shop-task--skeleton span,.shop-task__button-skeleton{display:block;background:var(--surface-2);border-radius:8px}.shop-task--skeleton i{height:40px}.shop-task--skeleton span{width:65%;height:36px}.shop-task--skeleton b,.shop-task__button-skeleton{height:36px;width:104px}.shop-task__button-skeleton{margin-left:auto}.shop-tasks__error,.shop-tasks__guest{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--border-card);color:var(--dim);font-size:var(--type-secondary)}.shop-tasks__error{color:var(--danger)}.shop-tasks__guest p{margin:0}.shop-tasks__empty{padding:0 24px 16px;color:var(--dim);font-size:var(--type-secondary)}@media (max-width:600px){.shop-tasks{border-radius:16px;margin-top:20px}.shop-tasks__header{padding:18px 16px}.shop-tasks__header h2{font-size:var(--type-body)}.shop-tasks__coin{width:64px;height:64px}.shop-task{grid-template-columns:32px minmax(0,1fr) max-content;gap:10px;padding:16px}.shop-task__icon{width:32px;height:32px;border-radius:10px;align-self:start}.shop-task__reward{align-self:start;font-size:var(--type-secondary)}.shop-task__action{grid-column:2/-1;text-align:right}.shop-task__button{min-height:40px}.shop-task--skeleton{grid-template-columns:32px minmax(0,1fr) 72px}.shop-task--skeleton b{width:72px}.shop-tasks__error,.shop-tasks__guest{padding:16px;flex-wrap:wrap}}.shop-task[data-task-id=rate_task] .shop-task__button.is-locked:not(:disabled){background:var(--surface-2);border-color:var(--border-card);color:var(--dim);filter:none}