.pf-card{display: grid;gap: 14px;padding: clamp(16px, 3vw, 24px);margin-bottom: 16px}.pf-card{scroll-margin-top: calc(var(--header-space, 90px) + 10px)}.pf-head{display: flex;align-items: center;gap: 16px;flex-wrap: wrap}.pf-id{display: grid;gap: 2px;flex: 1;min-width: 180px}.pf-id small{color: var(--ink-3);font-weight: 600}.pf-id > b{font-size: 26px;line-height: 1.3}.pf-lv{color: var(--accent);font-weight: 700}.pf-acc-state{font-size: 13px;color: var(--ink-3)}.pf-acc-state.on{color: var(--success)}.pf-acc-state a{color: var(--brand);font-weight: 700}.pf-stats{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px}.pf-stats div{display: grid;text-align: center;padding: 10px 6px;border-radius: 14px;background: var(--surface-2)}.pf-stats b{font-size: 22px;color: var(--brand)}.pf-stats small{color: var(--ink-3);font-size: 12.5px}.pf-links{display: flex;flex-wrap: wrap;gap: 8px}.pf-links a{padding: 7px 14px;border-radius: 99px;border: 1px solid var(--line);background: var(--surface);color: var(--ink);text-decoration: none;font-weight: 600;font-size: 14px}.pf-links a:hover{border-color: var(--brand);color: var(--brand)}.pf-form{display: grid;gap: 12px;padding-top: 12px;border-top: 1px dashed var(--line)}.pf-form label, .pf-pick{display: grid;gap: 6px}.pf-form label span, .pf-pick > span{font-weight: 700}.pf-form small{color: var(--ink-3);font-weight: 400}.pf-form input{padding: 10px 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: var(--ink);font: inherit}.pf-grid{display: flex;flex-wrap: wrap;gap: 8px}.pf-opt{padding: 3px;border-radius: 50%;border: 2px solid transparent;background: none;cursor: pointer}.pf-opt.on{border-color: var(--accent)}.pf-cols{display: flex;flex-wrap: wrap;gap: 8px}.pf-col{width: 30px;height: 30px;border-radius: 50%;border: 3px solid var(--surface);box-shadow: 0 0 0 1px var(--line);cursor: pointer}.pf-col.on{box-shadow: 0 0 0 3px var(--accent)}.pf-up{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.pf-up label{cursor: pointer}.pf-up small{flex-basis: 100%;color: var(--success)}.pf-crop{display: grid;justify-items: center;gap: 10px;padding: 14px;border-radius: 18px;background: var(--surface-2)}.pf-crop canvas{width: min(240px, 70vw);aspect-ratio: 1;border-radius: 16px;background: #0b1533;cursor: grab;touch-action: none}.pf-crop canvas:active{cursor: grabbing}.pf-zoom{display: flex !important;align-items: center;gap: 10px;width: min(240px, 70vw);color: var(--ink-3);font-weight: 800;font-size: 18px}.pf-zoom input{flex: 1;padding: 0;accent-color: var(--accent)}.pf-crop small, .pf-or{color: var(--ink-3);font-size: 13px;font-weight: 600}.pf-sync{display: flex !important;align-items: center;gap: 8px;flex-basis: 100%;font-size: 14px;font-weight: 600;cursor: pointer}.pf-sync input{width: 18px;height: 18px;accent-color: var(--accent)}.pf-sync input:disabled + *{opacity: .6}.pf-goal{display: grid;gap: 10px;padding: 14px;border-radius: 16px;background: linear-gradient(135deg, rgba(245, 185, 66, .12), rgba(245, 185, 66, .03));border: 1px solid rgba(245, 185, 66, .35);scroll-margin-top: calc(var(--header-space, 90px) + 10px)}.pg-empty, .pg-head{display: flex;align-items: center;gap: 12px;flex-wrap: wrap}.pg-empty > span, .pg-ic{font-size: 30px;line-height: 1}.pg-empty > div, .pg-head > div{display: grid;gap: 2px;flex: 1;min-width: 180px}.pg-empty small, .pg-head small{color: var(--ink-3);font-size: 13px}.pg-head b{font-size: 17px}.pg-bar{position: relative;height: 12px;border-radius: 99px;background: rgba(148, 163, 184, .25)}.pg-bar i{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, #f59e0b, #f5b942);transition: width .6s}.pg-bar.ok i{background: linear-gradient(90deg, #16a34a, #4ade80)}.pg-bar.far i{background: linear-gradient(90deg, #ea580c, #fb923c)}.pg-bar em{position: absolute;top: -5px;width: 4px;height: 22px;margin-inline-start: -2px;border-radius: 2px;background: var(--ink)}.pg-msg{margin: 0;font-size: 14.5px;line-height: 1.8}.pg-msg a, .pg-adm{color: var(--brand);font-weight: 700}.pg-cd{font-size: 14px;color: var(--ink-2)}.pg-cd b{color: var(--accent);font-size: 17px}.pg-adm{font-size: 14px;text-decoration: none;justify-self: start}.pg-form{display: grid;gap: 10px}.pg-form label{display: grid;gap: 6px}.pg-form label span{font-weight: 700}.pg-form small{color: var(--ink-3);font-weight: 400}.pg-form select, .pg-form input{padding: 10px 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: var(--ink);font: inherit;max-width: 100%}.pf-goal > *, .pg-form > *, .pg-form label{min-width: 0}.pg-form select, .pg-form input{width: 100%;text-overflow: ellipsis}