.spin-wheel-container{text-align:center;font-family:Arial,sans-serif;border-radius:1rem}.spin-wheel-title{font-size:1.5rem;font-weight:bold;margin-bottom:.5rem}.spin-wheel-subtitle{font-size:1rem;color:#6b7280;margin-bottom:1rem}.spin-wheel{position:relative;width:min(80vw,400px);aspect-ratio:1/1;border-radius:50%}.wheel{position:absolute;inset:0;border-radius:50%;overflow:hidden}.wheel-items{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;list-style:none;margin:0;padding:0;transform:translate(-4rem, -4rem)}.wheel-item{position:absolute;width:50%;height:50%;transform-origin:100% 100%;display:flex;justify-content:center;align-items:center}.wheel-item span{transform:rotate(-45deg);font-size:.9rem;font-weight:bold;color:#fff}.pointer{position:absolute;top:-0.5rem;left:50%;width:1.5rem;height:1.5rem;background-color:#ef4444;clip-path:polygon(50% 0%, 0% 100%, 100% 100%);transform:translateX(-50%)}.spin-button{font-size:1rem;font-weight:bold;color:#fff;background-color:#ef4444;border:none;border-radius:2rem;cursor:pointer;transition:background-color .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.spin-button:disabled{background-color:#9ca3af;cursor:not-allowed}.spin-button:hover:not(:disabled){background-color:#dc2626}.result{margin-top:1rem;font-size:1.2rem;font-weight:bold;color:red}.result:empty{margin-top:0}
.scratch-placeholder{background-color:#f86565;padding:40px;border-radius:10px;font-size:18px;color:#fff;font-weight:bold}.result-card{padding:40px;font-size:18px;font-weight:bold;background:#fff8dc;border-radius:10px}
.subscription-preference-container{padding:1rem;border-radius:.5rem}.subscription-preference-container input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;cursor:pointer;border:2px solid var(--subscription-preference-checkbox-unchecked-border-color, #d1d5db);border-radius:.25em;background:var(--subscription-preference-checkbox-unchecked-bg-color, #ffffff);box-sizing:border-box}.subscription-preference-container input[type=checkbox]:checked{background-color:var(--subscription-preference-checkbox-accent-color, #374151);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2720 6 9 17 4 12%27%3E%3C/polyline%3E%3C/svg%3E");background-size:100% 100%;border-color:var(--subscription-preference-checkbox-accent-color, #374151)}.subscription-preference-container input[type=checkbox]:disabled{opacity:.7}.subscription-preference-list{list-style:none;margin:0;padding:0}.subscription-preference-group{margin-bottom:.5rem}.subscription-preference-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 0}.subscription-preference-item::after{content:"";display:block;height:var(--subscription-preference-divider-height, 1px);width:var(--subscription-preference-divider-width, 100%);background:var(--subscription-preference-divider-color, rgba(0, 0, 0, 0.08));margin:var(--subscription-preference-divider-margin, 1rem 0);margin-left:var(--subscription-preference-divider-margin-left, unset);margin-right:var(--subscription-preference-divider-margin-right, unset);box-sizing:border-box}.subscription-preference-item.subscription-preference-unsubscribe::after{display:none}.subscription-preference-item.subscription-preference-group-label{flex-direction:row;align-items:center;width:100%}.subscription-preference-item.subscription-preference-group-label .subscription-preference-item-text{flex:0 1 auto;min-width:0}.subscription-preference-item.subscription-preference-group-label::after{flex:1 1 0;width:auto;min-width:1rem;margin-top:0;margin-bottom:0;align-self:center}.subscription-preference-list>.subscription-preference-group:last-child>.subscription-preference-item:last-child::after{display:none}.subscription-preference-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1;width:100%}.subscription-preference-item input[type=checkbox]{width:var(--subscription-preference-checkbox-size, 1.125rem);height:var(--subscription-preference-checkbox-size, 1.125rem);flex-shrink:0;cursor:pointer}.subscription-preference-item input[type=checkbox]:disabled{cursor:default}.subscription-preference-item-text{flex:1}.subscription-preference-category-indent{padding-left:1.5rem}.subscription-preference-description{margin:0 0 0 2rem;padding:.25rem 0 0;line-height:1.4;max-width:100%}.subscription-preference-unsubscribe .subscription-preference-description{margin-left:2rem}.subscription-preference-unsubscribe-desc{margin-top:.25rem}.subscription-preference-divider{height:var(--subscription-preference-divider-height, 1px);width:var(--subscription-preference-divider-width, 100%);background:var(--subscription-preference-divider-color, rgba(0, 0, 0, 0.12));margin:var(--subscription-preference-divider-margin, 1rem 0);margin-left:var(--subscription-preference-divider-margin-left, unset);margin-right:var(--subscription-preference-divider-margin-right, unset)}.subscription-preference-unsubscribe{border-bottom:none}.subscription-preference-empty{color:#6b7280;font-size:14px;padding:1rem 0}.subscription-preference-editor-placeholder{padding:1rem;background:#f3f4f6;border-radius:.5rem;color:#6b7280;font-size:14px}.subscription-preference-dropzone{min-height:44px;margin-top:.75rem}.subscription-preference-btn-update{display:block;width:var(--subscription-preference-btn-width, 100%);max-width:100%;box-sizing:border-box;height:auto;min-height:0;white-space:normal;overflow-wrap:break-word;word-break:break-word;text-align:center;line-height:1.3;margin-top:1rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--subscription-preference-btn-bg-color, #374151);border:none;border-radius:var(--subscription-preference-btn-border-radius, 0.375rem);cursor:pointer;transition:background-color .15s ease}.subscription-preference-btn-update:hover:not(:disabled){background-color:var(--subscription-preference-btn-hover-bg-color, #4b5563) !important}.subscription-preference-btn-update:active:not(:disabled){background-color:#1f2937}.subscription-preference-btn-update:disabled{cursor:default;opacity:.8}