:root{--cohort-filled-color: rgba(175, 155, 255, .5);--cohort-remaining-color: rgba(92, 72, 208, .18);--cohort-accent: rgba(162, 152, 222, .45)}:root{--surface-base: #04030D;--surface-post: rgba(10, 6, 26, .72);--surface-answer: rgba(16, 8, 36, .68);--surface-panel: rgba(4, 2, 13, .97);--surface-addr: rgba(4, 2, 14, .65);--surface-tab-active: rgba(14, 9, 34, .9);--surface-tab-inactive: rgba(255, 255, 255, .025);--surface-compose: rgba(255, 255, 255, .045);--surface-url-pill: rgba(255, 255, 255, .035);--surface-card-update: rgba(14, 9, 34, .82);--surface-card-snapshot: rgba(9, 14, 34, .82);--surface-card-question: rgba(9, 20, 28, .82);--surface-card-dispatch: rgba(9, 20, 14, .82);--surface-card-notice: rgba(24, 18, 38, .9);--surface-card-announcement: rgba(22, 13, 30, .88);--surface-node-dot: rgba(18, 10, 42, .95);--surface-node-dot-major: rgba(102, 78, 228, .18);--border-post: rgba(255, 255, 255, .07);--border-tab-active: rgba(148, 112, 255, .18);--border-tab-inactive: rgba(255, 255, 255, .04);--border-thread: rgba(255, 255, 255, .04);--border-section: rgba(255, 255, 255, .05);--border-answer: rgba(148, 115, 255, .13);--border-answer-focus: rgba(148, 115, 255, .25);--border-compose: rgba(255, 255, 255, .08);--border-compose-focus: rgba(142, 112, 255, .28);--border-spine: rgba(118, 95, 242, .12);--border-panel-item: rgba(100, 75, 212, .07);--border-url-pill: rgba(255, 255, 255, .055);--border-avatar: rgba(255, 255, 255, .06);--border-node-dot: rgba(135, 112, 245, .36);--border-node-dot-major: rgba(165, 140, 255, .5);--border-archive-line: rgba(82, 62, 162, .08);--border-footer: rgba(255, 255, 255, .04);--border-footer-sep: rgba(255, 255, 255, .05);--text-title: rgba(235, 228, 255, .97);--text-primary: rgba(218, 210, 255, .9);--text-body: rgba(192, 182, 242, .68);--text-secondary: rgba(168, 155, 225, .58);--text-tertiary: rgba(148, 135, 208, .42);--text-muted: rgba(128, 116, 192, .34);--text-hint: rgba(138, 125, 202, .28);--text-label: rgba(162, 148, 228, .52);--text-nav: rgba(182, 170, 235, .38);--text-nav-active: rgba(215, 208, 255, .86);--text-wordmark: rgba(218, 208, 255, .46);--text-wordmark-sub: rgba(152, 138, 222, .36);--text-tab: rgba(172, 160, 232, .38);--text-tab-active: rgba(208, 200, 255, .75);--text-tab-close: rgba(152, 140, 215, .25);--text-tab-close-hover: rgba(192, 182, 255, .6);--text-addr-dim: rgba(118, 106, 185, .26);--text-addr-bright: rgba(192, 180, 248, .62);--text-url-icon: rgba(142, 130, 208, .32);--text-send: rgba(172, 158, 238, .5);--text-send-hover: rgba(205, 195, 255, .85);--text-placeholder: rgba(138, 125, 202, .28);--text-thread-name: rgba(208, 200, 255, .82);--text-thread-time: rgba(148, 136, 208, .48);--text-thread-body: rgba(185, 175, 238, .7);--text-thread-action: rgba(155, 142, 218, .44);--text-thread-action-hover: rgba(192, 182, 255, .68);--text-thread-header: rgba(152, 140, 218, .46);--text-thread-count: rgba(138, 126, 205, .4);--text-archive-label: rgba(105, 92, 178, .36);--text-direct: rgba(145, 175, 255, .32);--text-direct-hover: rgba(178, 205, 255, .44);--text-side-tab: rgba(182, 170, 242, .3);--text-side-tab-active: rgba(210, 200, 255, .62);--text-cohort: rgba(172, 158, 235, .4);--text-cohort-count: rgba(158, 145, 228, .42);--text-panel-label: rgba(155, 142, 222, .46);--text-card-title: rgba(228, 222, 255, .94);--text-card-body: rgba(178, 168, 228, .6);--text-card-time: rgba(148, 135, 208, .4);--text-footer-action: rgba(152, 140, 212, .34);--text-footer-action-hover: rgba(192, 182, 255, .65);--text-compose: rgba(215, 208, 255, .86);--text-compose-placeholder: rgba(135, 124, 200, .24);--text-expires: rgba(135, 122, 195, .26);--accent-room-dot: rgba(225, 185, 55, .65);--accent-arrow: rgba(172, 158, 238, .55);--accent-arrow-hover: rgba(205, 195, 255, .68);--accent-direct-dot: rgba(95, 222, 152, .58);--accent-cohort-track: rgba(92, 72, 208, .18);--accent-cohort-fill: rgba(175, 155, 255, .5);--accent-notice-bar: rgba(235, 195, 65, .78);--accent-notice-badge: rgba(225, 185, 55, .24);--accent-notice-text: rgba(255, 228, 130, 1);--accent-notice-border: rgba(218, 178, 52, .32);--accent-notice-dot: rgba(225, 185, 55, .8);--accent-update-bar: rgba(128, 98, 245, .58);--accent-update-badge: rgba(112, 85, 228, .2);--accent-update-text: rgba(192, 172, 255, .95);--accent-update-border: rgba(108, 82, 222, .17);--accent-update-dot: rgba(118, 88, 248, .7);--accent-snapshot-bar: rgba(68, 138, 228, .58);--accent-snapshot-badge: rgba(62, 122, 218, .18);--accent-snapshot-text: rgba(138, 192, 255, .95);--accent-snapshot-border: rgba(68, 118, 218, .15);--accent-snapshot-dot: rgba(68, 118, 218, .7);--accent-question-bar: rgba(62, 158, 195, .58);--accent-question-badge: rgba(52, 152, 185, .18);--accent-question-text: rgba(112, 212, 242, .95);--accent-question-border: rgba(58, 148, 182, .15);--accent-question-dot: rgba(58, 148, 182, .7);--accent-dispatch-bar: rgba(78, 168, 105, .58);--accent-dispatch-badge: rgba(72, 158, 92, .18);--accent-dispatch-text: rgba(122, 218, 152, .95);--accent-dispatch-border: rgba(72, 158, 98, .15);--accent-dispatch-dot: rgba(72, 158, 92, .7);--accent-announcement-bar: rgba(218, 165, 85, .68);--accent-announcement-badge: rgba(205, 145, 62, .2);--accent-announcement-text: rgba(255, 202, 125, .98);--accent-announcement-border: rgba(192, 142, 80, .22);--accent-announcement-dot: rgba(205, 145, 62, .7);--hue-main: 252;--sat-main: .88;--hue-notice: 252;--sat-notice: .88;--hue-update: 246;--sat-update: .88;--hue-snapshot: 232;--sat-snapshot: .85;--hue-question: 222;--sat-question: .82;--hue-dispatch: 272;--sat-dispatch: .78;--hue-announcement: 265;--sat-announcement: .82;--shadow-wordmark: 0 0 28px rgba(5, 3, 18, .99), 0 0 10px rgba(5, 3, 18, .9);--shadow-wordmark-sub: 0 0 18px rgba(4, 2, 14, .99);--shadow-cohort: 0 0 16px rgba(4, 2, 14, .99);--shadow-cohort-count: 0 0 12px rgba(4, 2, 14, .99);--shadow-direct: 0 0 24px rgba(4, 2, 14, .99);--shadow-side-tab: 0 0 22px rgba(3, 2, 12, .99), 0 0 8px rgba(3, 2, 12, .95);--font-ui: "Inter", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-display-axes: "opsz" 144, "SOFT" 30, "wght" 340;--font-display-cinema: "Fraunces", Georgia, serif;--font-display-cinema-axes: "opsz" 144, "SOFT" 30, "wght" 340;--font-display-cinema-axes-italic: "opsz" 144, "SOFT" 30, "wght" 340;--font-display-pivot: "DM Serif Display", Georgia, serif;--font-display-title: "DM Serif Display", Georgia, serif;--radius-card: 3px;--radius-post: 4px;--radius-pill: 11px;--radius-badge: 2px;--ease-room: cubic-bezier(.16, 1, .3, 1);--dur-page: .45s;--dur-panel: .6s;--dur-card: .3s;--dur-submit: .35s;--dur-state-quick: .25s;--dur-state-medium: .3s;--dur-state-slow: .4s;--dur-directline-pulse: 3s;--text-size-2xs: 8px;--text-size-xs: 9px;--text-size-sm: 10px;--text-size-body-sm: 10.5px;--text-size-nav: 11px;--text-size-md: 12px;--text-size-card-title: 12.5px;--text-size-base: 13px;--text-size-card-title-lg: 14px;--text-size-lg: 15px;--text-size-display: 22px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--tracking-display: -.03em;--tracking-title: -.01em;--tracking-body: -.005em;--tracking-ui: .02em;--tracking-time: .04em;--tracking-url: .05em;--tracking-tab: .06em;--tracking-action: .08em;--tracking-badge: .1em;--tracking-label: .12em;--tracking-footer: .14em;--tracking-submit: .16em;--tracking-section: .2em;--tracking-nav: .22em;--tracking-trigger: .24em;--tracking-panel: .28em;--tracking-wordmark: .36em;--leading-none: 1;--leading-heading: 1.28;--leading-title: 1.4;--leading-body-sm: 1.7;--leading-body: 1.72;--leading-body-lg: 1.82;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--nav-bar-height: 36px;--nav-tab-height: 30px;--nav-tab-min-width: 140px;--nav-tab-max-width: 200px;--post-bar-width-card: 1.5px;--post-bar-width-page: 2px;--panel-width: 220px;--thread-avatar-size: 30px;--url-pill-height: 22px;--url-pill-max-width: 340px;--timeline-node-size: 5px;--timeline-node-size-major: 7px;--content-max-width: 740px;--settings-max-width: 580px;--compose-min-height: 52px;--blur-card: blur(22px);--blur-post: blur(28px);--blur-bar: blur(20px);--blur-compose: blur(18px);--saturate-card: saturate(1.4);--saturate-post: saturate(1.6);--saturate-compose: saturate(1.3);--opacity-communicative-min: .22;--opacity-dash: .32;--opacity-hover-arrow: .48;--opacity-hover-arrow-active: .85;--surface-compose-thread: rgba(10, 6, 22, .55);--surface-compose-gradient: linear-gradient(180deg, rgba(4,2,13,.02) 0%, rgba(4,2,13,.97) 12%, rgba(4,2,13,.99) 100%);--panel-bg-left: linear-gradient(90deg, rgba(4,2,13,.97) 0%, rgba(4,2,13,.93) 52%, rgba(4,2,13,.55) 74%, rgba(4,2,13,.08) 90%, transparent 100%);--panel-bg-right: linear-gradient(270deg, rgba(4,2,13,.97) 0%, rgba(4,2,13,.93) 52%, rgba(4,2,13,.55) 74%, rgba(4,2,13,.08) 90%, transparent 100%);--bg-shimmer: rgba(195, 172, 255, 1);--bg-vignette: rgba(2, 1, 10, .54);--text-error: rgba(255, 120, 120, .85);--text-size-display-xl: clamp(36px, 6.5vw, 64px);--text-size-pivot: clamp(42px, 7.5vw, 80px);--text-size-statement: clamp(20px, 3vw, 30px);--text-size-setup: clamp(16px, 2vw, 21px);--text-size-aftermath: clamp(15px, 1.8vw, 19px);--text-size-invite: clamp(18px, 2.4vw, 24px);--text-size-spots: 11px;--text-size-eyebrow: 10px;--text-size-close-line: 12px;--text-size-beat-counter: 10px;--text-size-footer-wordmark: 10px;--tracking-display-tight: -.04em;--leading-setup: 1.6;--leading-invite: 2;--text-display-bright: rgba(248, 245, 255, .96);--text-display-dim: rgba(240, 235, 255, .85);--text-pivot: rgba(240, 235, 255, .95);--text-statement: rgba(210, 200, 255, .88);--text-setup: rgba(195, 185, 245, .75);--text-aftermath: rgba(172, 162, 232, .6);--text-invite: rgba(200, 190, 248, .82);--text-spots: rgba(162, 152, 222, .45);--text-eyebrow: rgba(162, 125, 255, .4);--text-close-line: rgba(142, 132, 202, .4);--text-beat-counter: rgba(162, 125, 255, .25);--text-footer-wordmark: rgba(118, 108, 185, .28);--text-highlight: rgba(230, 220, 255, .96);--shadow-display-bright: 0 0 40px rgba(162, 125, 255, .25), 0 0 80px rgba(162, 125, 255, .1);--shadow-display-dim: 0 0 40px rgba(162, 125, 255, .25), 0 0 80px rgba(162, 125, 255, .1);--shadow-pivot: 0 0 60px rgba(162, 125, 255, .35), 0 0 120px rgba(162, 125, 255, .15);--shadow-highlight: 0 0 30px rgba(210, 190, 255, .4);--text-size-number-label: 11px;--text-number-label: rgba(162, 125, 255, .35);--text-size-display-title: clamp(18px, 2.4vw, 24px);--tracking-display-title: -.02em;--text-display-title: rgba(235, 228, 255, .92);--shadow-display-title: 0 0 30px rgba(162, 125, 255, .2);--text-size-body-desc: clamp(13px, 1.5vw, 15px);--text-body-desc: rgba(172, 162, 228, .58);--border-row-divider: rgba(162, 125, 255, .08);--bar-width-accent: 1.5px;--accent-tier-solo-bar: rgba(162, 125, 255, .68);--accent-tier-team-bar: rgba(218, 165, 85, .68);--text-size-tier-label: 10px;--text-tier-label-solo: rgba(205, 185, 255, .6);--text-tier-label-team: rgba(255, 202, 125, .6);--text-size-price-display: clamp(40px, 6vw, 52px);--text-price-display: rgba(240, 235, 255, .95);--text-size-price-sub: 11px;--text-price-sub: rgba(152, 142, 212, .5);--text-size-card-desc: 13px;--leading-card-desc: 1.6;--text-card-desc: rgba(182, 172, 238, .65);--text-size-cta-line: 10px;--text-cta-label-solo: rgba(205, 185, 255, .65);--text-cta-label-team: rgba(255, 202, 125, .65);--accent-cta-arrow-solo: rgba(172, 158, 238, .55);--accent-cta-arrow-team: rgba(218, 165, 85, .55);--cta-line-width-idle: 22px;--cta-line-width-hover: 27px;--dur-cta-arrow: .25s;--surface-pricing-card: rgba(10, 6, 26, .72);--border-pricing-card: rgba(255, 255, 255, .07);--blur-pricing-card: blur(22px);--saturate-pricing-card: saturate(1.4);--dur-pricing-card-lift: .3s;--offset-pricing-card-lift: -2px}@keyframes directPulse{0%,to{opacity:.32;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--surface-base);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.whiteboard-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.whiteboard-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;background-color:var(--surface-base);background-image:radial-gradient(circle at center,rgba(148,112,255,.08) 1px,transparent 1px);background-size:24px 24px;touch-action:none;-webkit-user-select:none;user-select:none}.whiteboard-canvas:active{cursor:grabbing}.whiteboard-surface{position:absolute;top:0;left:0;width:0;height:0}.whiteboard-phase1-placeholder{position:absolute;top:0;left:0;padding:12px 20px;font-size:11px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:#9b8ede73;white-space:nowrap;pointer-events:none}.pieces-view{position:absolute;top:100px;left:80px;display:flex;flex-direction:column;align-items:flex-start;gap:80px}.pieces-scenes-row{display:flex;flex-direction:column;gap:20px;padding-bottom:40px;border-bottom:1px dashed rgba(148,112,255,.1);width:100%}.pieces-scenes-label{font-size:10px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:#a27dffbf}.pieces-scenes-grid{display:flex;flex-direction:row;gap:60px;align-items:flex-start}.pieces-atoms-row{display:flex;flex-direction:row;align-items:flex-start;gap:120px}.page-group{display:flex;flex-direction:column;gap:16px;min-width:360px}.page-group-label{font-size:10px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:#9b8ede57;padding-bottom:6px;border-bottom:1px dashed rgba(148,112,255,.1)}.page-group-content{display:flex;flex-direction:column;gap:48px;padding:24px 0 0}.element-frame{display:flex;flex-direction:column;gap:12px;cursor:pointer;padding:16px;border:1px solid transparent;transition:border-color .2s ease}.element-frame:hover{border-color:#9470ff33}.element-frame-variants{display:flex;flex-direction:column;gap:28px;align-items:flex-start}.element-frame-variant{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.element-frame-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;outline:1px dashed rgba(148,112,255,.08);outline-offset:4px}.element-frame:hover .element-frame-stage{outline-color:#9470ff38}.element-frame-stage>*{max-width:100%}.element-frame-variant-label{font-size:9px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#b6aae852;font-family:JetBrains Mono,Fira Code,monospace}.element-frame-name{font-size:10px;font-weight:400;color:#b6aae873;font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.05em;transition:color .2s ease}.element-frame:hover .element-frame-name{color:#d0c8ffbf}.inspector-panel{position:fixed;top:0;right:0;bottom:0;width:340px;padding:36px 28px 28px;background:linear-gradient(to left,#04020df7,#04020df0 40%,#04020dcc 85%,#04020d00);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,112,255,.25) transparent}.inspector-panel::-webkit-scrollbar{width:4px}.inspector-panel::-webkit-scrollbar-thumb{background:#9470ff40}.inspector-header{position:relative;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid rgba(148,112,255,.1)}.inspector-eyebrow{font-size:9px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#9b8ede73;margin-bottom:6px}.inspector-title{font-size:18px;font-weight:600;color:#ebe4fff2;letter-spacing:-.005em;margin-bottom:6px}.inspector-description{font-size:12px;font-weight:300;line-height:1.55;color:#b6aae899;padding-right:30px}.inspector-close{position:absolute;top:-4px;right:-4px;background:transparent;border:none;font:inherit;font-size:22px;line-height:1;color:#9b8ede59;cursor:pointer;padding:4px 8px;transition:color .2s ease}.inspector-close:hover{color:#ebe4ffd9}.inspector-section{margin-bottom:24px}.inspector-section-label{font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#a27dffcc;margin-bottom:10px;padding-bottom:6px;border-bottom:1px dashed rgba(148,112,255,.1)}.inspector-empty{font-size:11px;font-weight:300;font-style:italic;color:#8a7dca66;padding:4px 0}.inspector-token-list{display:flex;flex-direction:column;gap:14px}.inspector-token-group-label{font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#9b8ede80;margin-bottom:6px}.inspector-token-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:3px 0;font-family:JetBrains Mono,Fira Code,monospace}.inspector-token-swatch{display:inline-block;width:12px;height:12px;border:1px solid rgba(255,255,255,.08);border-radius:50%;flex-shrink:0}.inspector-token-row:not(:has(.inspector-token-swatch)){grid-template-columns:1fr auto}.inspector-token-name{font-size:11px;font-weight:400;color:#b6aae8a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-token-value{font-size:10px;font-weight:300;color:#8a7dca80;justify-self:end;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-token-copy,.inspector-code-copy{position:absolute;right:0;background:#9470ff1f;border:1px solid rgba(148,112,255,.22);color:#d0c8ffbf;font-family:JetBrains Mono,Fira Code,monospace;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease}.inspector-token-row:hover .inspector-token-copy,.inspector-code-block:hover .inspector-code-copy,.inspector-animation-block:hover .inspector-code-copy{opacity:1}.inspector-token-copy.is-copied,.inspector-code-copy.is-copied{opacity:1;background:#48a85c2e;border-color:#48a85c59;color:#7ada98f2}.inspector-code-block,.inspector-animation-block{position:relative}.inspector-code-copy{top:6px;right:6px}.inspector-code{background:#060312d9;border:1px solid rgba(42,31,82,.7);padding:14px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:10.5px;color:#b6aae8b3;line-height:1.65;white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.inspector-code-animation{color:#c8afffd1}.assembled-view{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-base);overflow:hidden}.whiteboard-mode-toggle{position:fixed;display:flex;align-items:center;gap:10px;z-index:60;font-size:10px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;background:#04020db8;border:1px solid rgba(148,112,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;touch-action:none}.whiteboard-mode-toggle .mode-grip{color:#9b8ede66;font-size:9px;letter-spacing:-.1em;margin-right:2px;cursor:inherit}.whiteboard-mode-toggle button{background:transparent;border:none;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:#9b8ede47;cursor:pointer;transition:color .3s ease}.whiteboard-mode-toggle button.mode-active{color:#d0c8ffd1}.whiteboard-mode-toggle button:hover{color:#d0c8ff99}.whiteboard-mode-toggle .mode-separator{color:#9b8ede57}.whiteboard-zoom-controls{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:6px;z-index:10;font-size:11px;color:var(--text-muted)}.whiteboard-zoom-controls button{width:26px;height:26px;background:#0a061ab8;border:1px solid rgba(148,112,255,.18);color:#d0c8ffb3;font:inherit;font-size:13px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.whiteboard-zoom-controls button:hover{background:#9470ff1f;color:#ebe4fff2;border-color:#9470ff52}.whiteboard-zoom-controls .zoom-readout{min-width:42px;text-align:center;font-family:JetBrains Mono,Fira Code,monospace;color:#b6aae88c}.review-controls{position:fixed;top:16px;right:360px;display:flex;align-items:center;gap:8px;z-index:60;padding:6px 10px 6px 8px;background:#060312b8;border:1px solid rgba(148,112,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:Inter,system-ui,sans-serif;user-select:none;-webkit-user-select:none;cursor:grab;touch-action:none}.review-controls.review-controls-dragging{cursor:grabbing;border-color:#9470ff8c;box-shadow:0 12px 32px #00000073}.review-drag-dots{font-size:14px;line-height:1;letter-spacing:0;color:#9b8ede7a;padding-right:2px;transition:color .15s ease}.review-controls:hover .review-drag-dots{color:#d0c8ffd1}.review-controls.review-controls-dragging .review-drag-dots{color:#e6dcfffa}.review-pill{background:transparent;border:1px solid transparent;padding:4px 10px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#9b8ede8c;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;gap:6px}.review-pill:hover:not(:disabled){color:#d0c8ffd9}.review-pill:disabled{opacity:.4;cursor:not-allowed}.review-pill-active{background:#9470ff2e;border-color:#9470ff73;color:#ebe4fff2}.review-pill-kbd{font-family:JetBrains Mono,Fira Code,monospace;font-size:9px;padding:1px 4px;border:1px solid rgba(148,112,255,.35);color:#d0c8ffbf;letter-spacing:0}.review-round-counter{font-size:10px;color:#b6aae88c;letter-spacing:.1em;text-transform:uppercase;padding-left:8px;border-left:1px solid rgba(148,112,255,.18)}body.pin-crosshair,body.pin-crosshair *{cursor:crosshair!important}body.pin-crosshair .review-controls,body.pin-crosshair .review-controls *,body.pin-crosshair .inspector-panel,body.pin-crosshair .inspector-panel *,body.pin-crosshair .whiteboard-mode-toggle,body.pin-crosshair .whiteboard-mode-toggle *,body.pin-crosshair .whiteboard-zoom-controls,body.pin-crosshair .whiteboard-zoom-controls *{cursor:pointer!important}.element-frame{position:relative}.frame-comment-icon{position:absolute;bottom:8px;right:8px;z-index:46;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;background:#060312d1;border:1px solid rgba(148,112,255,.25);font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;color:#d0c8ffb8;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.element-frame:hover .frame-comment-icon{opacity:1}.frame-comment-icon:hover{background:#9470ff38;border-color:#9470ff8c;color:#ebe4fff2;opacity:1}.frame-comment-icon-glyph{font-size:11px;line-height:1}.frame-comment-icon-count{font-weight:500;color:#ebe4fff2}.pin-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45}.pin-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:#9470ffeb;color:#fffffffa;font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;font-weight:600;letter-spacing:0;cursor:pointer;box-shadow:0 0 0 2px #04020db8,0 2px 6px #04020d80;transition:transform .15s ease,background .15s ease;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pin-marker:hover{transform:translate(-50%,-50%) scale(1.15)}.pin-marker-nit{background:#766cb9d9}.pin-marker-change{background:#9470ffeb}.pin-marker-blocker{background:#ff7878eb;border-color:#ffdcdcf2}.comments-section{margin-top:8px}.comments-breadcrumb{font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;color:#9b8ede8c;padding:4px 0 12px;word-break:break-all}.comments-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.comment-row{padding:10px 12px;background:#04020d73;border:1px solid rgba(148,112,255,.1);border-left-width:3px}.comment-row.comment-severity-nit{border-left-color:#766cb973}.comment-row.comment-severity-change{border-left-color:#9470ffa6}.comment-row.comment-severity-blocker{border-left-color:#ff7878bf}.comment-row-meta{display:flex;align-items:center;gap:6px;margin-bottom:8px}.comment-severity-pill,.comment-type-pill,.comment-pin-pill{font-family:JetBrains Mono,Fira Code,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:1px 6px;border:1px solid rgba(148,112,255,.22);color:#d0c8ffb8}.comment-severity-pill.comment-severity-nit{border-color:#766cb959;color:#aca2e4d9}.comment-severity-pill.comment-severity-change{border-color:#9470ff8c;color:#d0c8fff2}.comment-severity-pill.comment-severity-blocker{border-color:#ff78788c;color:#ffb4b4f2;background:#641e1e66}.comment-type-pill{color:#b6aae8a6}.comment-pin-pill{color:#ffffffe6;background:#9470ff59;border-color:#9470ff8c}.comment-delete{margin-left:auto;background:transparent;border:none;color:#9b8ede66;font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;transition:color .2s ease}.comment-delete:hover{color:#ffb4b4e6}.comment-row-body{font-size:12px;line-height:1.55;color:#dad2ffe0;white-space:pre-wrap;word-break:break-word}.comment-row-timestamp{font-family:JetBrains Mono,Fira Code,monospace;font-size:9px;color:#8a7dca59;margin-top:6px}.comment-add-form{display:flex;flex-direction:column;gap:10px;padding:12px;background:#04020d8c;border:1px dashed rgba(148,112,255,.2)}.comment-add-body{background:#04020d99;border:1px solid rgba(148,112,255,.22);color:#dad2ffe6;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.55;padding:8px 10px;resize:vertical;outline:none;transition:border-color .2s ease}.comment-add-body:focus{border-color:#9470ff8c}.comment-add-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comment-add-field{display:flex;flex-direction:column;gap:3px}.comment-add-field span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9b8ede80}.comment-add-field select{background:#04020d99;border:1px solid rgba(148,112,255,.22);color:#d0c8ffe0;font-family:Inter,system-ui,sans-serif;font-size:11px;padding:4px 6px;outline:none}.comment-add-field select:focus{border-color:#9470ff8c}.comment-add-submit{background:#9470ff3d;border:1px solid rgba(148,112,255,.55);color:#ebe4fff2;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:8px 12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.comment-add-submit:hover:not(:disabled){background:#9470ff66;border-color:#9470ffd9}.comment-add-submit:disabled{opacity:.4;cursor:not-allowed}.ly-primary-btn{min-height:var(--touch-target-min);margin-top:var(--space-1);font-family:var(--font-ui);font-size:var(--text-size-base);font-weight:var(--font-weight-medium);color:#fff;background:var(--intent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-transition) var(--ease-out),transform 80ms var(--ease-out)}.ly-primary-btn:hover:not(:disabled){background:var(--intent-hover)}.ly-primary-btn:active:not(:disabled){background:var(--intent-pressed)}.ly-primary-btn:disabled{opacity:.55;cursor:not-allowed}.ly-primary-btn:focus-visible{outline:2px solid var(--intent-hover);outline-offset:2px}.ly-field{display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.ly-field__label{font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.ly-field__input{min-height:var(--touch-target-min);padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-size-base);font-weight:var(--font-weight-regular);color:var(--text-primary);background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--dur-transition) var(--ease-out),box-shadow var(--dur-transition) var(--ease-out)}.ly-field__input::placeholder{color:var(--text-tertiary)}.ly-field__input:hover{border-color:#a1a1aa59}.ly-field__input:focus-visible{border-color:var(--intent-hover);box-shadow:0 0 0 3px var(--intent-ring)}.ly-field__input[aria-invalid=true]{border-color:#f8717199}.ly-text-link{font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--font-weight-medium);color:var(--intent-primary);text-decoration:none;transition:color var(--dur-transition) var(--ease-out)}.ly-text-link:hover{color:var(--intent-hover)}.ly-text-link:focus-visible{outline:2px solid var(--intent-hover);outline-offset:2px;border-radius:var(--radius-sm)}.ly-auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-3);background:var(--surface-base);background-image:radial-gradient(120% 80% at 50% -20%,rgba(99,102,241,.06) 0%,transparent 55%)}.ly-auth-panel{width:100%;max-width:22rem;padding:var(--space-5) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 24px 48px #00000059}.ly-auth-brand{text-align:left;margin-bottom:var(--space-4)}.ly-auth-title{margin:0 0 var(--space-1);font-family:var(--font-ui);font-size:var(--text-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-ui);color:var(--text-primary);line-height:var(--leading-tight)}.ly-auth-subtitle{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--font-weight-regular);line-height:var(--leading-ui);color:var(--text-tertiary)}.ly-auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.ly-auth-error{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);line-height:var(--leading-ui);color:#f87171;text-align:left}.ly-auth-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);text-align:left}.ly-auth-pending{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);line-height:var(--leading-body);color:var(--text-secondary);text-align:left}.ly-auth-pending-mono{font-family:var(--font-mono);font-size:.9em}.ly-auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:40vh;color:var(--text-tertiary);font-family:var(--font-ui);font-size:var(--text-size-sm)}.ly-auth-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border-default);border-top-color:var(--intent-primary);border-radius:50%;animation:ly-auth-spin .7s linear infinite}@keyframes ly-auth-spin{to{transform:rotate(360deg)}}