:root{--color-white: rgb(255, 255, 255);--color-black: rgb(15, 17, 20);--color-accent-cyan: #7cebff;--color-accent-gold: #ffca03;--color-accent-blue: #0781fd;--color-space-950: #07090c;--color-space-900: #0b0f14;--color-space-850: #10141b;--color-space-800: #141a22;--color-white-10: rgba(255, 255, 255, .1);--color-white-15: rgba(255, 255, 255, .15);--color-white-30: rgba(255, 255, 255, .3);--color-white-50: rgba(255, 255, 255, .5);--color-white-63: rgba(255, 255, 255, .63);--color-white-70: rgba(255, 255, 255, .7);--color-white-80: rgba(255, 255, 255, .8);--color-white-90: rgba(255, 255, 255, .9);--color-warn: #ffb020;--color-critical: #ff4d4d;--color-success: #25f4e8;--status-warn-bg: rgba(255, 176, 32, .1);--status-error-bg: rgba(255, 77, 77, .1);--qr-foreground: #ffffff;--qr-background: transparent;--app-bg-base: var(--color-space-900);--app-bg-image: none;--app-bg-fallback: radial-gradient( 1200px 900px at 50% 30%, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 55% );--app-bg: var(--app-bg-fallback), var(--app-bg-image), var(--app-bg-base);--gradient-glass: linear-gradient( 137.187deg, rgba(255, 255, 255, .15) 12.475%, rgba(255, 255, 255, .1) 96.412% );--gradient-brand: linear-gradient( 121.049deg, rgb(255, 255, 255) 55.267%, rgb(255, 242, 191) 59.935%, rgb(255, 222, 98) 64.619%, rgb(153, 125, 18) 69.465%, rgb(225, 185, 64) 69.481%, rgb(255, 255, 255) 93.406%, rgb(255, 255, 255) 172.76% );--gradient-radial-button: radial-gradient( circle at 24% 20%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .38) 100% );--glass-fill: rgba(255, 255, 255, .08);--glass-fill-strong: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .18);--glass-border-strong: rgba(255, 255, 255, .24);--glass-blur: 24px;--shadow-glass-lg: 0px 24px 70px rgba(0, 0, 0, .4);--shadow-control: 0px 0px 4.6px rgba(0, 0, 0, .25);--backdrop-overlay: rgba(0, 0, 0, .6);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-on-light: var(--color-black);--control-bg: rgba(255, 255, 255, .1);--control-bg-hover: rgba(255, 255, 255, .14);--control-bg-pressed: rgba(255, 255, 255, .18);--control-border: var(--glass-border);--button-primary-bg: rgba(255, 255, 255, .92);--button-primary-bg-hover: rgba(255, 255, 255, 1);--button-primary-text: var(--text-on-light);--button-glass-bg: rgba(255, 255, 255, .1);--button-glass-text: var(--text-primary);--button-glass-border: var(--glass-border);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 32px;--radius-full: 999px;--border-width-thin: 1px;--border-width-base: 2px;--font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Monaco, Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 64px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--touch-target-min: 44px;--touch-target-comfortable: 48px;--size-icon-sm: 16px;--size-icon-md: 24px;--size-icon-lg: 32px;--z-background: 0;--z-content: 1;--z-controls: 10;--z-popup: 50;--z-overlay: 100;--z-modal: 1000;--transition-fast: .1s ease-out;--transition-normal: .2s ease-out;--xr-clear-color: #000000;--xr-clear-alpha: 0;--xr-room-bg: #1e2127;--xr-room-grid: rgba(255, 255, 255, .12);--xr-object-1: #ff9f1c;--xr-object-2: #9b5de5;--xr-object-3: #00bbf9;--xr-object-4: #f15bb5;--xr-object-muted: rgba(255, 255, 255, .55);--xr-highlight: var(--color-accent-cyan);--xr-reticle: var(--color-accent-cyan);--xr-reading-pane-width-m: .65;--xr-reading-pane-height-m: .22;--xr-reading-pane-distance-m: 1.2;--xr-reading-pane-orp-x: .45;--xr-mobile-pane-distance-m: .8;--xr-mobile-pane-y-offset-small: .24;--xr-mobile-pane-y-offset-standard: .28;--xr-mobile-pane-y-offset-large: .32;--xr-mobile-pane-y-offset-landscape: .2;--xr-reading-pane-padding-x: .07;--xr-reading-pane-padding-y: .18;--xr-reading-word-fill-min: .6;--xr-reading-word-fill-max: .75;--xr-reading-typical-word-len-min: 5;--xr-reading-typical-word-len-max: 8;--xr-reading-font-family: var(--font-ui);--xr-reading-font-weight: 600;--xr-reading-texture-width-px: 2048;--xr-reading-texture-height-px: 700;--xr-reading-font-size-min-px: 64;--xr-reading-font-size-max-px: 160;--xr-reading-long-word-threshold: 12;--xr-reading-long-word-scale-min: .65;--xr-ui-panel-fill: rgba(255, 255, 255, .1);--xr-ui-panel-border: rgba(255, 255, 255, .2);--xr-ui-panel-blur: 18px;--xr-text: rgba(255, 255, 255, .92);--xr-text-secondary: rgba(255, 255, 255, .7);--bg-0: var(--color-space-950);--bg-1: var(--color-space-900);--surface-0: var(--glass-fill);--surface-1: var(--glass-fill-strong);--stroke: var(--glass-border);--text-0: var(--text-primary);--text-1: var(--text-secondary);--text-2: var(--text-tertiary);--accent: var(--color-accent-cyan);--warn: var(--color-warn);--critical: var(--color-critical)}:root[data-mode=xr]{--xr-clear-alpha: 0;--glass-fill: rgba(0, 0, 0, .28);--glass-fill-strong: rgba(0, 0, 0, .38);--glass-border: rgba(255, 255, 255, .22);--text-primary: rgba(255, 255, 255, .96)}:root[data-mode=read]{--xr-clear-alpha: 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--app-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.app-shell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center}.app-shell .title{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.app-shell .subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-5)}.app-shell .status{font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-md)}:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body[data-xr-active=true]{touch-action:manipulation;overflow:hidden;position:fixed;width:100%;height:100%}body[data-xr-active=true] canvas{touch-action:manipulation}body[data-xr-active=true] .mobile-controls{touch-action:auto;pointer-events:auto}body[data-xr-active=true] .mobile-controls *{touch-action:auto}.reader-container{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-4);padding-bottom:48px}.reader-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-2) 0 var(--space-4)}.logo-link{text-decoration:none;color:inherit;cursor:pointer}.logo-link:hover{opacity:.8}.reader-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:baseline;letter-spacing:-.01em}.reader-title .brand-rsvp{color:var(--text-primary)}.reader-title .brand-xr{color:var(--color-accent-gold);font-size:var(--text-sm);margin-left:2px}.page-title{font-size:var(--text-lg);font-weight:400;color:var(--text-primary);text-align:center;margin-bottom:var(--space-4)}.doc-title{font-size:var(--text-sm);font-weight:400;color:var(--text-secondary);text-align:center;margin-bottom:var(--space-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-title[hidden]{display:none}.reader-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--space-4);gap:var(--space-4);max-width:400px;margin:0 auto;width:100%}.landing-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (min-width: 768px){.landing-content{max-width:700px}}.landing-card{width:100%;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--gradient-glass);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-glass-lg)}@media (min-width: 768px){.landing-card{flex-direction:row;padding:var(--space-5);gap:0}}.landing-input-section{flex:1;display:flex;flex-direction:column}@media (min-width: 768px){.landing-input-section{padding-right:var(--space-4)}}.landing-textarea{width:100%;min-height:140px;padding:var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-lg);resize:none;flex:1}@media (min-width: 768px){.landing-textarea{min-height:160px}}.landing-textarea::placeholder{color:var(--text-tertiary)}.landing-textarea:focus{outline:none;border-color:var(--color-accent-cyan)}.landing-qr-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width-thin) solid var(--glass-border)}@media (max-width: 767px){.landing-qr-section{display:none}}@media (min-width: 768px){.landing-qr-section{padding-top:0;padding-left:var(--space-5);border-top:none;border-left:var(--border-width-thin) solid var(--glass-border);min-width:200px;justify-content:center}}.landing-qr-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.landing-qr-canvas-wrap{padding:var(--space-2);background:var(--color-white);border-radius:var(--radius-md)}.landing-qr-canvas{display:block;width:120px;height:120px}.landing-session-code{font-size:var(--text-xs);color:var(--text-tertiary)}.landing-session-code strong{font-family:var(--font-mono, monospace);font-weight:600;color:var(--text-secondary);letter-spacing:.03em}.landing-qr-helper{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.landing-enter-xr{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.landing-enter-xr:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--glass-border-strong)}.landing-enter-xr:disabled{opacity:.4;cursor:not-allowed}.landing-enter-xr .icon{font-size:var(--text-base)}.build-timestamp{position:fixed;bottom:var(--space-2);left:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);opacity:.5;pointer-events:none;z-index:1}.action-buttons{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.action-buttons.compact{flex-wrap:nowrap;width:100%;max-width:300px;align-items:stretch}.action-buttons.compact .pill-btn{flex:1;padding:var(--space-2);font-size:var(--text-sm);height:56px;text-align:center;line-height:1.3}.action-buttons.compact .pill-btn.two-line{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.2}.action-buttons.compact .enter-xr-btn{padding:var(--space-2);height:56px;margin-top:0}.pill-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.pill-btn:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--glass-border-strong)}.pill-btn:active:not(:disabled){background:var(--control-bg-pressed)}.pill-btn:disabled{opacity:.4;cursor:not-allowed}.pill-btn .icon{font-size:var(--text-base);opacity:.8}.pill-btn.primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:transparent}.pill-btn.primary:hover:not(:disabled){background:var(--button-primary-bg-hover)}.enter-xr-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);margin-top:var(--space-2)}.enter-xr-btn:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--glass-border-strong)}.enter-xr-btn:active:not(:disabled){background:var(--control-bg-pressed)}.enter-xr-btn:disabled{opacity:.4;cursor:not-allowed}.enter-xr-btn .icon{font-size:var(--text-base)}.keyboard-hints{position:fixed;bottom:var(--space-4);left:0;right:0;display:flex;justify-content:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);pointer-events:none}@media (max-width: 767px){.keyboard-hints{display:none}}.keyboard-hint{display:flex;align-items:center;gap:var(--space-1)}.keyboard-hint kbd{font-family:var(--font-ui);font-size:10px;font-weight:500;color:var(--text-secondary)}.rsvp-panel{width:100%;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-glass);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-sizing:border-box}.rsvp-word{font-size:clamp(16px,10vw,42px);font-weight:600;color:var(--text-primary);text-align:center;min-height:1.2em;max-width:100%;white-space:nowrap;overflow:hidden;line-height:var(--leading-tight);letter-spacing:-.02em}@media (min-width: 768px){.rsvp-panel{height:140px;padding:var(--space-7) var(--space-6)}.rsvp-word{font-size:clamp(32px,6vw,56px)}}.rsvp-panel.finished{gap:var(--space-3)}.finished-icon{width:48px;height:48px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--color-black)}.finished-text{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.progress-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.progress-text{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.progress-slider{width:100%;height:4px;background:var(--control-bg);border-radius:var(--radius-full);appearance:none;-webkit-appearance:none;cursor:pointer}.progress-slider::-webkit-slider-runnable-track{height:4px;background:transparent;border-radius:var(--radius-full)}.progress-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;background:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;margin-top:-5px;box-shadow:var(--shadow-control);transition:transform var(--transition-fast),background var(--transition-fast)}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.progress-slider:active::-webkit-slider-thumb{background:var(--color-accent-cyan)}.progress-slider::-moz-range-track{height:4px;background:var(--control-bg);border-radius:var(--radius-full)}.progress-slider::-moz-range-thumb{width:14px;height:14px;background:var(--text-primary);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-control)}.progress-slider:active::-moz-range-thumb{background:var(--color-accent-cyan)}.transport-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.transport-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--control-bg);border:var(--border-width-thin) solid var(--control-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.transport-btn:hover:not(:disabled){background:var(--control-bg-hover)}.transport-btn:active:not(:disabled){background:var(--control-bg-pressed);transform:scale(.95)}.transport-btn:disabled{opacity:.4;cursor:not-allowed}.transport-btn.primary{width:52px;height:52px;font-size:var(--text-lg);background:var(--button-primary-bg);color:var(--button-primary-text);border-color:transparent}.transport-btn.primary:hover:not(:disabled){background:var(--button-primary-bg-hover)}.transport-btn.primary.playing{box-shadow:0 0 0 3px var(--color-accent-cyan)}.mobile-controls{display:none;position:fixed;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));background:var(--glass-fill-strong);border-top:var(--border-width-thin) solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:1100;flex-direction:column;gap:var(--space-3)}.mobile-controls[hidden]{display:none!important}.mobile-transport{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.mobile-wpm-control{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.mobile-wpm-control .wpm-slider{width:100%;max-width:280px}.mobile-xr-buttons{display:flex;gap:var(--space-2);justify-content:center;width:100%;max-width:280px;margin:0 auto}.mobile-xr-buttons[hidden]{display:none}.mobile-camera-toggle{flex:1;padding:var(--space-2) var(--space-3);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.mobile-camera-toggle:hover,.mobile-camera-toggle:focus{background:var(--glass-fill-strong);border-color:var(--color-accent-cyan);outline:none}.mobile-camera-toggle:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 767px){.mobile-controls:not([hidden]){display:flex}.reader-main .transport-controls,.reader-main .wpm-control{display:none}.reader-main{padding-bottom:140px}}.wpm-control{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.wpm-display{display:flex;align-items:baseline;gap:var(--space-1)}.wpm-value{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.wpm-label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.wpm-slider{width:100%;height:8px;background:var(--control-bg);border-radius:var(--radius-full);appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;z-index:10}.wpm-slider::-webkit-slider-runnable-track{height:8px;background:var(--control-bg);border-radius:var(--radius-full)}.wpm-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;background:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;margin-top:-10px;box-shadow:var(--shadow-control);transition:transform var(--transition-fast),background var(--transition-fast)}.wpm-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.wpm-slider:active::-webkit-slider-thumb{background:var(--color-accent-cyan)}.wpm-slider::-moz-range-track{height:8px;background:var(--control-bg);border-radius:var(--radius-full)}.wpm-slider::-moz-range-thumb{width:28px;height:28px;background:var(--text-primary);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-control)}.wpm-slider:active::-moz-range-thumb{background:var(--color-accent-cyan)}.input-panel{position:fixed;bottom:0;left:0;right:0;padding:var(--space-4);background:var(--glass-fill-strong);border-top:var(--border-width-thin) solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;gap:var(--space-3)}.input-panel[hidden]{display:none}.text-input{width:100%;padding:var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-lg);resize:none;min-height:100px}.text-input::placeholder{color:var(--text-tertiary)}.text-input:focus{outline:none;border-color:var(--color-accent-cyan)}.input-actions-row{display:flex;justify-content:center;gap:var(--space-2)}.input-actions-row .pill-btn,.input-actions-row .transport-btn{min-width:auto;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.finished-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.finished-modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:var(--backdrop-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{position:relative;width:90%;max-width:400px;background:#1e2127e0;border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-glass-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--glass-border)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--text-xl);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.modal-close-btn:hover{color:var(--text-primary);background:var(--control-bg)}.modal-body{padding:var(--space-5)}.modal-message{font-size:var(--text-base);color:var(--text-secondary);margin:0;text-align:center}.modal-actions{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:var(--border-width-thin) solid var(--glass-border)}.modal-btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;color:var(--text-primary);background:var(--control-bg);border:var(--border-width-thin) solid var(--control-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.modal-btn:hover{background:var(--control-bg-hover)}.modal-btn:active{background:var(--control-bg-pressed)}.modal-btn.primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:transparent}.modal-btn.primary:hover{background:var(--button-primary-bg-hover)}.phone-container{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-4);padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}.phone-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0 var(--space-4)}.phone-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:baseline;letter-spacing:-.01em}.phone-title .brand-rsvp{color:var(--text-primary)}.phone-title .brand-xr{color:var(--color-accent-gold);font-size:var(--text-base);margin-left:2px}.connection-status{font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-1) var(--space-3);background:var(--control-bg);border-radius:var(--radius-full)}.connection-status.connected{color:var(--color-success)}.phone-main{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.section-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.input-section{display:flex;flex-direction:column}.phone-text-input{width:100%;padding:var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);background:var(--control-bg);border:var(--border-width-thin) solid var(--control-border);border-radius:var(--radius-md);resize:vertical;min-height:120px}.phone-text-input::placeholder{color:var(--text-tertiary)}.phone-text-input:focus{outline:none;border-color:var(--color-accent-cyan)}.input-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.action-btn{padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--control-bg);border:var(--border-width-thin) solid var(--control-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.action-btn:hover:not(:disabled){background:var(--control-bg-hover);color:var(--text-primary)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.preview-section{display:flex;flex-direction:column}.preview-area{padding:var(--space-3);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-md);min-height:80px}.preview-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);word-break:break-word}.preview-text.empty{color:var(--text-tertiary);font-style:italic}.send-btn{width:100%;min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-base);font-weight:600;color:var(--button-primary-text);background:var(--button-primary-bg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.send-btn:hover:not(:disabled){background:var(--button-primary-bg-hover)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.remote-controls{position:fixed;bottom:0;left:0;right:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:transparent}.remote-controls>.section-label{display:none}.phone-transport{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--control-bg);border:var(--border-width-thin) solid var(--control-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.control-btn:hover:not(:disabled){background:var(--control-bg-hover)}.control-btn:active:not(:disabled){background:var(--control-bg-pressed);transform:scale(.95)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.primary{width:52px;height:52px;min-width:52px;min-height:52px;font-size:var(--text-lg);background:var(--button-primary-bg);color:var(--button-primary-text);border-color:transparent}.control-btn.primary:hover:not(:disabled){background:var(--button-primary-bg-hover)}.control-btn.primary:active:not(:disabled){transform:scale(.95)}.control-btn.primary:disabled{opacity:.4}.control-btn.primary.playing{box-shadow:0 0 0 3px var(--color-accent-cyan)}.phone-wpm-control{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pdf-file-input{display:none}.pdf-options-row{margin-top:var(--space-2)}.pdf-options-row[hidden]{display:none}.cleanup-toggle-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.cleanup-toggle{width:18px;height:18px;accent-color:var(--color-accent-cyan);cursor:pointer}.pdf-status{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.pdf-status[hidden]{display:none}.pdf-status.info{color:var(--text-secondary);background:var(--glass-fill)}.pdf-status.warning{color:var(--color-warn);background:var(--status-warn-bg)}.pdf-status.error{color:var(--color-critical);background:var(--status-error-bg)}.pairing-panel{position:fixed;top:var(--space-4);right:var(--space-4);padding:var(--space-3);background:var(--glass-fill);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:var(--z-popup)}@media (max-width: 767px){.pairing-panel{display:none}}.pairing-panel{display:none}.pairing-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.pairing-title{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.pairing-status-indicator{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-tertiary)}.pairing-status-indicator.waiting .status-dot{background:var(--color-warn)}.pairing-status-indicator.connected .status-dot{background:var(--color-success)}.pairing-status-indicator.disconnected .status-dot{background:var(--color-critical)}.qr-container{display:flex;justify-content:center;padding:var(--space-2);background:var(--control-bg);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.qr-canvas{display:block}.session-code-container{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary)}.session-code-label{color:var(--text-tertiary)}.session-code{font-family:var(--font-mono, monospace);font-weight:600;color:var(--text-secondary);letter-spacing:.05em}