.model-appearance-control-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;margin-top:6px}.model-background-controls{margin-top:16px;padding-top:16px;border-top:1px solid var(--pp-color-border)}.model-background-heading,.model-background-softness>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-background-heading h3{margin:0;font-size:16px}.model-background-heading>span{color:var(--pp-color-text-muted);font-size:12px;text-align:right}.model-background-kinds{display:flex;gap:5px;margin:12px 0 10px}.model-background-kinds button{flex:1;min-height:36px;border:1px solid var(--pp-color-border);border-radius:8px;background:var(--pp-color-surface-subtle);color:var(--pp-color-text-secondary);font:inherit;font-size:12px;cursor:pointer}.model-background-kinds button[aria-pressed=true]{background:var(--pp-color-accent-soft);border-color:var(--pp-color-accent);color:var(--pp-color-accent)}.model-background-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.model-background-swatch{min-width:0;padding:3px;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.model-background-swatch[aria-pressed=true]{border-color:var(--pp-color-accent)}.model-background-swatch>span{display:block;height:40px;border:1px solid var(--pp-color-border);border-radius:6px}.model-background-softness{display:block;margin-top:14px;font-size:13px;font-weight:600}.model-background-softness input{width:100%;margin:12px 0 2px;accent-color:var(--pp-color-accent)}.model-background-controls p{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--pp-color-text-muted)}.model-background-controls button:focus-visible{outline:2px solid var(--pp-color-accent);outline-offset:2px}.model-tone-slider{display:block;width:100%;height:36px;margin:5px 0 0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.model-tone-slider::-webkit-slider-runnable-track{height:12px;border:1px solid var(--pp-color-border);border-radius:999px;background:var(--model-tone-gradient)}.model-tone-slider::-moz-range-track{height:10px;border:1px solid var(--pp-color-border);border-radius:999px;background:var(--model-tone-gradient)}.model-tone-slider::-webkit-slider-thumb{width:22px;height:22px;margin-top:-6px;border:2px solid var(--pp-color-accent);border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--pp-color-surface);box-shadow:var(--pp-shadow-sm)}.model-tone-slider::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--pp-color-accent);border-radius:50%;background:var(--pp-color-surface);box-shadow:var(--pp-shadow-sm)}.model-tone-slider:focus-visible{outline:2px solid var(--pp-color-accent);outline-offset:2px;border-radius:10px}body.validation-survey-page{margin:0;overflow:auto;touch-action:auto;background:var(--pp-color-canvas);color:var(--pp-color-text)}body.validation-survey-page #root{min-height:100dvh}.ppv-page{min-height:100dvh;background:var(--pp-color-canvas);padding:30px 18px 48px;box-sizing:border-box}.ppv-shell{width:min(980px,100%);margin:0 auto}.ppv-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;padding:8px 0 22px}.ppv-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--pp-color-accent);font-size:var(--pp-text-sm);font-weight:var(--pp-weight-semibold);text-transform:uppercase}.ppv-header h1,.ppv-message h1,.ppv-complete h1{margin:10px 0 8px;font-size:var(--pp-text-display);line-height:1.08;letter-spacing:0;color:var(--pp-color-text)}.ppv-header p,.ppv-message p,.ppv-complete p{margin:0;max-width:760px;color:var(--pp-color-text-secondary);line-height:1.55;font-size:var(--pp-text-md)}.ppv-version{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.ppv-version span,.ppv-question-heading span{border:1px solid var(--pp-color-border);background:var(--pp-color-surface);color:var(--pp-color-text-secondary);border-radius:999px;padding:5px 9px;font-size:var(--pp-text-caption);font-weight:var(--pp-weight-semibold)}.ppv-progress-card,.ppv-section{background:#fffffff5;border:1px solid var(--pp-color-border);box-shadow:var(--pp-shadow-card)}.ppv-progress-card{border-radius:var(--pp-radius-card);padding:16px;margin-bottom:16px}.ppv-progress-copy{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:12px}.ppv-progress-copy span{color:var(--pp-color-text-muted);font-size:var(--pp-text-sm);font-weight:var(--pp-weight-semibold)}.ppv-progress-copy b{color:var(--pp-color-text);font-size:var(--pp-text-md)}.ppv-progress-track{height:9px;border-radius:999px;background:var(--pp-color-surface-subtle);overflow:hidden}.ppv-progress-track div{height:100%;background:var(--pp-color-accent);border-radius:inherit;transition:width .2s ease}.ppv-section{border-radius:var(--pp-radius-card);padding:22px}.ppv-section-title{display:flex;align-items:baseline;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--pp-color-border);margin-bottom:18px}.ppv-section-title span{color:var(--pp-color-accent);font-size:var(--pp-text-sm);font-weight:var(--pp-weight-semibold)}.ppv-section-title h2{margin:0;font-size:var(--pp-text-2xl);line-height:1.2;color:var(--pp-color-text)}.ppv-question{padding:18px 0;border-bottom:1px solid var(--pp-color-border)}.ppv-question:last-child{border-bottom:0}.ppv-question-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px}.ppv-question-heading label{color:var(--pp-color-text);font-size:var(--pp-text-lg);font-weight:var(--pp-weight-semibold);line-height:1.42}.ppv-privacy-note,.ppv-screenout-note,.ppv-save-error,.ppv-error-text{border-radius:var(--pp-radius-card);padding:9px 11px;font-size:var(--pp-text-sm);line-height:1.45}.ppv-privacy-note{background:var(--pp-color-surface-subtle);border:1px solid var(--pp-color-accent-border);color:var(--pp-color-accent);margin-bottom:12px}.ppv-screenout-note,.ppv-error-text,.ppv-save-error{background:var(--pp-color-danger-soft);border:1px solid var(--pp-color-danger-border);color:var(--pp-color-danger)}.ppv-error-text{margin-top:10px}.ppv-save-error{margin:16px 0 0}.ppv-consent,.ppv-checkbox-grid label{display:flex;align-items:center;gap:10px;cursor:pointer}.ppv-consent input,.ppv-checkbox-grid input{width:18px;height:18px;accent-color:var(--pp-color-accent);flex:0 0 auto}.ppv-consent span,.ppv-checkbox-grid span{color:var(--pp-color-text-secondary);font-size:var(--pp-text-body)}.ppv-choice-row,.ppv-option-grid,.ppv-checkbox-grid,.ppv-scale{display:grid;gap:10px}.ppv-choice-row{grid-template-columns:repeat(2,minmax(120px,1fr))}.ppv-option-grid,.ppv-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ppv-scale{grid-template-columns:repeat(5,minmax(0,1fr))}.ppv-choice-row button,.ppv-option-grid button,.ppv-scale button,.ppv-primary,.ppv-secondary,.ppv-demo-confirm{font:inherit;border-radius:var(--pp-radius-card);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.ppv-choice-row button,.ppv-option-grid button,.ppv-scale button{border:1px solid var(--pp-color-border);background:var(--pp-color-surface);color:var(--pp-color-text);padding:11px 12px;text-align:left;min-height:44px}.ppv-choice-row button:hover,.ppv-option-grid button:hover,.ppv-scale button:hover{border-color:var(--pp-color-border-strong);background:var(--pp-color-surface-hover)}.ppv-choice-row button.selected,.ppv-option-grid button.selected,.ppv-scale button.selected{border-color:var(--pp-color-accent);background:var(--pp-color-accent-soft);color:var(--pp-color-text);box-shadow:var(--pp-shadow-card)}.ppv-scale button{display:grid;gap:8px;text-align:center;align-content:start}.ppv-scale button b{font-size:var(--pp-text-xl)}.ppv-scale button span{font-size:var(--pp-text-caption);line-height:1.25}.ppv-checkbox-grid label{min-height:42px;border:1px solid var(--pp-color-border);background:var(--pp-color-surface);border-radius:var(--pp-radius-card);padding:9px 11px}.ppv-ranking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ppv-ranking label{display:grid;gap:6px}.ppv-ranking label span{color:var(--pp-color-text-muted);font-size:var(--pp-text-caption);font-weight:var(--pp-weight-semibold)}.ppv-ranking select,.ppv-input,.ppv-textarea{width:100%;border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-card);background:var(--pp-color-surface);color:var(--pp-color-text);padding:11px 12px;font:inherit;box-sizing:border-box}.ppv-textarea{resize:vertical;min-height:112px}.ppv-slider{display:grid;gap:8px}.ppv-slider input{width:100%;accent-color:#a85d65}.ppv-slider div{display:flex;justify-content:space-between;align-items:center;color:var(--pp-color-text-muted);font-size:var(--pp-text-sm)}.ppv-slider b{color:var(--pp-color-text);font-size:var(--pp-text-xl)}.ppv-question-meta{display:flex;gap:8px;margin-top:11px;color:var(--pp-color-text-muted);font-size:var(--pp-text-xs);font-weight:var(--pp-weight-semibold)}.ppv-demo{display:grid;gap:12px}.ppv-demo-shell{border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-card);overflow:hidden;background:var(--pp-color-canvas)}.ppv-demo-toolbar{display:flex;gap:6px;background:var(--pp-color-text);padding:10px 12px}.ppv-demo-toolbar span{width:9px;height:9px;border-radius:999px;background:var(--pp-color-border)}.ppv-demo-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;padding:16px}.ppv-demo-body{position:relative;min-height:330px;border-radius:var(--pp-radius-card);background:var(--pp-color-canvas);display:grid;place-items:center;overflow:hidden}.ppv-demo-body img{height:300px;width:auto;opacity:.9}.ppv-paint{position:absolute;width:42px;height:54px;border-radius:52% 48% 46% 54%;filter:blur(1px);opacity:.78;transform:rotate(-16deg)}.ppv-paint-rest{background:#a85d65;left:52%;top:48%}.ppv-paint-moving{background:#5d8aa8;left:45%;top:56%;height:74px}.ppv-paint-sensitive{background:#5d64a8;left:58%;top:36%;width:34px}.ppv-paint-numb{background:#a8a05d;left:41%;top:68%;width:36px;height:48px}.ppv-demo-panel{border:1px solid var(--pp-color-border);background:var(--pp-color-surface);border-radius:var(--pp-radius-card);padding:13px}.ppv-demo-panel-title{display:flex;align-items:center;gap:8px;color:var(--pp-color-text);font-weight:var(--pp-weight-semibold);margin-bottom:10px}.ppv-color-list{display:grid;gap:8px}.ppv-color-row{display:flex;align-items:center;gap:8px;color:var(--pp-color-text-secondary);font-size:var(--pp-text-sm)}.ppv-color-row span{width:14px;height:14px;border-radius:999px;box-shadow:var(--pp-shadow-card)}.ppv-note p{margin:0;color:var(--pp-color-text-secondary);line-height:1.55;font-size:var(--pp-text-body)}.ppv-radar{display:grid;gap:8px}.ppv-radar div{height:13px;border-radius:999px;background:linear-gradient(90deg,var(--color) var(--value),var(--pp-color-surface-subtle) var(--value))}.ppv-demo-confirm{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pp-color-accent-border);background:var(--pp-color-accent-soft);color:var(--pp-color-text);padding:10px 13px;font-weight:var(--pp-weight-semibold)}.ppv-demo-version{color:var(--pp-color-text-muted);font-size:var(--pp-text-caption);font-weight:var(--pp-weight-semibold)}.ppv-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.ppv-primary,.ppv-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:12px 16px;font-weight:var(--pp-weight-semibold)}.ppv-primary{background:var(--pp-color-text);color:var(--pp-color-surface)}.ppv-secondary{background:var(--pp-color-surface);border-color:var(--pp-color-border);color:var(--pp-color-text-secondary)}.ppv-primary:disabled,.ppv-secondary:disabled{opacity:.48;cursor:not-allowed}.ppv-message,.ppv-complete{min-height:70dvh;display:grid;align-content:center;justify-items:center;text-align:center}.ppv-complete svg{color:var(--pp-color-accent)}.ppv-complete-meta{display:grid;gap:8px;margin-top:18px;color:var(--pp-color-text-muted);font-size:var(--pp-text-sm);font-weight:var(--pp-weight-semibold)}@media (max-width: 760px){.ppv-page{padding:18px 12px 32px}.ppv-header,.ppv-progress-copy,.ppv-question-heading,.ppv-actions{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.ppv-header h1{font-size:var(--pp-text-title)}.ppv-version{align-items:flex-start}.ppv-section{padding:16px}.ppv-choice-row,.ppv-option-grid,.ppv-checkbox-grid,.ppv-scale,.ppv-ranking,.ppv-demo-grid{grid-template-columns:1fr}.ppv-demo-body{min-height:280px}.ppv-demo-body img{height:250px}}:root{--pp-color-canvas: #f4f6f2;--pp-color-surface: #ffffff;--pp-color-surface-subtle: #eef2ec;--pp-color-surface-hover: #e5ece3;--pp-color-text: #24352d;--pp-color-text-secondary: #475b50;--pp-color-text-muted: #586a5f;--pp-color-text-inverse: #ffffff;--pp-color-border: #d6dfd5;--pp-color-border-strong: #798f7f;--pp-color-accent: #28594b;--pp-color-accent-hover: #214b3e;--pp-color-accent-soft: #e6f0e8;--pp-color-accent-border: #9bb7a1;--pp-color-danger: #a33d39;--pp-color-danger-soft: #fbefed;--pp-color-danger-border: #dfafab;--pp-color-warning: #805c22;--pp-color-warning-soft: #faf3e5;--pp-color-warning-border: #dbc79e;--pp-color-success: #28594b;--pp-color-success-soft: #e6f0e8;--pp-color-info: #355d70;--pp-color-info-soft: #edf3f5;--pp-color-scrim: rgba(27, 42, 33, .46);--pp-color-surface-glass: rgba(255, 255, 255, .96);--pp-color-chart-grid: #e0e7dd;--pp-color-contribution-0: #eef2ec;--pp-color-contribution-1: #d6e5d5;--pp-color-contribution-2: #a1bca1;--pp-color-contribution-3: #63896e;--pp-color-contribution-4: #28594b;--pp-font-body: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--pp-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--pp-text-2xs: 10px;--pp-text-xs: 11px;--pp-text-caption: 12px;--pp-text-sm: 13px;--pp-text-body: 14px;--pp-text-md: 15px;--pp-text-lg: 16px;--pp-text-xl: 18px;--pp-text-2xl: 20px;--pp-text-3xl: 24px;--pp-text-title: 28px;--pp-text-display: 32px;--pp-text-hero: 40px;--pp-weight-regular: 400;--pp-weight-medium: 500;--pp-weight-semibold: 600;--pp-weight-bold: 700;--pp-space-0: 0px;--pp-space-1: 2px;--pp-space-2: 4px;--pp-space-3: 6px;--pp-space-4: 8px;--pp-space-5: 10px;--pp-space-6: 12px;--pp-space-7: 14px;--pp-space-8: 16px;--pp-space-9: 18px;--pp-space-10: 20px;--pp-space-11: 24px;--pp-space-12: 28px;--pp-space-13: 32px;--pp-space-14: 40px;--pp-space-15: 48px;--pp-radius-xs: 4px;--pp-radius-sm: 6px;--pp-radius-control: 12px;--pp-radius-card: 20px;--pp-radius-panel: 28px;--pp-radius-pill: 999px;--pp-shadow-sm: 0 1px 2px rgba(22, 43, 48, .04), inset 0 1px 0 rgba(255,255,255,.75);--pp-shadow-card: 0 6px 24px rgba(22, 43, 48, .055), 0 0 0 1px var(--pp-color-border);--pp-shadow-float: 0 12px 36px rgba(22, 43, 48, .1), 0 0 0 1px var(--pp-color-border);--pp-shadow-dialog: 0 24px 80px rgba(22, 43, 48, .18), 0 0 0 1px var(--pp-color-border);--pp-shadow-focus: 0 0 0 3px rgba(40, 89, 75, .2);--pp-motion-fast: .12s;--pp-motion-normal: .18s;--pp-motion-slow: .24s;--pp-motion-ease: cubic-bezier(.22, 1, .36, 1);--pp-size-touch: 44px;--pp-size-icon-sm: 16px;--pp-size-icon: 20px;--pp-size-icon-lg: 24px}html{color-scheme:light;-webkit-text-size-adjust:100%}body{color:var(--pp-color-text);font-family:var(--pp-font-body);background:var(--pp-color-canvas);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:1.4}button{color:var(--pp-color-text);background:var(--pp-color-surface);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-control);font-weight:var(--pp-weight-semibold);cursor:pointer;transition:background-color var(--pp-motion-fast) var(--pp-motion-ease),border-color var(--pp-motion-fast) var(--pp-motion-ease),box-shadow var(--pp-motion-fast) var(--pp-motion-ease);-webkit-tap-highlight-color:transparent}button:not([style]),input:not([style]),select:not([style]),textarea:not([style]){padding:var(--pp-space-4) var(--pp-space-6)}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{background:var(--pp-color-surface);color:var(--pp-color-text);border:1px solid var(--pp-color-border-strong);border-radius:var(--pp-radius-control)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--pp-color-accent)}input::placeholder,textarea::placeholder{color:var(--pp-color-text-muted);opacity:1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pp-color-accent)!important;outline-offset:3px}button:disabled{cursor:not-allowed}button[aria-pressed=true]:not([style]){color:var(--pp-color-accent);border-color:var(--pp-color-accent);background:var(--pp-color-accent-soft)}button:not(:disabled):not([style]):hover{background:var(--pp-color-surface-hover)}button:not(:disabled):active{box-shadow:none}summary{cursor:pointer;color:var(--pp-color-text-secondary)}a{color:var(--pp-color-accent);text-underline-offset:3px}h1,h2,h3,h4{color:inherit;font-weight:var(--pp-weight-semibold)}h1{letter-spacing:-.035em}h2{border:0;padding-bottom:0;letter-spacing:-.02em}h3{letter-spacing:.04em}.lucide{stroke-width:1.75;flex-shrink:0}::selection{background:var(--pp-color-accent-soft);color:var(--pp-color-text)}*{scrollbar-color:var(--pp-color-border-strong) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--pp-color-border-strong);border-radius:var(--pp-radius-pill)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (forced-colors: active){button,input,select,textarea{border-color:ButtonText!important}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:Highlight!important}button[aria-pressed=true]{outline:2px solid Highlight}}.pp-appearance{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--pp-color-border)}.pp-section-heading{display:flex;align-items:center;gap:8px;color:var(--pp-color-accent)}.pp-section-heading h3{margin:0;color:var(--pp-color-text);font-size:16px;text-transform:none;letter-spacing:-.02em}.pp-section-description{margin:6px 0 14px;font-size:13px;line-height:1.5;color:var(--pp-color-text-muted)}.pp-palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pp-palette-option{text-align:left;padding:12px;min-width:0;border:1px solid var(--pp-color-border);background:var(--pp-color-surface);border-radius:14px}.pp-palette-option[aria-pressed=true]{border-color:var(--pp-color-accent);background:var(--pp-color-accent-soft);box-shadow:0 0 0 1px var(--pp-color-accent),0 4px 12px #162b300a}.pp-palette-swatches{display:flex;height:28px;overflow:hidden;border-radius:7px;margin-bottom:12px}.pp-palette-swatches span{flex:1}.pp-palette-name{display:flex;justify-content:space-between;gap:4px;align-items:center;font-size:13px;font-weight:650;color:var(--pp-color-text)}.pp-palette-check{display:inline-flex;color:var(--pp-color-accent)}.pp-palette-description{display:block;font-size:11px;line-height:1.45;font-weight:400;margin-top:4px;color:var(--pp-color-text-muted)}@media (max-width: 420px){.pp-palette-options{grid-template-columns:1fr;gap:8px}.pp-palette-option{display:grid;grid-template-columns:72px 1fr;column-gap:12px;align-items:center;padding:10px 12px}.pp-palette-swatches{grid-row:span 2;margin:0;height:36px}.pp-palette-description{margin:2px 0 0}}@media (forced-colors: active){.pp-palette-option[aria-pressed=true]{outline:2px solid Highlight}}.pp-primary,.btn-primary{box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000001a,0 4px 10px color-mix(in srgb,var(--pp-color-accent) 14%,transparent)!important;letter-spacing:-.012em}.pp-secondary,.btn-secondary{box-shadow:inset 0 1px #ffffffe6,0 1px 2px #162b300a}.pp-primary,.pp-secondary,.btn-primary,.btn-secondary{transition:box-shadow .18s var(--pp-motion-ease),filter .18s var(--pp-motion-ease),background-color .18s var(--pp-motion-ease),border-color .18s var(--pp-motion-ease)}@media (hover: hover){.pp-primary:not(:disabled):hover,.btn-primary:not(:disabled):hover{filter:brightness(1.07);box-shadow:inset 0 1px #fff3,0 6px 16px color-mix(in srgb,var(--pp-color-accent) 20%,transparent)!important}.pp-secondary:not(:disabled):hover,.btn-secondary:not(:disabled):hover{box-shadow:0 0 0 1px var(--pp-color-accent-border),0 3px 10px #162b300d}}.pp-primary:not(:disabled):active,.pp-secondary:not(:disabled):active,.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active{filter:brightness(.97);box-shadow:inset 0 2px 3px #162b301f!important}.pp-settings-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pp-scrim-in .18s ease-out}.pp-settings-panel{animation:pp-panel-in .26s var(--pp-motion-ease)}.pp-symptom-tile{--pp-symptom-tone: var(--pp-color-accent);background:var(--pp-color-surface);border:1px solid var(--pp-color-border);border-radius:20px;box-shadow:inset 0 1px #fffffff2,0 2px 5px #162b3009;transition:background-color .18s var(--pp-motion-ease),border-color .18s var(--pp-motion-ease),box-shadow .18s var(--pp-motion-ease)}.pp-symptom-tile[aria-pressed=true]{background:color-mix(in srgb,var(--pp-symptom-tone) 12%,var(--pp-color-surface));border-color:var(--pp-symptom-tone);box-shadow:inset 0 0 0 1px var(--pp-symptom-tone),0 4px 10px color-mix(in srgb,var(--pp-symptom-tone) 12%,transparent)}.pp-symptom-tile .pp-symptom-icon{width:58%;height:58%;opacity:.92}.pp-symptom-status{position:absolute;right:7px;bottom:7px;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--pp-symptom-tone);display:grid;place-items:center;background:var(--pp-color-surface)}.pp-symptom-tile[aria-pressed=true] .pp-symptom-status{background:var(--pp-color-accent)}.pp-symptom-tile[aria-pressed=true] .pp-symptom-status:after{content:"";width:5px;height:3px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:translateY(-1px) rotate(-45deg)}@media (hover: hover){.pp-symptom-tile:hover{border-color:var(--pp-symptom-tone);background:color-mix(in srgb,var(--pp-symptom-tone) 5%,var(--pp-color-surface))}}@keyframes pp-panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pp-scrim-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.pp-settings-panel,.pp-settings-overlay{animation:none}.pp-primary,.pp-secondary,.pp-symptom-tile,.pp-palette-option,.btn-primary,.btn-secondary{transition:none}}@media (forced-colors: active){.pp-symptom-tile[aria-pressed=true],.pp-palette-option[aria-pressed=true]{outline:2px solid Highlight}}body{margin:0;overflow:hidden;font-family:var(--pp-font-body);background-color:var(--pp-color-canvas);touch-action:none}html.auth-screen,body.auth-screen{overflow:auto!important;touch-action:auto!important;height:auto}#mode-btn,#mobile-tools{display:none}#sidebar{position:fixed;top:76px;left:-360px;bottom:24px;width:320px;background:var(--pp-color-surface);padding:20px 20px 28px;border-radius:12px;box-shadow:var(--pp-shadow-float);z-index:100;overflow-y:auto;overflow-x:hidden;transition:left .3s ease-in-out;scrollbar-gutter:stable}#sidebar::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-track{background:transparent;margin:12px 0}#sidebar::-webkit-scrollbar-thumb{background:var(--pp-color-border-strong);border-radius:3px}#sidebar::-webkit-scrollbar-thumb:hover{background:var(--pp-color-text-muted)}#sidebar.active{left:20px}h2{margin-top:0;font-size:1.1rem;margin-bottom:10px;border:0;padding-bottom:0}h3{font-size:.9rem;margin:15px 0 5px;color:var(--pp-color-text-secondary);text-transform:uppercase;letter-spacing:1px}.color-option{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;border-radius:6px;transition:background .2s;margin-bottom:4px;border:1px solid transparent}.color-option:hover{background:var(--pp-color-surface-subtle)}.color-option.active{background:var(--pp-color-accent-soft);border-color:var(--pp-color-accent-border)}.color-box{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.color-label{font-size:var(--pp-text-sm);color:var(--pp-color-text);font-weight:500}.btn-primary{width:100%;padding:12px;margin-top:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;background:var(--pp-color-accent);color:var(--pp-color-surface);transition:background .2s;text-align:center;display:block}.btn-primary:hover{background:var(--pp-color-accent)}.btn-secondary{width:100%;padding:8px;margin-top:5px;border:1px solid var(--pp-color-border);border-radius:8px;font-weight:700;cursor:pointer;background:var(--pp-color-surface);color:var(--pp-color-text);transition:background .2s}.btn-secondary:hover{background:var(--pp-color-surface-subtle)}#file-input{display:none}#loader{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;z-index:200;justify-content:center;align-items:center;flex-direction:column}.spinner{width:40px;height:40px;border:4px solid var(--pp-color-border);border-top:4px solid var(--pp-color-text);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#error-log{position:absolute;top:20px;right:20px;width:300px;background:var(--pp-color-danger-soft);border-left:5px solid #ff4444;color:var(--pp-color-danger);padding:15px;border-radius:5px;font-size:var(--pp-text-caption);font-family:var(--pp-font-body);display:none;z-index:300;box-shadow:var(--pp-shadow-float)}#drag-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#007bff33;border:5px dashed var(--pp-color-accent);z-index:150;pointer-events:none;justify-content:center;align-items:center;font-size:2rem;color:var(--pp-color-accent);font-weight:700}#toggle-btn{display:none}@media (max-width: 768px){#mobile-tools{display:flex;position:fixed;bottom:20px;left:20px;right:20px;justify-content:space-between;align-items:flex-end;z-index:90;pointer-events:none}.mobile-slider-box{pointer-events:auto;background:#ffffffe6;padding:8px 12px;border-radius:15px;box-shadow:var(--pp-shadow-float);display:flex;flex-direction:column;align-items:center;width:100px}.mobile-slider-box input{width:100%;margin:5px 0 0}#mobile-clear-btn{pointer-events:auto;width:50px;height:50px;border-radius:50%;background:var(--pp-color-surface);border:2px solid var(--pp-color-danger-border);color:var(--pp-color-danger);font-size:var(--pp-text-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--pp-shadow-float)}#mobile-clear-btn:active{background:var(--pp-color-danger-soft);transform:scale(.95)}#mode-btn{display:flex!important;position:fixed;top:20px;right:20px;z-index:201;width:45px;height:45px;background:var(--pp-color-surface);color:var(--pp-color-text);border:2px solid var(--pp-color-border);border-radius:50%;font-size:var(--pp-text-2xl);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--pp-shadow-float)}#mode-btn.active{background:gold;border-color:#e6c200}.mobile-intensity-range,.mobile-brush-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;touch-action:pan-x}.mobile-intensity-range{height:44px}.mobile-brush-range{height:24px}.mobile-intensity-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--mobile-intensity-track, linear-gradient(90deg, #d1fae5, var(--pp-color-danger)));box-shadow:inset 0 0 0 1px #0f172a14}.mobile-intensity-range::-moz-range-track{height:6px;border-radius:999px;background:var(--mobile-intensity-track, linear-gradient(90deg, #d1fae5, var(--pp-color-danger)));box-shadow:inset 0 0 0 1px #0f172a14}.mobile-intensity-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:38px;border-radius:999px;background:var(--pp-color-surface);border:5px solid var(--mobile-intensity-thumb, var(--pp-color-accent));box-shadow:var(--pp-shadow-float);margin-top:-16px}.mobile-intensity-range::-moz-range-thumb{width:38px;height:38px;border-radius:999px;background:var(--pp-color-surface);border:5px solid var(--mobile-intensity-thumb, var(--pp-color-accent));box-shadow:var(--pp-shadow-float)}.mobile-brush-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--pp-color-accent-border),var(--pp-color-accent))}.mobile-brush-range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--pp-color-accent-border),var(--pp-color-accent))}.mobile-brush-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:999px;background:var(--pp-color-surface);border:3px solid var(--pp-color-accent);box-shadow:var(--pp-shadow-float);margin-top:-7px}.mobile-brush-range::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:var(--pp-color-surface);border:3px solid var(--pp-color-accent);box-shadow:var(--pp-shadow-float)}#toggle-btn{display:flex;position:fixed;top:20px;left:20px;z-index:201;width:45px;height:45px;background:var(--pp-color-accent);color:var(--pp-color-surface);border:none;border-radius:50%;font-size:var(--pp-text-2xl);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--pp-shadow-float);transition:transform .3s ease}#toggle-btn.open{transform:rotate(180deg);left:280px}}