.streaming-analysis-bottom{position:fixed;bottom:16px;left:16px;right:16px;z-index:50;max-height:35vh;pointer-events:auto}.streaming-container{background:rgba(7,9,26,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:16px 14px;max-height:30vh;overflow:hidden}.thinking-phase{display:flex;align-items:center;gap:10px;padding:12px 8px}.thinking-dot{width:6px;height:6px;border-radius:50%;background:var(--pj-gold);box-shadow:0 0 8px var(--pj-gold-glow);animation:streaming-pulse 1.2s ease-in-out infinite;flex-shrink:0}.thinking-text{font-size:var(--pj-text-sm);color:var(--pj-text-primary);letter-spacing:.3px;animation:thinking-fade-in .4s ease}@keyframes thinking-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes streaming-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.streaming-content-compact{max-height:25vh;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.streaming-content-compact::-webkit-scrollbar{width:4px}.streaming-content-compact::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.streaming-content-compact .content-text{font-family:var(--pj-font-sans);font-size:13px;line-height:1.6;color:var(--pj-text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0}.cursor{display:inline-block;color:var(--pj-gold);margin-left:2px;animation:streaming-blink 1s step-end infinite}@keyframes streaming-blink{0%,50%{opacity:1}51%,to{opacity:0}}.bottom-hint-white{margin-top:8px;text-align:center;font-size:11px;color:var(--pj-text-primary);letter-spacing:.3px;padding:0 12px}.streaming-analysis-inline{position:relative;z-index:auto;max-height:none;pointer-events:auto}.streaming-analysis-inline .streaming-container{max-height:none;overflow:visible;padding:1.25rem 1.125rem}.streaming-analysis-inline .streaming-content-compact{max-height:none;overflow-y:visible}.streaming-analysis-inline .streaming-content-compact .content-text{font-size:.875rem;line-height:1.75}.streaming-analysis-panel{--delivery-portrait-panel-h:min(40dvh,21rem)}.streaming-analysis-panel .streaming-container{max-height:var(--delivery-portrait-panel-h);overflow:hidden;padding:0}.streaming-analysis-panel .streaming-content-compact{max-height:var(--delivery-portrait-panel-h);overflow-y:auto;overscroll-behavior:contain;padding:1.125rem 1.125rem 1.25rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.streaming-analysis-panel .streaming-content-compact::-webkit-scrollbar{width:5px}.streaming-analysis-panel .streaming-content-compact::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px}@media (min-width:768px){.streaming-analysis-panel{--delivery-portrait-panel-h:min(36dvh,19.5rem)}}.preparing-page{position:relative;height:100vh;overflow:hidden;pointer-events:none}.base-analysis-stream-preparing{position:relative;z-index:4;pointer-events:none}.base-analysis-stream-preparing .preparing-stream-error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;width:calc(100% - 32px);max-width:520px;pointer-events:auto}.preparing-stream-error{margin-top:0}.pwa-mode .browser-flow-page{max-width:32rem;width:100%;margin-inline:auto;box-sizing:border-box}.pwa-mode .match-report.browser-flow-page{max-width:100%}.pwa-mode .glyph-draw-page:not(.tool-preview-page){max-width:32rem;margin-inline:auto}.pwa-mode .glyph-draw-page.tool-preview-page,.pwa-mode .match-relationship-page.tool-preview-page,.pwa-mode .syncro-preview-page.tool-preview-page{max-width:none;width:100%;margin-inline:0}.pwa-mode .glyph-reading-page,.pwa-mode .glyph-reading-page.browser-flow-page{max-width:48rem;margin-inline:auto;padding-inline:1rem}.pwa-mode .session-prep-container{align-items:center}.pwa-mode .glyph-primary-btn,.pwa-mode .match-primary-btn{width:100%;max-width:20rem}.pwa-mode .browser-flow-page .max-w-lg,.pwa-mode .prep-main,.pwa-mode .welcome-section{max-width:600px;width:100%}.pwa-mode .match-relationship-content,.pwa-mode .match-select-header{max-width:min(var(--pchat-content-width,1040px),calc(100vw - 32px));margin-inline:auto}.pwa-mode .streaming-analysis-bottom{bottom:max(80px,calc(56px + env(safe-area-inset-bottom)))}@media (min-width:768px){html:not(.pwa-mode){--browser-flow-max-width:48rem;--browser-flow-max-width-wide:52rem;--browser-flow-max-width-narrow:44rem;--browser-flow-body-size:1.125rem;--glyph-reading-max-width:48rem}html:not(.pwa-mode) .archive-detail-page,html:not(.pwa-mode) .browser-flow-page,html:not(.pwa-mode) .glyph-draw-page,html:not(.pwa-mode) .glyph-error-page,html:not(.pwa-mode) .glyph-home-page,html:not(.pwa-mode) .glyph-loading-page,html:not(.pwa-mode) .glyph-reading-page,html:not(.pwa-mode) .match-payment-page,html:not(.pwa-mode) .match-report,html:not(.pwa-mode) .syncro-task-page{width:100%;max-width:var(--browser-flow-max-width);margin-inline:auto;box-sizing:border-box}html:not(.pwa-mode) .archive-detail-page.browser-flow-page,html:not(.pwa-mode) .glyph-reading-page{max-width:var(--glyph-reading-max-width)}html:not(.pwa-mode) .match-report{max-width:var(--browser-flow-max-width-wide)}html:not(.pwa-mode) .browser-flow-page{padding-inline:2.5rem}html:not(.pwa-mode) .browser-flow-page:has(.session-prep-container){max-width:none;width:100%;padding-inline:0}html:not(.pwa-mode) .session-prep-container{width:100%;min-height:100dvh;padding:3rem 2.5rem 4rem;align-items:center}html:not(.pwa-mode) .browser-flow-page .session-prep-container{padding-inline:0}html:not(.pwa-mode) .prep-main,html:not(.pwa-mode) .welcome-section{width:100%;max-width:var(--browser-flow-max-width);margin-inline:auto}html:not(.pwa-mode) .card-meta,html:not(.pwa-mode) .display-name,html:not(.pwa-mode) .profile-list-view h2,html:not(.pwa-mode) .profile-list-view>p,html:not(.pwa-mode) .refund-link-section,html:not(.pwa-mode) .usage-stats,html:not(.pwa-mode) .welcome-text{font-size:var(--browser-flow-body-size);line-height:1.75}html:not(.pwa-mode) .poju-logo{font-size:2.5rem}html:not(.pwa-mode) .browser-flow-page .max-w-lg{max-width:var(--browser-flow-max-width);margin-inline:auto}html:not(.pwa-mode) .glyph-draw-page:not(.tool-preview-page){min-height:auto;background:transparent;padding:2.5rem 3rem 4rem}html:not(.pwa-mode) .glyph-draw-page.tool-preview-page,html:not(.pwa-mode) .match-relationship-page.tool-preview-page,html:not(.pwa-mode) .syncro-preview-page.tool-preview-page{max-width:none;width:100%;padding-inline:0;background:transparent}html:not(.pwa-mode) .glyph-char-count,html:not(.pwa-mode) .glyph-draw-back,html:not(.pwa-mode) .glyph-draw-error,html:not(.pwa-mode) .glyph-input-hint,html:not(.pwa-mode) .glyph-question-input,html:not(.pwa-mode) .profile-mini-display,html:not(.pwa-mode) .profile-mini-label,html:not(.pwa-mode) .profile-mini-value{font-size:var(--browser-flow-body-size);line-height:1.75}html:not(.pwa-mode) .glyph-input-title{font-size:1.75rem}html:not(.pwa-mode) .glyph-question-input{min-height:10rem;padding:1.25rem}html:not(.pwa-mode) .profile-mini-display{background:rgba(255,255,255,.04);padding:1rem 1.25rem}html:not(.pwa-mode) .glyph-primary-btn{width:auto;min-width:16rem;max-width:none;font-size:1.0625rem;padding:1rem 2rem;margin-inline:auto}html:not(.pwa-mode) .glyph-draw-button{display:flex;justify-content:center}html:not(.pwa-mode) .glyph-home-page{min-height:auto;background:transparent;padding:3rem 2.5rem 4rem}html:not(.pwa-mode) .glyph-home-inner{max-width:40rem;margin-inline:auto}html:not(.pwa-mode) .glyph-title{font-size:3rem}html:not(.pwa-mode) .glyph-description,html:not(.pwa-mode) .glyph-subtitle{font-size:var(--browser-flow-body-size);line-height:1.75}html:not(.pwa-mode) .glyph-reading-page{min-height:auto;padding-top:2.5rem;padding-bottom:4rem}html:not(.pwa-mode) .match-analyzing,html:not(.pwa-mode) .match-relationship-page:not(.tool-preview-page):not(.match-relationship-page--paywall),html:not(.pwa-mode) .match-select-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center}html:not(.pwa-mode) .match-relationship-page--paywall{background:transparent;min-height:auto;align-items:center;justify-content:center;padding:3rem 1.25rem 4rem}html:not(.pwa-mode) .match-relationship-content,html:not(.pwa-mode) .match-select-header{width:100%;max-width:min(var(--pchat-content-width,1040px),calc(100vw - 32px));margin-inline:auto;padding-inline:1rem;box-sizing:border-box}html:not(.pwa-mode) .match-select-page .session-prep-container{padding-top:0}html:not(.pwa-mode) .match-relationship-content h1,html:not(.pwa-mode) .match-select-header h1{font-size:1.75rem}html:not(.pwa-mode) .match-person-label,html:not(.pwa-mode) .match-select-header .label-text,html:not(.pwa-mode) .match-select-header p,html:not(.pwa-mode) .match-step-indicator{font-size:1.0625rem;line-height:1.75}html:not(.pwa-mode) .match-primary-btn{width:auto;min-width:16rem;max-width:none;margin-inline:auto}html:not(.pwa-mode) .match-report{min-height:auto;padding:2rem 2.5rem 4rem}html:not(.pwa-mode) .match-payment-page{min-height:auto;background:transparent}html:not(.pwa-mode) .relationship-line{max-width:none;font-size:1.0625rem}html:not(.pwa-mode) .match-relationship-page>.poju-tool-handoff-banner,html:not(.pwa-mode) .match-select-page>.poju-tool-handoff-banner{width:100%;max-width:var(--browser-flow-max-width);margin-inline:auto}html:not(.pwa-mode) .syncro-pwa-home{max-width:var(--browser-flow-max-width-narrow);margin-inline:auto}html:not(.pwa-mode) .chart-loader-content{max-width:42rem;margin-inline:auto}html:not(.pwa-mode) .preparing-spline-page__hint{max-width:36rem;margin-inline:auto;font-size:1rem}}