@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(./roboto-latin-wght-normal-ccAYIvAh.woff2) format("woff2-variations")}:root{--paj-primary-100: #fee9d2;--paj-primary-200: #fdcda6;--paj-primary-300: #faa97a;--paj-primary-400: #f87d3b;--paj-primary-500: #f05123;--paj-secondary-100: #9db6d2;--paj-secondary-200: #658cb8;--paj-secondary-300: #40638c;--paj-secondary-400: #273c54;--paj-secondary-500: #1a2839;--paj-neutral-dark-500: #011013;--paj-neutral-light-100: #f0f5fa;--paj-neutral-light-200: #e2e8f0;--paj-neutral-light-300: #cbd5e1;--paj-neutral-light-400: #94a3b8;--paj-neutral-light-500: #64748b;--paj-white: #ffffff;--paj-grey-100: #d9d9d9;--paj-grey-200: #b3b3b3;--paj-success-100: #eaf7f2;--paj-success-300: #2e9e6a;--paj-success-500: #124a36;--paj-warning-100: #fef6e6;--paj-warning-300: #e8a020;--paj-warning-500: #7a4c08;--paj-error-100: #fdf0ee;--paj-error-300: #d94435;--paj-error-400: #a82e22;--paj-error-500: #731e17;--paj-gradient-stop-1: #121d2c;--paj-gradient-stop-2: #1c3048;--color-text-heading-default: var(--paj-secondary-500);--color-text-heading-inverse: var(--paj-white);--color-text-heading-accent: var(--paj-primary-500);--color-text-body-default: var(--paj-secondary-500);--color-text-body-subtle: var(--paj-neutral-light-500);--color-text-body-info: var(--paj-secondary-300);--color-text-body-inverse: var(--paj-white);--color-text-body-inverse-subtle: var(--paj-neutral-light-300);--color-border-default: var(--paj-neutral-light-300);--color-border-hover: var(--paj-neutral-light-400);--color-border-strong: var(--paj-secondary-500);--color-border-disabled: var(--paj-grey-200);--color-border-error: var(--paj-error-300);--color-bg-page: var(--paj-white);--color-bg-surface: var(--paj-white);--color-bg-subtle: var(--paj-neutral-light-100);--color-bg-subtle-hover: var(--paj-neutral-light-200);--color-bg-disabled: var(--paj-grey-100);--color-bg-highlight: var(--paj-secondary-500);--color-action-orange-bg-default: var(--paj-primary-400);--color-action-orange-bg-hover: var(--paj-primary-300);--color-action-orange-bg-disabled: var(--paj-grey-100);--color-action-orange-border: var(--paj-secondary-500);--color-action-orange-label: var(--paj-secondary-500);--color-action-blue-bg-default: var(--paj-secondary-500);--color-action-blue-bg-hover: var(--paj-secondary-400);--color-action-label-on-dark: var(--paj-white);--color-action-label-disabled: var(--paj-grey-200);--color-icon-default: var(--paj-secondary-500);--color-icon-accent: var(--paj-primary-500);--color-icon-subtle: var(--paj-neutral-light-500);--color-icon-inverse: var(--paj-white);--color-icon-disabled: var(--paj-grey-200);--color-link-default: var(--paj-secondary-300);--color-link-hover: var(--paj-secondary-400);--color-feedback-success-bg: var(--paj-success-100);--color-feedback-success-accent: var(--paj-success-300);--color-feedback-success-text: var(--paj-success-500);--color-feedback-warning-bg: var(--paj-warning-100);--color-feedback-warning-accent: var(--paj-warning-300);--color-feedback-warning-text: var(--paj-warning-500);--color-feedback-error-bg: var(--paj-error-100);--color-feedback-error-accent: var(--paj-error-300);--color-feedback-error-text: var(--paj-error-500);--color-feedback-info-bg: var(--paj-neutral-light-100);--color-feedback-info-accent: var(--paj-secondary-200);--color-feedback-info-text: var(--paj-secondary-400);--color-badge-orange-bg: var(--paj-primary-100);--color-badge-orange-text: var(--paj-secondary-400);--color-badge-neutral-bg: var(--paj-neutral-light-100);--color-badge-neutral-text: var(--paj-secondary-300);--color-badge-section-bg: var(--paj-neutral-light-300);--color-badge-section-text: var(--paj-secondary-500);--color-focus-ring: var(--paj-secondary-200);--color-overlay-modal: rgba(1, 16, 19, .4);--shadow-elevation-1: 0 12px 32px 0 rgba(1, 16, 19, .2);--shadow-elevation-2: 0 24px 64px 0 rgba(1, 16, 19, .24);--gradient-brand-primary: linear-gradient( 180deg, var(--paj-gradient-stop-1) 0%, var(--paj-gradient-stop-2) 100% );--radius-2xs: 2px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-4xl: 48px;--space-5xl: 64px;--font-family-base: "Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--ease-entry: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-state: ease-in-out;--duration-state: .2s;--duration-layout: .35s}[data-theme=dark]{--color-text-heading-default: var(--paj-white);--color-text-heading-accent: var(--paj-primary-300);--color-text-body-default: var(--paj-white);--color-text-body-subtle: var(--paj-neutral-light-300);--color-text-body-info: var(--paj-secondary-100);--color-bg-page: var(--paj-gradient-stop-1);--color-bg-surface: rgba(26, 40, 57, .8);--color-bg-subtle: rgba(255, 255, 255, .1);--color-bg-subtle-hover: rgba(255, 255, 255, .16);--color-border-default: rgba(255, 255, 255, .22);--color-border-hover: rgba(255, 255, 255, .4);--color-icon-default: var(--paj-white);--color-icon-subtle: var(--paj-neutral-light-300);--color-link-default: var(--paj-neutral-light-300);--color-link-hover: var(--paj-white);--color-focus-ring: var(--paj-secondary-100)}.t-title-xl{font:800 36px/44px var(--font-family-base);letter-spacing:-1px}.t-title-lg{font:700 30px/38px var(--font-family-base);letter-spacing:-.5px}.t-title-md{font:600 22px/28px var(--font-family-base);letter-spacing:-.5px}.t-title-sm{font:500 18px/24px var(--font-family-base)}.t-body-lg{font:400 16px/22px var(--font-family-base)}.t-body-lg-highlight{font:600 16px/22px var(--font-family-base)}.t-body-md{font:400 14px/20px var(--font-family-base)}.t-body-sm{font:400 12px/16px var(--font-family-base)}.t-button-lg{font:400 16px/16px var(--font-family-base)}.t-button-sm{font:500 14px/14px var(--font-family-base)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--color-bg-page);color:var(--color-text-body-default);font-family:var(--font-family-base);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}.hidden{display:none!important}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:1}.btn-primary,.btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:400 16px/16px var(--font-family-base);min-height:44px;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;max-width:460px;transition:background-color var(--duration-state) var(--ease-state),border-color var(--duration-state) var(--ease-state)}.btn-primary svg,.btn-secondary svg{width:20px;height:20px;flex:none}.btn-primary{background:var(--color-action-orange-bg-default);color:var(--color-action-orange-label);border:1px solid var(--color-action-orange-border)}.btn-primary:hover,.btn-primary:active{background:var(--color-action-orange-bg-hover)}.btn-primary:disabled{background:var(--color-action-orange-bg-disabled);color:var(--color-action-label-disabled);border-color:var(--color-border-disabled);cursor:default}.btn-secondary{background:transparent;color:var(--color-text-body-default);border:1px solid var(--color-action-orange-border)}.btn-secondary:hover,.btn-secondary:active{background:transparent}.btn-secondary:disabled{color:var(--color-action-label-disabled);border-color:var(--color-border-disabled);cursor:default}.btn-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.btn-row .btn-primary,.btn-row .btn-secondary{width:auto}.btn-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-width:60px;min-height:44px;padding:8px 10px 6px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-body-default);display:flex;flex-direction:column;align-items:center;gap:2px;transition:background-color var(--duration-state) var(--ease-state),border-color var(--duration-state) var(--ease-state)}.btn-icon svg{width:22px;height:22px}.btn-icon .cap{font:500 12px/16px var(--font-family-base);white-space:nowrap}.btn-icon:hover,.btn-icon:active{background:var(--color-bg-subtle);border-color:var(--color-border-hover)}.btn-icon:disabled{color:var(--color-action-label-disabled);border-color:var(--color-border-disabled);background:var(--color-bg-surface);cursor:default}.btn-icon.primary{background:var(--color-action-orange-bg-default);border-color:var(--color-action-orange-border);color:var(--color-action-orange-label)}.btn-icon.primary:hover,.btn-icon.primary:active{background:var(--color-action-orange-bg-hover)}.btn-icon.xs{min-width:44px;padding:10px;flex:none}a.btn-icon{text-decoration:none}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font:500 14px/20px var(--font-family-base);color:var(--color-link-default);text-decoration:underline;text-underline-offset:3px;padding:var(--space-sm)}.link-btn:hover,.link-btn:active{color:var(--color-link-hover)}.badge{display:inline-flex;align-items:center;height:24px;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-xs);font:500 14px/14px var(--font-family-base)}.badge-orange{background:var(--color-badge-orange-bg);color:var(--color-badge-orange-text)}.badge-beta{height:20px;flex:none;padding:var(--space-3xs) var(--space-xs);background:var(--color-badge-neutral-bg);color:var(--color-badge-neutral-text);font:600 11px/11px var(--font-family-base);letter-spacing:.06em;text-transform:uppercase}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;padding:10px var(--space-md);border-radius:var(--radius-full);font:500 14px/14px var(--font-family-base);background:var(--color-bg-surface);color:var(--color-text-body-default);border:1px solid var(--color-border-default);transition:background-color var(--duration-state) var(--ease-state),border-color var(--duration-state) var(--ease-state)}[data-theme=dark] .chip{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.chip .box{width:16px;height:16px;border-radius:var(--radius-2xs);flex:none;border:2px solid var(--color-border-hover);display:flex;align-items:center;justify-content:center;font-size:11px}.chip.on{background:var(--color-action-orange-bg-default);border-color:var(--color-action-orange-border);color:var(--color-action-orange-label)}.chip.on .box{background:var(--color-border-strong);border-color:var(--color-border-strong);color:var(--color-icon-inverse)}.chip.on .box:after{content:"✓";font-weight:800}.icon-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:44px;height:44px;border-radius:50%;background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-icon-default);display:flex;align-items:center;justify-content:center;flex:none}[data-theme=dark] .icon-pill{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.icon-pill svg{width:22px;height:22px}.icon-pill:disabled{opacity:.45;cursor:default}.icon-pill.dark{background:#1a2839d9;border-color:#ffffff40;color:var(--color-icon-inverse);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.progress{width:220px;max-width:70vw;height:8px;border-radius:var(--radius-full);background:var(--color-bg-subtle-hover);overflow:hidden}.progress>i{display:block;height:100%;width:0%;background:var(--color-action-orange-bg-default);transition:width var(--duration-state) var(--ease-entry)}.privacy{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font:400 12px/16px var(--font-family-base);color:var(--color-text-body-subtle);max-width:40ch}.privacy svg{width:14px;height:14px;flex:none;color:var(--color-feedback-success-accent)}#intro{background:var(--color-bg-page);overflow-y:auto;padding:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:56px;padding:env(safe-area-inset-top) var(--space-md) 0;background:var(--color-bg-highlight)}.topbar-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:500 14px/20px var(--font-family-base);color:var(--color-text-body-inverse);text-decoration:none}.topbar-back svg{width:18px;height:18px;flex:none}.topbar-logo{display:block;height:26px;width:auto}.hero{background:var(--gradient-brand-primary);padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.kicker-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs)}.kicker{font:600 12px/16px var(--font-family-base);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-heading-accent)}h1{font:700 30px/38px var(--font-family-base);letter-spacing:-.5px;color:var(--color-text-heading-default);text-wrap:balance;max-width:460px}.hero-img{width:100%;max-width:320px;max-height:150px;object-fit:contain}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.hero-chip{display:inline-flex;align-items:center;padding:6px var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:var(--color-bg-subtle);font:400 12px/16px var(--font-family-base);color:var(--color-text-body-default)}.beta-note{display:flex;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-xs);font:400 13px/18px var(--font-family-base);color:var(--color-text-body-subtle);text-align:left}.beta-note svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--color-feedback-warning-accent)}.intro-content{width:100%;max-width:460px;margin:0 auto;padding:var(--space-lg) var(--space-lg) max(var(--space-lg),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-2xl)}.how{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.badge-section{display:inline-flex;align-items:center;height:30px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);background:var(--color-badge-section-bg);color:var(--color-badge-section-text);font:500 14px/14px var(--font-family-base)}.steps{list-style:none;counter-reset:steps;width:100%;display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-2xs)}.step{counter-increment:steps;display:grid;grid-template-columns:48px 1fr;column-gap:var(--space-md);align-items:center;text-align:left}.step-icon{position:relative;width:48px;height:48px;border-radius:50%;background:var(--color-badge-orange-bg);color:var(--color-badge-orange-text);display:flex;align-items:center;justify-content:center}.step-icon svg{width:24px;height:24px}.step-icon:after{content:counter(steps);position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-heading-accent);font:600 11px/16px var(--font-family-base);text-align:center}.step-text{display:flex;flex-direction:column;gap:var(--space-3xs)}.step .st{font:600 16px/22px var(--font-family-base);color:var(--color-text-body-default)}.step .ss{font:400 14px/20px var(--font-family-base);color:var(--color-text-body-subtle)}.pose-guide{width:100%;display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-sm);text-align:left}.pose-guide-dog{flex:0 0 96px;width:96px;height:auto;color:var(--color-icon-accent)}.pose-guide-text{display:flex;flex-direction:column;gap:var(--space-3xs)}.pose-guide .pgt{font:600 14px/20px var(--font-family-base);color:var(--color-text-body-default)}.pose-guide .pgs{font:400 12px/16px var(--font-family-base);color:var(--color-text-body-subtle)}.choose{display:flex;flex-direction:column;gap:var(--space-sm)}.mode-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;width:100%;min-height:64px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);display:grid;grid-template-columns:44px 1fr auto;align-items:center;column-gap:var(--space-sm);text-align:left;transition:background-color var(--duration-state) var(--ease-state),border-color var(--duration-state) var(--ease-state)}.mode-card:hover,.mode-card:active{background:var(--color-bg-subtle);border-color:var(--color-border-hover)}.mode-card:disabled{cursor:default;opacity:.6}.mode-icon{width:44px;height:44px;border-radius:50%;background:var(--color-bg-subtle);color:var(--color-icon-default);display:flex;align-items:center;justify-content:center}.mode-icon svg{width:22px;height:22px}.mode-text{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.mode-title{font:600 16px/22px var(--font-family-base);color:var(--color-text-body-default)}.mode-sub{font:400 12px/16px var(--font-family-base);color:var(--color-text-body-subtle)}.mode-card.primary{background:var(--color-action-orange-bg-default);border-color:var(--color-action-orange-border)}.mode-card.primary:hover,.mode-card.primary:active{background:var(--color-action-orange-bg-hover);border-color:var(--color-action-orange-border)}.mode-card.primary .mode-icon{background:var(--color-badge-orange-bg);color:var(--color-badge-orange-text)}.mode-card.primary .mode-title,.mode-card.primary .mode-sub{color:var(--color-action-orange-label)}.trust{border-top:1px solid var(--color-border-default);padding-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.reassure{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.reassure li{display:flex;align-items:flex-start;gap:var(--space-sm);font:400 14px/20px var(--font-family-base);color:var(--color-text-body-subtle);text-align:left}.reassure li svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--color-icon-subtle)}.reassure li.reassure-privacy svg{color:var(--color-feedback-success-accent)}.trust-tagline{font:400 12px/16px var(--font-family-base);color:var(--color-text-body-subtle);text-align:center;margin-top:var(--space-2xs)}.seo-note{font:400 12px/16px var(--font-family-base);color:var(--color-text-body-subtle);text-align:center;margin-top:var(--space-3xs)}#loading{background:var(--color-bg-page);align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);text-align:center}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid var(--color-bg-subtle-hover);border-top-color:var(--color-action-orange-bg-default);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-title{font:500 18px/24px var(--font-family-base);color:var(--color-text-heading-default)}.load-sub{font:400 14px/20px var(--font-family-base);color:var(--color-text-body-subtle)}#error{background:var(--color-bg-page);align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);text-align:center}#error .icon{width:64px;height:64px;border-radius:50%;background:var(--color-feedback-error-bg);color:var(--color-feedback-error-accent);display:flex;align-items:center;justify-content:center}#error .icon svg{width:28px;height:28px}#errTitle{font:600 22px/28px var(--font-family-base);letter-spacing:-.5px;color:var(--color-text-heading-default)}#errBody{font:400 16px/22px var(--font-family-base);color:var(--color-text-body-subtle);max-width:34ch}#live{z-index:0}#stage{position:relative;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#000}#video{display:none}canvas{max-width:100%;max-height:100%}#hud{position:absolute;top:calc(60px + env(safe-area-inset-top));left:8px;padding:7px 9px;background:var(--color-bg-surface);border-radius:var(--radius-sm);font:400 12px/16px var(--font-family-base);font-variant-numeric:tabular-nums;pointer-events:none;white-space:pre;color:var(--color-text-body-subtle)}#backBtn{position:absolute;top:calc(8px + env(safe-area-inset-top));left:8px;z-index:4}#collarToggle{position:absolute;top:calc(8px + env(safe-area-inset-top));right:8px;z-index:4}#hint{position:absolute;top:18%;left:50%;transform:translate(-50%);padding:11px 18px;background:var(--color-bg-surface);border-radius:var(--radius-md);font:400 16px/22px var(--font-family-base);color:var(--color-text-body-default);text-align:center;max-width:84%;white-space:pre-line;pointer-events:none;transition:opacity var(--duration-layout) var(--ease-exit);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#hint.ok{background:var(--color-feedback-success-accent);color:var(--color-icon-inverse);font-weight:600}#hint.fade{opacity:0}#guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffffd1;pointer-events:none;z-index:2;transition:color var(--duration-layout) var(--ease-state),opacity var(--duration-layout) var(--ease-state);filter:drop-shadow(0 1px 3px rgba(1,16,19,.55))}#guide.ok{color:var(--color-feedback-success-accent);opacity:.45}#guide.hidden{display:none!important}#controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:18px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(18,29,44,.85),transparent)}.shutter{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;width:74px;height:74px;border-radius:50%;background:var(--color-action-orange-bg-default);color:var(--color-action-orange-label);display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.9);transition:transform var(--duration-state) var(--ease-state),background-color var(--duration-state) var(--ease-state)}.shutter:active{transform:scale(.94)}.shutter svg{width:32px;height:32px}.shutter.rec{background:var(--color-feedback-error-accent);color:var(--color-icon-inverse)}.shutter.rec:disabled{background:var(--color-feedback-error-text);color:var(--color-text-body-inverse-subtle)}#status{position:absolute;bottom:calc(110px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:10px 16px;background:var(--color-bg-highlight);color:var(--color-action-label-on-dark);border-radius:var(--radius-full);font:400 14px/20px var(--font-family-base);text-align:center;max-width:90%;z-index:20}#modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--color-bg-page);display:flex;flex-direction:column;align-items:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.result-media{position:relative;flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}#modalCloseBtn{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2}#modal img,#modal video,#modal canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-default)}#modal canvas{touch-action:none;cursor:grab}#modal canvas:active{cursor:grabbing}#videoTap{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}#resultVideo.hidden+#videoTap{display:none!important}.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#1a2839d9;color:var(--color-icon-inverse);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.play-badge svg{width:28px;height:28px;margin-left:3px}#adjust{position:relative;width:min(480px,100%);display:flex;flex-direction:column;gap:2px}#adjust.hidden{display:none}.adjust-hint{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);max-width:calc(100% - 8px);text-align:center;padding:6px 12px;border-radius:var(--radius-full);background:var(--color-bg-highlight);font:400 12px/16px var(--font-family-base);color:var(--color-action-label-on-dark);pointer-events:none;transition:opacity var(--duration-layout) var(--ease-exit)}.adjust-hint.fade{opacity:0}.adjust-row{display:flex;align-items:center;gap:10px}.adjust-row .rot-glyph{width:18px;height:18px;color:var(--color-icon-subtle);flex:none}.adjust-row input[type=range]{flex:1;min-width:0;accent-color:var(--color-action-orange-bg-default);height:44px}.result-actions{display:flex;gap:var(--space-xs);justify-content:center;width:100%;flex-wrap:wrap}#review{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;background:var(--color-bg-page);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}#reviewCloseBtn{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.review-body{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--space-md)}.review-body h2{margin:0;font:600 22px/28px var(--font-family-base);color:var(--color-text-heading-default);text-align:center}.stars{display:flex;gap:var(--space-2xs);justify-content:center}.stars button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-border-default);transition:color var(--duration-state) var(--ease-state)}.stars button svg{width:36px;height:36px}.stars button.sel{color:var(--color-feedback-warning-accent)}#reviewComment{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;resize:none;font:400 16px/22px var(--font-family-base);color:var(--color-text-body-default);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-sm)}#reviewComment::placeholder{color:var(--color-text-body-subtle)}#reviewComment:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.review-attach{display:flex;align-items:flex-start;gap:var(--space-xs);font:400 16px/22px var(--font-family-base);color:var(--color-text-body-default);cursor:pointer}.review-attach input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--color-action-orange-bg-default)}.review-attach-note{margin:0;font:400 14px/20px var(--font-family-base);color:var(--color-text-body-subtle)}#reviewStatus{margin:0;font:400 14px/20px var(--font-family-base);color:var(--color-text-body-default);text-align:center}.review-actions{display:flex;gap:var(--space-sm)}