:root,[data-theme=light]{--color-primary:#8b7355;--color-primary-light:#a89070;--color-primary-dark:#6b5544;--color-accent:#c9a87c;--color-accent-light:#e5d4b8;--bg-primary:#faf8f5;--bg-secondary:#f5f0e8;--bg-tertiary:#efe8dd;--bg-card:hsla(0,0%,100%,.9);--bg-card-hover:#fff;--bg-input:hsla(0,0%,100%,.8);--bg-overlay:rgba(0,0,0,.5);--gradient-main:linear-gradient(135deg,#faf8f5,#f5f0e8 50%,#efe8dd);--gradient-card:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));--gradient-button:linear-gradient(135deg,#8b7355,#6b5544);--gradient-button-hover:linear-gradient(135deg,#9d8466,#7d6655);--text-primary:#2d2a26;--text-secondary:#5c564e;--text-muted:#8a8279;--text-light:#b5afa6;--text-inverse:#fff;--border-color:rgba(139,115,85,.15);--border-color-strong:rgba(139,115,85,.3);--color-success:#7ba07a;--color-success-bg:#edf5ed;--color-warning:#c9a54a;--color-warning-bg:#fbf6e8;--color-danger:#c27070;--color-danger-bg:#faf0f0;--color-info:#5b8db8;--color-info-bg:#edf4f9;--shadow-sm:0 2px 8px rgba(139,115,85,.08);--shadow-md:0 4px 20px rgba(139,115,85,.12);--shadow-lg:0 8px 40px rgba(139,115,85,.16);--shadow-glow:0 0 40px hsla(34,42%,64%,.2);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;color-scheme:light}[data-theme=dark]{--color-primary:#a89070;--color-primary-light:#c9a87c;--color-primary-dark:#8b7355;--color-accent:#d4b896;--color-accent-light:#a89070;--bg-primary:#1a1816;--bg-secondary:#242220;--bg-tertiary:#2e2b28;--bg-card:rgba(46,43,40,.95);--bg-card-hover:#3a3632;--bg-input:rgba(36,34,32,.9);--bg-overlay:rgba(0,0,0,.7);--gradient-main:linear-gradient(135deg,#1a1816,#242220 50%,#2e2b28);--gradient-card:linear-gradient(145deg,rgba(46,43,40,.95),rgba(36,34,32,.9));--gradient-button:linear-gradient(135deg,#a89070,#8b7355);--gradient-button-hover:linear-gradient(135deg,#c9a87c,#a89070);--text-primary:#e8e4df;--text-secondary:#b5afa6;--text-muted:#8a8279;--text-light:#5c564e;--text-inverse:#1a1816;--border-color:hsla(34,24%,55%,.2);--border-color-strong:hsla(34,24%,55%,.4);--color-success:#8fbb8e;--color-success-bg:rgba(143,187,142,.15);--color-warning:#d4b85a;--color-warning-bg:rgba(212,184,90,.15);--color-danger:#d48a8a;--color-danger-bg:hsla(0,46%,69%,.15);--color-info:#7aadd4;--color-info-bg:rgba(122,173,212,.15);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 20px rgba(0,0,0,.3);--shadow-lg:0 8px 40px rgba(0,0,0,.4);--shadow-glow:0 0 40px hsla(34,24%,55%,.15);color-scheme:dark}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);z-index:10000;font-weight:500;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:16px;outline:3px solid var(--color-accent);outline-offset:2px}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-main);background-attachment:fixed;min-height:100vh;color:var(--text-primary);line-height:1.6;transition:background var(--transition-normal),color var(--transition-normal)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,hsla(34,42%,64%,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,115,85,.06) 0,transparent 50%);pointer-events:none;z-index:0;transition:background var(--transition-normal)}[data-theme=dark] body:before{background:radial-gradient(ellipse at 20% 20%,hsla(34,24%,55%,.05) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,115,85,.03) 0,transparent 50%)}.container{max-width:800px;margin:0 auto;padding:48px 24px;position:relative;z-index:1}h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.landing{text-align:center;padding:60px 24px 80px}.landing h1{font-size:4rem;font-weight:300;margin-bottom:.3rem;color:var(--text-primary);letter-spacing:.15em;text-transform:lowercase;position:relative;display:inline-block}.landing h1:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:2px;background:var(--color-accent);border-radius:2px}.landing-tagline{font-size:1.15rem;color:var(--text-muted);font-weight:400;margin:24px 0 32px;letter-spacing:.03em}.landing-intro{font-size:1.05rem;color:var(--text-secondary);margin-bottom:48px;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.9}.what-to-expect{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:32px;margin:0 auto 40px;max-width:460px;text-align:left;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.what-to-expect:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.what-to-expect h2{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:20px;text-transform:uppercase;letter-spacing:.1em}.expect-list{list-style:none;display:flex;flex-direction:column;gap:16px}.expect-list li{display:flex;align-items:flex-start;gap:14px;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.expect-icon{font-size:1.3rem;flex-shrink:0;width:32px;text-align:center;filter:grayscale(20%)}.expect-list strong{color:var(--text-primary);font-weight:600}.how-it-works{margin:0 auto 48px;max-width:520px}.how-it-works h2{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:28px;text-transform:uppercase;letter-spacing:.1em}.steps{flex-direction:column}.step,.steps{display:flex;gap:20px}.step{align-items:flex-start;text-align:left;padding:16px 20px;background:hsla(0,0%,100%,.5);border-radius:var(--radius-md);transition:var(--transition-normal)}.step:hover{background:hsla(0,0%,100%,.8);transform:translateX(4px)}.step-number{width:36px;height:36px;background:var(--gradient-button);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.step-content{display:flex;flex-direction:column;gap:4px;padding-top:6px}.step-content strong{color:var(--text-primary);font-size:1rem;font-weight:600}.step-content span{color:var(--text-muted);font-size:.9rem}.disclaimer{background:rgba(139,115,85,.06);border-left:3px solid var(--color-accent);padding:18px 24px;margin:40px auto;max-width:520px;font-size:.9rem;color:var(--text-secondary);text-align:left;border-radius:0 var(--radius-md) var(--radius-md) 0;line-height:1.7}.disclaimer strong{color:var(--text-primary)}.research-section{margin:48px auto;max-width:640px;text-align:center}.research-section h2{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.research-intro{font-size:.95rem;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.research-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.research-item{display:flex;align-items:flex-start;gap:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.research-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px rgba(139,115,85,.1)}.research-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(139,115,85,.08);border-radius:var(--radius-sm)}.research-content{flex:1 1}.research-content strong{display:block;font-size:1rem;color:var(--text-primary);margin-bottom:6px;font-weight:600}.research-content p{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.research-footer{font-size:.85rem;color:var(--text-light);font-style:italic;margin:0}.landing-actions{gap:28px;margin-top:48px}.landing-actions,.shared-option{display:flex;flex-direction:column;align-items:center}.shared-option{gap:10px}.shared-mode-hint{font-size:.85rem;color:var(--text-light)}.btn-primary{background:var(--gradient-button);color:#fff;border:none;padding:16px 48px;font-size:1rem;font-weight:500;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);text-decoration:none;display:inline-block;box-shadow:var(--shadow-md);letter-spacing:.02em}.btn-primary:hover{background:var(--gradient-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary.btn-large{padding:20px 56px;font-size:1.1rem}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);padding:14px 36px;font-size:.95rem;font-weight:500;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.progress-indicator{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:20px;z-index:100}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-step{font-size:.85rem;font-weight:600;color:var(--color-primary)}.progress-label{font-size:.85rem;color:var(--text-secondary)}.progress-bar-track{height:6px;background:rgba(139,115,85,.15);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{background:var(--gradient-button);border-radius:3px}.progress-dots{display:flex;justify-content:space-between;gap:8px}.progress-dot{width:10px;height:10px;border-radius:50%;background:rgba(139,115,85,.2);transition:var(--transition-fast)}.progress-dot.active{background:var(--color-primary-light)}.progress-dot.current{background:var(--color-primary);box-shadow:0 0 0 3px rgba(139,115,85,.2)}.form-section{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.form-section:hover{box-shadow:var(--shadow-md)}.form-section h2{font-size:1.2rem;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid rgba(139,115,85,.15)}.form-group,.form-section h2{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:10px;color:var(--text-secondary);font-weight:500;font-size:.95rem}.form-group input[type=number],.form-group input[type=text],.form-group select{width:100%;padding:14px 16px;border:2px solid rgba(139,115,85,.2);border-radius:var(--radius-md);font-size:1rem;background:#fff;color:var(--text-primary);transition:var(--transition-fast)}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,115,85,.1)}.form-group input[type=text]::placeholder{color:var(--text-light)}.radio-group{display:flex;gap:16px;margin-top:10px}.radio-group label{display:flex;align-items:center;gap:10px;font-weight:400;cursor:pointer;padding:12px 20px;background:#fff;border:2px solid rgba(139,115,85,.15);border-radius:var(--radius-md);transition:var(--transition-fast);flex:1 1;justify-content:center}.radio-group label:hover{border-color:var(--color-primary-light)}.radio-group label:has(input:checked){border-color:var(--color-primary);background:rgba(139,115,85,.05)}.radio-group input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.relationship-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-top:12px}.relationship-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);min-height:90px}.relationship-type-btn:hover{border-color:var(--color-primary-light);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.relationship-type-btn.selected{border-color:var(--color-primary);background:rgba(139,115,85,.08);box-shadow:0 0 0 3px rgba(139,115,85,.15)}.relationship-type-btn .relationship-icon{font-size:1.8rem;line-height:1}.relationship-type-btn .relationship-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.relationship-type-btn.selected .relationship-label{color:var(--color-primary)}[data-theme=dark] .relationship-type-btn{background:var(--bg-tertiary)}[data-theme=dark] .relationship-type-btn:hover{background:var(--bg-card-hover)}[data-theme=dark] .relationship-type-btn.selected{background:hsla(34,24%,55%,.15)}.slider-container{margin-top:12px}.slider-with-labels{display:flex;align-items:center;gap:12px}.slider-label-high,.slider-label-low{font-size:.75rem;color:var(--text-secondary);min-width:70px;white-space:nowrap}.slider-label-low{text-align:right}.slider-label-high{text-align:left}.slider-track{flex:1 1}.slider-container input[type=range],.slider-track input[type=range]{width:100%;height:8px;border-radius:4px;background:rgba(139,115,85,.15);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb,.slider-track input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gradient-button);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.slider-container input[type=range]::-webkit-slider-thumb:hover,.slider-track input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.slider-container input[type=range]::-moz-range-thumb,.slider-track input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gradient-button);cursor:pointer;border:none}.slider-value{margin-top:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}.checkbox-item{display:flex;align-items:flex-start;gap:12px}.checkbox-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-item label{flex:1 1;cursor:pointer;font-weight:400;margin-bottom:0}textarea{width:100%;padding:14px 16px;border:2px solid rgba(139,115,85,.2);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;background:#fff;color:var(--text-primary);transition:var(--transition-fast)}textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,115,85,.1)}.optional-label{color:var(--text-light);font-size:.85rem;font-style:italic;margin-left:4px}.gottman-section{border:2px solid rgba(139,115,85,.15);background:linear-gradient(135deg,rgba(139,115,85,.02),rgba(139,115,85,.06))}.gottman-header{text-align:center;margin-bottom:24px}.gottman-intro{font-size:.95rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.gottman-toggle{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:var(--transition-fast)}.gottman-toggle:hover{background:rgba(139,115,85,.08)}.gottman-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.gottman-citation{font-size:.8rem;color:var(--text-light);margin-top:12px}.gottman-subsection{margin-top:32px;padding-top:24px;border-top:1px solid rgba(139,115,85,.15)}.gottman-subsection h3{font-size:1.15rem;color:var(--text-primary);margin-bottom:8px;text-align:center}.gottman-description{font-size:.9rem;color:var(--text-secondary);text-align:center;margin-bottom:24px;line-height:1.5}.horseman-group{margin-bottom:24px;padding:20px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.horseman-group.warning{border-color:rgba(244,67,54,.3);background:rgba(244,67,54,.03)}.horseman-group h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.horseman-warning{font-size:.85rem;color:var(--color-danger,#f44336);margin-bottom:16px;padding:8px 12px;background:rgba(244,67,54,.08);border-radius:var(--radius-sm)}.rating-group{gap:8px;margin-top:12px}.rating-group,.rating-option{display:flex;justify-content:center}.rating-option{flex-direction:column;align-items:center;min-width:48px;padding:10px 14px;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:var(--transition-fast);background:var(--color-surface)}.rating-option:hover{border-color:var(--color-primary);background:rgba(139,115,85,.05)}.rating-option.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.rating-option input{display:none}.rating-group.rating-labeled .rating-option{min-width:70px;font-size:.85rem}.gottman-results{margin-top:48px;padding-top:32px;border-top:2px solid var(--color-border)}.gottman-results-header{text-align:center;margin-bottom:32px}.gottman-results-header h2{font-size:1.4rem;color:var(--text-primary);margin-bottom:12px}.gottman-disclaimer{font-size:.85rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5}.gottman-results-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px}.gottman-results-section h3{font-size:1.15rem;color:var(--text-primary);text-align:center;margin-bottom:20px}.connection-health-badge,.horsemen-risk-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 auto 24px;display:block;width:-moz-fit-content;width:fit-content}.horsemen-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.horseman-card{padding:16px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center;position:relative}.horseman-card.primary{border-color:var(--color-danger,#f44336);box-shadow:0 0 0 2px rgba(244,67,54,.1)}.horseman-icon{font-size:1.8rem;margin-bottom:8px}.horseman-label{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:12px}.horseman-bar-container{height:8px;background:var(--color-background);border-radius:4px;overflow:hidden;margin-bottom:8px}.horseman-bar{height:100%;border-radius:4px;transition:width .5s ease}.horseman-score{font-size:.85rem;color:var(--text-secondary)}.primary-indicator{position:absolute;top:-8px;right:-8px;background:var(--color-danger,#f44336);color:#fff;font-size:.7rem;padding:4px 8px;border-radius:10px;font-weight:600}.turn-toward-gauge{text-align:center;margin-bottom:24px}.gauge-label{font-weight:600;margin-bottom:16px}.gauge-container-horizontal{max-width:400px;margin:0 auto}.gauge-track{position:relative;height:24px;background:linear-gradient(90deg,#f44336,#ff9800 33%,#4caf50);border-radius:12px;overflow:visible}.gauge-fill{position:absolute;top:0;left:0;height:100%;border-radius:12px;opacity:.3}.benchmark-marker{position:absolute;top:-28px;transform:translateX(-50%);text-align:center;font-size:.7rem}.benchmark-marker .benchmark-label{display:block;font-weight:600}.benchmark-marker .benchmark-text{display:block;color:var(--text-light)}.benchmark-marker.divorce{color:var(--color-danger,#f44336)}.benchmark-marker.happy{color:var(--color-success,#4caf50)}.gauge-marker.user{position:absolute;top:30px;transform:translateX(-50%)}.user-rate{display:inline-block;padding:4px 10px;background:var(--color-primary);color:#fff;border-radius:12px;font-weight:600;font-size:.9rem}.reciprocity-indicator{text-align:center;padding:12px;background:rgba(139,115,85,.05);border-radius:var(--radius-sm);font-size:.9rem}.reciprocity-label{font-weight:600;margin-right:8px}.gottman-observations{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border)}.gottman-observations h4{font-size:.95rem;font-weight:600;margin-bottom:12px}.gottman-observations ul{list-style:none;padding:0}.gottman-observations li{padding:10px 14px;background:rgba(139,115,85,.04);border-radius:var(--radius-sm);margin-bottom:8px;font-size:.9rem;line-height:1.5;border-left:3px solid var(--color-accent)}.research-citation-small{margin-top:20px;padding-top:12px;border-top:1px dashed var(--color-border);font-size:.75rem;color:var(--text-light);text-align:center}.repair-section{background:linear-gradient(135deg,rgba(76,175,80,.03),rgba(76,175,80,.08));border-color:rgba(76,175,80,.2)}.priority-areas{margin-bottom:20px}.priority-areas h4{font-size:.95rem;font-weight:600;margin-bottom:8px}.priority-areas ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.priority-areas li{padding:6px 14px;background:rgba(76,175,80,.15);color:var(--text-primary);border-radius:16px;font-size:.85rem}.repair-suggestions-grid{display:grid;grid-gap:12px;gap:12px}.repair-card{display:flex;gap:14px;padding:16px;background:#fff;border-radius:var(--radius-md);border:1px solid rgba(76,175,80,.2)}.repair-icon{font-size:1.5rem;flex-shrink:0}.repair-content{flex:1 1}.repair-text{font-size:1rem;color:var(--text-primary);font-style:italic;margin-bottom:6px}.repair-context{font-size:.85rem;color:var(--text-secondary);margin:0}.repair-guidance{margin-top:20px;padding:16px;background:rgba(76,175,80,.08);border-radius:var(--radius-md)}.repair-guidance h4{font-size:.95rem;font-weight:600;margin-bottom:8px}.repair-guidance p{font-size:.9rem;line-height:1.6;margin:0}.button-container{margin-top:32px;text-align:center}.info-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle}.info-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:rgba(139,115,85,.1);border-radius:50%;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}.info-tooltip-trigger:focus,.info-tooltip-trigger:hover{background:rgba(139,115,85,.2);color:var(--color-primary);outline:none}.info-tooltip-trigger svg{width:14px;height:14px}.info-tooltip-content{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:260px;padding:12px 16px;background:var(--text-primary);color:#fff;font-size:.85rem;font-weight:400;line-height:1.5;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.info-tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--text-primary)}@media (max-width:500px){.info-tooltip-content{width:220px;left:auto;right:-10px;transform:none}.info-tooltip-arrow{left:auto;right:14px;transform:none}}.label-with-tooltip{display:flex;align-items:center}.results{padding:48px 24px}.results h1{font-size:2.2rem;font-weight:400;color:var(--text-primary);margin-bottom:48px;text-align:center;letter-spacing:-.01em}.debt-level-container{text-align:center;margin:48px 0;padding:40px;background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.debt-level-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}.debt-level{font-size:2.8rem;font-weight:400;letter-spacing:.02em}.debt-level.low{color:var(--color-success)}.debt-level.moderate{color:var(--color-warning)}.debt-level.high{color:var(--color-danger)}.visualization{margin:48px 0}.gauge-container{display:flex;justify-content:center;margin:32px 0}.factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin:32px 0}.factor-card{background:var(--gradient-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-md);padding:24px;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.factor-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.factor-name{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.factor-bar-container{background:rgba(139,115,85,.1);height:10px;border-radius:5px;overflow:hidden;margin-bottom:12px}.factor-bar{height:100%;background:var(--gradient-button);border-radius:5px;transition:width .6s ease}.factor-value{font-size:.9rem;color:var(--text-secondary);font-weight:500}.expectation-bar-container{display:grid;grid-template-columns:120px 1fr 50px;grid-gap:16px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(139,115,85,.1)}.expectation-bar-container:last-child{border-bottom:none}.expectation-bar-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.expectation-bar-content{display:flex;flex-direction:column;gap:8px}.expectation-bar-row{display:flex;align-items:center;gap:12px}.bar-type-label{font-size:.75rem;color:var(--text-muted);width:55px;text-align:right}.bar-track{flex:1 1;height:8px;background:rgba(139,115,85,.1);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.bar-expected{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.bar-actual{background:linear-gradient(90deg,#3498db,#2980b9)}.bar-value{font-size:.8rem;color:var(--text-secondary);width:20px}.bar-value,.expectation-gap{font-weight:600;text-align:center}.expectation-gap{font-size:1rem}.radar-chart-container{position:relative;width:280px;height:320px;margin:0 auto}.radar-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;pointer-events:none}.radar-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%}.gap-indicator-container{display:grid;grid-template-columns:100px 1fr 40px;grid-gap:16px;gap:16px;align-items:center;padding:12px 0}.gap-indicator-label{font-size:.85rem;color:var(--text-secondary)}.gap-indicator-bar{position:relative;height:12px;background:rgba(139,115,85,.1);border-radius:6px}.gap-center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(139,115,85,.3);transform:translateX(-50%)}.gap-fill{position:absolute;top:2px;height:8px;border-radius:4px;transition:width .6s ease}.gap-fill.positive{background:linear-gradient(90deg,#27ae60,#2ecc71)}.gap-fill.negative{background:linear-gradient(90deg,#e74c3c,#c0392b)}.gap-value{font-size:.9rem;font-weight:600;text-align:center}.expectations-comparison{background:var(--gradient-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:32px;margin:32px 0;box-shadow:var(--shadow-sm)}.expectations-comparison h3{font-size:1.2rem;font-weight:400;color:var(--text-primary);margin-bottom:24px;text-align:center}.comparison-legend{display:flex;justify-content:center;gap:32px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(139,115,85,.1)}.comparison-legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.comparison-legend-item .bar-fill{width:20px;height:8px}.save-share-container{position:relative;display:flex;justify-content:center;margin:24px 0}.btn-share{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-cream);color:var(--text-primary);font-weight:500;transition:var(--transition-normal)}.btn-share:hover{background:rgba(139,115,85,.1);border-color:rgba(139,115,85,.3)}.share-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:999}.share-menu{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;z-index:1000;overflow:hidden}.share-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(139,115,85,.1)}.share-menu-header h4{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0}.share-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0}.share-close:hover{color:var(--text-primary)}.share-options{padding:12px}.share-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.share-option:hover{background:rgba(139,115,85,.1)}.share-option svg{flex-shrink:0;color:var(--text-secondary)}.share-note{padding:12px 20px 16px;font-size:.75rem;color:var(--text-muted);text-align:center;border-top:1px solid rgba(139,115,85,.1)}.shared-notice{background:linear-gradient(135deg,rgba(155,89,182,.1),rgba(142,68,173,.1));border:1px solid rgba(155,89,182,.2);border-radius:var(--radius-md);padding:12px 20px;text-align:center;font-size:.9rem;color:#8e44ad;margin-bottom:24px}.conversation-starters{background:var(--gradient-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:32px;margin:32px 0;box-shadow:var(--shadow-sm)}.conversation-starters h3{font-size:1.2rem;font-weight:400;color:var(--text-primary);margin-bottom:16px;text-align:center}.starters-intro{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.no-gaps-message{text-align:center;color:var(--color-success);font-size:.95rem;padding:20px;background:rgba(46,204,113,.1);border-radius:var(--radius-md)}.starter-card{background:hsla(0,0%,100%,.6);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-md);padding:20px;margin-bottom:16px;position:relative}.starter-card:last-of-type{margin-bottom:20px}.starter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.starter-dimension{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.starter-gap{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:12px}.starter-gap.negative{background:rgba(231,76,60,.1);color:#e74c3c}.starter-gap.positive{background:rgba(46,204,113,.1);color:#27ae60}.starter-content{margin-bottom:16px}.starter-question{font-size:1rem;color:var(--text-primary);line-height:1.6;font-style:italic;margin-bottom:12px}.starter-toggle{background:none;border:none;color:var(--accent-primary);font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline}.starter-toggle:hover{color:var(--accent-secondary)}.starter-followup{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(139,115,85,.2);font-size:.95rem;color:var(--text-secondary);line-height:1.6;font-style:italic}.followup-label{font-style:normal;font-weight:500;color:var(--text-primary);display:block;margin-bottom:4px;font-size:.8rem}.starter-copy{position:absolute;top:16px;right:16px;background:rgba(139,115,85,.1);border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.starter-copy:hover{background:rgba(139,115,85,.2);color:var(--text-primary)}.starters-note{font-size:.8rem;color:var(--text-muted);text-align:center;font-style:italic}.action-items{background:var(--gradient-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:32px;margin:32px 0;box-shadow:var(--shadow-sm)}.action-items h3{font-size:1.2rem;font-weight:400;color:var(--text-primary);margin-bottom:8px;text-align:center}.actions-intro{text-align:center;color:var(--text-secondary);font-size:.9rem}.action-add-form,.actions-intro{margin-bottom:24px}.action-input-wrapper{display:flex;gap:12px;margin-bottom:12px}.action-input-wrapper input{flex:1 1;padding:12px 16px;border:1px solid rgba(139,115,85,.2);border-radius:var(--radius-md);font-size:.95rem;background:hsla(0,0%,100%,.8)}.action-input-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(139,115,85,.1)}.action-add-btn{padding:12px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.action-add-btn:hover:not(:disabled){background:var(--accent-secondary)}.action-add-btn:disabled{opacity:.5;cursor:not-allowed}.action-suggestions-toggle{background:none;border:none;color:var(--accent-primary);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.action-suggestions-toggle:hover{color:var(--accent-secondary)}.action-suggestions{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;background:rgba(139,115,85,.05);border-radius:var(--radius-md)}.action-suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:hsla(0,0%,100%,.8);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left;width:100%}.action-suggestion-item:hover{background:#fff;border-color:var(--accent-primary)}.suggestion-icon{font-size:1.1rem;flex-shrink:0}.suggestion-text{flex:1 1;font-size:.9rem;color:var(--text-primary)}.suggestion-add{color:var(--accent-primary);font-size:1.2rem;font-weight:600;opacity:.5;transition:var(--transition-fast)}.action-suggestion-item:hover .suggestion-add{opacity:1}.action-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:hsla(0,0%,100%,.7);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-md);transition:var(--transition-fast)}.action-item:hover{background:hsla(0,0%,100%,.9)}.action-item.completed{opacity:.7}.action-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid rgba(139,115,85,.3);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast)}.action-checkbox:hover{border-color:var(--accent-primary);background:rgba(139,115,85,.1)}.action-checkbox.checked{background:var(--color-success);border-color:var(--color-success);color:#fff}.checkbox-empty{font-size:.8rem;opacity:0}.action-checkbox:hover .checkbox-empty{opacity:.5}.checkbox-checked{font-size:.9rem}.action-content{flex:1 1;display:flex;align-items:center;gap:10px}.action-category-icon{font-size:1rem;flex-shrink:0}.action-text{font-size:.95rem;color:var(--text-primary)}.action-item.completed .action-text{text-decoration:line-through;color:var(--text-secondary)}.action-delete{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;opacity:0;transition:var(--transition-fast)}.action-item:hover .action-delete{opacity:1}.action-delete:hover{color:var(--color-error)}.action-empty{text-align:center;padding:32px 20px;color:var(--text-secondary);font-size:.9rem}.action-completed-section{margin-top:20px;padding-top:20px;border-top:1px dashed rgba(139,115,85,.2)}.action-completed-toggle{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:0;margin-bottom:16px}.action-completed-toggle:hover{color:var(--text-primary)}.action-list.completed{opacity:.8}.action-progress{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(139,115,85,.1)}.progress-bar-bg{flex:1 1;height:8px;background:rgba(139,115,85,.1);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#2ecc71);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.reflection-history{background:var(--gradient-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:24px 32px;margin:32px 0;box-shadow:var(--shadow-sm)}.history-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-save-reflection,.btn-view-history{padding:12px 24px;border-radius:var(--radius-xl);font-size:.95rem;cursor:pointer;transition:var(--transition-normal)}.btn-save-reflection{background:var(--gradient-button);border:none;color:#fff;font-weight:500;box-shadow:var(--shadow-sm)}.btn-save-reflection:hover:not(:disabled){background:var(--gradient-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-save-reflection:disabled{opacity:.7;cursor:default;transform:none}.btn-view-history{background:none;border:1px solid rgba(139,115,85,.3);color:var(--text-secondary)}.btn-view-history:hover{background:rgba(139,115,85,.1);color:var(--text-primary)}.history-list{margin-top:24px;padding-top:24px;border-top:1px solid rgba(139,115,85,.1)}.history-list h4{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:8px;text-align:center}.history-intro{font-size:.85rem;color:var(--text-muted);text-align:center;margin-bottom:16px}.history-item{display:flex;align-items:center;background:hsla(0,0%,100%,.5);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden;transition:var(--transition-fast)}.history-item.selected{border-color:var(--accent-primary);background:rgba(139,115,85,.1)}.history-item-main{flex:1 1;display:flex;align-items:center;gap:16px;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left}.history-date{font-size:.85rem;color:var(--text-secondary);flex:1 1}.history-level{font-size:.75rem;font-weight:500;text-transform:uppercase;padding:4px 10px;border-radius:12px}.history-level.low{background:rgba(46,204,113,.1);color:#27ae60}.history-level.moderate{background:rgba(241,196,15,.1);color:#f39c12}.history-level.high{background:rgba(231,76,60,.1);color:#e74c3c}.history-score{font-size:.9rem;font-weight:600;color:var(--text-primary)}.history-delete{background:none;border:none;color:var(--text-muted);font-size:1.2rem;padding:12px 16px;cursor:pointer;transition:var(--transition-fast)}.history-delete:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.comparison-results{margin-top:24px;padding-top:24px;border-top:1px solid rgba(139,115,85,.1)}.comparison-results h4{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:16px;text-align:center}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.comparison-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:hsla(0,0%,100%,.5);border-radius:var(--radius-sm)}.comparison-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.comparison-change{font-size:1rem;font-weight:600}.comparison-change.improved{color:#27ae60}.comparison-change.worsened{color:#e74c3c}.comparison-change.same,.comparison-note{color:var(--text-muted)}.comparison-note{font-size:.8rem;text-align:center;margin-top:16px;font-style:italic}.explanation{background:var(--gradient-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:32px;margin:32px 0;line-height:1.9;box-shadow:var(--shadow-sm)}.explanation h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.explanation p,.explanation ul{color:var(--text-secondary);margin-bottom:16px}.explanation ul{list-style:none}.explanation li{margin-bottom:12px;padding-left:20px;position:relative}.explanation li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--color-accent);border-radius:50%}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;margin-bottom:32px;font-size:.9rem;transition:var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.shared-entry{text-align:center}.shared-entry h1{font-size:2.5rem;font-weight:400;color:var(--text-primary);margin-bottom:20px}.shared-intro{max-width:480px;margin:0 auto 48px}.shared-intro p{color:var(--text-secondary);line-height:1.8;margin-bottom:12px}.shared-note{font-size:.9rem;color:var(--text-light);font-style:italic}.shared-actions{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:420px;margin:0 auto 32px}.action-card{background:var(--gradient-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);padding:28px 36px;width:100%;text-align:center;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.action-card h2{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.action-card p{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.action-divider{color:var(--text-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.join-form{display:flex;gap:12px}.code-input-simple{flex:1 1;padding:14px 18px;font-size:1.3rem;text-align:center;letter-spacing:.25em;border:2px solid rgba(139,115,85,.2);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Inconsolata,monospace;text-transform:uppercase;width:160px;background:#fff;color:var(--text-primary);transition:var(--transition-fast)}.code-input-simple:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,115,85,.1)}.created-session{background:var(--gradient-card);border:2px solid var(--color-accent-light);border-radius:var(--radius-xl);padding:40px;max-width:420px;margin:0 auto 32px;text-align:center;box-shadow:var(--shadow-lg),var(--shadow-glow)}.code-display{margin-bottom:28px}.code-display .code-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.code-display .code-value{display:block;font-size:3rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:700;color:var(--text-primary);letter-spacing:.2em}.share-row{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.btn-share{background:rgba(139,115,85,.08);border:1px solid rgba(139,115,85,.2);border-radius:var(--radius-md);padding:12px 20px;font-size:.9rem;cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary)}.btn-share:hover{background:rgba(139,115,85,.15);border-color:var(--color-primary)}.share-hint{font-size:.85rem;color:var(--text-light);margin-bottom:28px}.btn-large{padding:16px 36px;font-size:1.05rem}.privacy-note{background:rgba(139,115,85,.06);padding:16px 24px;border-radius:var(--radius-md);font-size:.9rem;color:var(--text-secondary);max-width:420px;margin:28px auto 0;line-height:1.6}.shared-input{max-width:640px}.code-banner{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--gradient-card);padding:16px 28px;border-radius:var(--radius-lg);margin-bottom:32px;box-shadow:var(--shadow-sm);border:1px solid hsla(0,0%,100%,.8)}.code-banner .code-label{font-size:.85rem;color:var(--text-muted)}.code-banner .code-value{font-size:1.3rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:600;color:var(--text-primary);letter-spacing:.15em}.btn-copy-small{background:transparent;border:none;font-size:1.1rem;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-copy-small:hover{background:rgba(139,115,85,.1)}.participant-hint{font-size:.8rem;color:var(--text-light);margin-left:8px}.shared-input h1{font-size:2rem;font-weight:400;color:var(--text-primary);text-align:center;margin-bottom:8px}.privacy-reminder{text-align:center;font-size:.9rem;color:var(--text-muted);margin-bottom:36px}.form-section.compact{padding:24px 28px}.form-row{display:flex;gap:20px}.form-group.half{flex:1 1}.inline-inputs{display:flex;gap:10px}.inline-inputs input{width:80px}.inline-inputs select{flex:1 1}.slider-row{display:flex;align-items:center;gap:14px}.slider-row input[type=range]{flex:1 1}.slider-label{font-size:.8rem;color:var(--text-light);min-width:32px}.slider-value{font-weight:600;color:var(--text-primary);min-width:28px;text-align:center;margin-top:0}.section-hint{font-size:.9rem;color:var(--text-muted);margin-bottom:24px}.expectation-block{background:hsla(0,0%,100%,.6);border:1px solid rgba(139,115,85,.1);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;transition:var(--transition-fast)}.expectation-block:hover{background:hsla(0,0%,100%,.9)}.expectation-block h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.exp-sliders{display:flex;flex-direction:column;gap:10px}.exp-slider-row{display:flex;align-items:center;gap:14px}.exp-label{font-size:.85rem;color:var(--text-muted);width:60px}.exp-slider-row input[type=range]{flex:1 1}.exp-value{font-size:.95rem;font-weight:600;color:var(--text-primary);width:28px;text-align:center}.gap-indicator{text-align:center;font-size:.85rem;padding:8px 12px;border-radius:var(--radius-sm);margin-top:12px;font-weight:500}.gap-green{background:var(--color-success-bg);color:var(--color-success)}.gap-yellow{background:var(--color-warning-bg);color:var(--color-warning)}.gap-red{background:var(--color-danger-bg);color:var(--color-danger)}.exclusivity-block{background:hsla(34,42%,64%,.08)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--text-secondary);padding:8px 0}.checkbox-label.indent{margin-left:28px;font-size:.9rem;color:var(--text-muted)}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary)}.submit-btn{width:100%;margin-top:24px}.waiting-page{text-align:center;padding-top:80px}.waiting-page h1{font-size:2.2rem;font-weight:400;color:var(--text-primary);margin-bottom:40px}.waiting-content{max-width:420px;margin:0 auto}.waiting-content p{color:var(--text-secondary);margin-bottom:28px;line-height:1.7}.waiting-spinner{width:48px;height:48px;border:3px solid rgba(139,115,85,.2);border-top:3px solid var(--color-primary);border-radius:50%;margin:0 auto 32px;animation:spin 1s linear infinite}.waiting-note{font-size:.85rem;color:var(--text-light)}.waiting-submitted{color:var(--color-success)!important;font-weight:500}.code-share-box{display:flex;align-items:center;justify-content:center;gap:20px;background:var(--gradient-card);padding:20px 32px;border-radius:var(--radius-lg);margin-bottom:28px;box-shadow:var(--shadow-sm)}.code-large{font-size:2rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:700;color:var(--text-primary);letter-spacing:.15em}.shared-results h1{font-size:2.2rem;font-weight:400;color:var(--text-primary);text-align:center;margin-bottom:16px}.results-intro{text-align:center;color:var(--text-muted);margin-bottom:48px}.shared-results h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(139,115,85,.15)}.alignment-overview{margin-bottom:48px;padding:32px;background:var(--gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.alignment-gauge{position:relative;margin:28px 0}.gauge-track{display:flex;height:14px;border-radius:7px;overflow:hidden}.gauge-section{flex:1 1}.gauge-aligned{background:var(--color-success-bg)}.gauge-partial{background:var(--color-warning-bg)}.gauge-divergent{background:var(--color-danger-bg)}.gauge-indicator{position:absolute;top:-5px;width:24px;height:24px;background:var(--gradient-button);border-radius:50%;transform:translateX(-50%);box-shadow:var(--shadow-md)}.gauge-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:.8rem;color:var(--text-light)}.alignment-level-text{text-align:center;color:var(--text-secondary);margin-top:20px;font-weight:500}.alignment-categories{margin-bottom:48px;padding:28px 32px;background:var(--gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.alignment-bar{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid rgba(139,115,85,.1)}.alignment-bar:last-child{border-bottom:none}.bar-label{width:140px;font-size:.9rem;color:var(--text-secondary);font-weight:500}.bar-visual{flex:1 1;padding:0 20px}.bar-track{position:relative;height:28px;background:rgba(139,115,85,.08);border-radius:14px}.bar-dot{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);transition:var(--transition-normal)}.dot-a{background:var(--color-primary)}.dot-a,.dot-b{box-shadow:var(--shadow-sm)}.dot-b{background:var(--color-accent);border:2px solid #fff}.bar-gap-line{position:absolute;top:50%;height:3px;background:rgba(139,115,85,.3);transform:translateY(-50%);border-radius:2px}.bar-status{width:90px;text-align:right;font-size:.8rem;text-transform:capitalize;font-weight:500}.status-aligned{color:var(--color-success)}.status-partial{color:var(--color-warning)}.status-divergent{color:var(--color-danger)}.observations-section{margin-bottom:48px;padding:28px 32px;background:var(--gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.observations-list{list-style:none;padding:0}.observations-list li{border-bottom:1px solid rgba(139,115,85,.1);color:var(--text-secondary);font-size:.95rem;line-height:1.7;padding:16px 0 16px 24px;position:relative}.observations-list li:last-child{border-bottom:none}.observations-list li:before{content:"";position:absolute;left:0;top:22px;width:8px;height:8px;background:var(--color-accent);border-radius:50%}.individual-summary{margin-bottom:48px;padding:28px 32px;background:var(--gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.summary-note{font-size:.9rem;color:var(--text-muted);margin-bottom:20px}.debt-levels{display:flex;justify-content:center;gap:48px}.debt-level-item{display:flex;flex-direction:column;align-items:center;gap:12px}.participant-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.debt-badge{padding:10px 24px;border-radius:24px;font-size:.9rem;font-weight:500;text-transform:capitalize}.debt-low{background:var(--color-success-bg);color:var(--color-success)}.debt-moderate{background:var(--color-warning-bg);color:var(--color-warning)}.debt-high{background:var(--color-danger-bg);color:var(--color-danger)}.results-disclaimer{background:rgba(139,115,85,.06);padding:20px 28px;border-radius:var(--radius-md);margin-bottom:36px}.results-disclaimer p{font-size:.85rem;color:var(--text-muted);margin:0;text-align:center;line-height:1.6}.results-actions{text-align:center}.error-message{color:var(--color-danger);background:var(--color-danger-bg);padding:14px 20px;margin:20px 0;font-size:.9rem}.form-label{display:block;margin-bottom:12px;color:var(--text-secondary);font-weight:500}.session-code-box{background:var(--gradient-card);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-lg);padding:28px;margin-bottom:36px;text-align:center;box-shadow:var(--shadow-sm)}.session-code-box>p:first-child{font-size:.8rem;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.12em}.session-code{font-size:2.8rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:700;color:var(--text-primary);letter-spacing:.2em}.session-hint{font-size:.85rem;color:var(--text-light);margin-top:12px}.shared-privacy-note{background:rgba(139,115,85,.06);border-left:3px solid var(--color-accent);padding:14px 20px;margin-bottom:36px;font-size:.9rem;color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.shared-intro-text{max-width:480px;margin:0 auto 48px;color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.language-selector{position:fixed;top:20px;right:320px;z-index:100}.language-selector select{padding:10px 16px;font-size:.9rem;border:1px solid rgba(139,115,85,.2);border-radius:var(--radius-md);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.language-selector select:focus,.language-selector select:hover{border-color:var(--color-primary)}.language-selector select:focus{outline:none;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.theme-toggle-container{position:fixed;top:20px;right:250px;z-index:100}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.theme-toggle:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,115,85,.1)}.theme-toggle svg{transition:transform var(--transition-normal)}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);min-width:140px;overflow:hidden}.theme-toggle-container:hover .theme-dropdown,.theme-toggle:focus+.theme-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.theme-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.theme-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-option.active{color:var(--color-primary);background:rgba(139,115,85,.08)}.theme-option svg{flex-shrink:0}.admin-login{max-width:400px;margin:80px auto;padding:40px;background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.admin-login h1{font-size:1.8rem;font-weight:500;margin-bottom:32px;color:var(--text-primary)}.admin-login .form-group{text-align:left}.admin-dashboard{max-width:1000px;margin:0 auto;padding:40px 24px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-header h1{font-size:1.8rem;font-weight:500;color:var(--text-primary)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{background:var(--gradient-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.stat-value{font-size:2.5rem;font-weight:600;color:var(--text-primary)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:8px}@media (max-width:768px) and (min-width:601px){.language-selector{top:16px;right:300px}.theme-toggle-container{top:16px;right:230px}.user-menu,.user-menu-auth{top:14px;right:16px}.toast-container{top:70px;right:16px}}@media (max-width:768px){.container{padding:36px 20px}.landing h1{font-size:3rem}.landing-intro{font-size:1rem}.how-it-works,.what-to-expect{max-width:100%}.factors-grid{grid-template-columns:1fr 1fr}.debt-levels{gap:32px}.bar-label{width:120px;font-size:.85rem}.expectation-bar-container{grid-template-columns:100px 1fr 45px;gap:12px}.expectation-bar-label{font-size:.85rem}.radar-chart-container{width:260px;height:300px}.progress-indicator{padding:14px 20px;margin-top:60px}.progress-dots{gap:8px}.progress-dot{width:10px;height:10px}}@media (max-width:500px){.container{padding:28px 16px}.landing{padding:40px 16px 60px}.landing h1{font-size:2.5rem;letter-spacing:.1em}.landing h1:after{width:40px;bottom:-6px}.landing-tagline{font-size:1rem;margin:20px 0 28px}.landing-intro{font-size:.95rem;margin-bottom:36px}.what-to-expect{padding:24px;margin-bottom:28px}.expect-list li{font-size:.9rem}.steps{gap:12px}.step{padding:14px 16px;gap:16px}.step-number{width:32px;height:32px;font-size:.9rem}.disclaimer{padding:16px 20px;margin:28px auto;font-size:.85rem}.research-section{margin:32px auto}.research-section h2{font-size:1.15rem}.research-intro{font-size:.9rem;margin-bottom:20px}.research-grid{gap:16px}.research-item{padding:16px;gap:12px}.research-icon{font-size:1.3rem;width:36px;height:36px}.research-content strong{font-size:.95rem}.research-content p{font-size:.82rem}.research-footer{font-size:.8rem}.btn-primary.btn-large{padding:18px 40px;font-size:1rem;width:100%;max-width:300px}.landing-actions{gap:24px;margin-top:36px}.form-section{padding:24px 20px}.form-row{flex-direction:column;gap:16px}.radio-group{flex-direction:column;gap:10px}.radio-group label{justify-content:flex-start;padding:14px 18px}.share-row{flex-direction:column}.code-display .code-value{font-size:2.2rem;letter-spacing:.15em}.join-form{flex-direction:column}.code-input-simple{width:100%}.created-session{padding:28px 24px}.code-banner{flex-direction:column;gap:10px;padding:20px}.results h1{font-size:1.8rem}.debt-level{font-size:2.2rem}.debt-level-container{padding:32px 24px}.factors-grid{grid-template-columns:1fr}.explanation{padding:24px 20px}.alignment-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0}.bar-label{width:100%}.bar-visual{width:100%;padding:0}.bar-status{width:100%;text-align:left;margin-top:6px}.debt-levels{flex-direction:column;gap:20px}.waiting-page{padding-top:60px}.code-share-box{flex-direction:column;gap:16px;padding:24px}.code-large{font-size:1.6rem}.user-menu,.user-menu-auth{right:12px}.language-selector select{padding:8px 12px;font-size:.85rem}.progress-indicator{padding:12px 16px;margin:-28px -16px 24px}.progress-header{flex-wrap:wrap;gap:8px}.progress-step{font-size:.85rem}.progress-label{font-size:.8rem;width:100%;text-align:center;order:-1;margin-bottom:4px}.progress-dots{display:none}.expectation-bar-container{grid-template-columns:1fr;gap:8px;padding:16px;background:hsla(0,0%,100%,.5);border-radius:var(--radius-md);margin-bottom:12px}.expectation-bar-label{font-size:.95rem;text-align:center}.bar-type-label{width:50px;font-size:.7rem}.expectation-gap{justify-self:center;padding-top:4px}.radar-chart-container{width:250px;height:290px;margin:16px auto}.radar-label{font-size:.65rem}.radar-legend{flex-wrap:wrap;gap:16px;margin-top:12px}.gap-indicator-container{grid-template-columns:1fr;gap:6px;padding:12px 16px;background:hsla(0,0%,100%,.5);border-radius:var(--radius-md);margin-bottom:8px}.gap-indicator-label,.gap-value{text-align:center;font-size:.85rem}.expectations-comparison{padding:20px 16px;margin:24px 0}.expectations-comparison h3{font-size:1.1rem}.comparison-legend{flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.radar-section{padding:20px 16px}.radar-section h3{font-size:1.1rem}.gap-analysis-section{padding:20px 16px}.gap-analysis-section h3{font-size:1.1rem}.gap-explanation{font-size:.85rem;padding:12px}.slider-with-labels{flex-direction:row;gap:8px;align-items:center}.slider-label-high,.slider-label-low{font-size:.65rem;min-width:50px;max-width:60px}.slider-label-low{text-align:right}.slider-label-high{text-align:left}.slider-track{flex:1 1;min-width:100px}.language-selector{display:none}.theme-toggle-container{top:12px;right:195px}.theme-toggle{width:40px;height:40px}.user-menu,.user-menu-auth{top:10px;right:10px}.user-menu-login,.user-menu-signup{padding:7px 12px;font-size:.8rem}.toast-container{top:60px;right:12px;left:12px;width:auto;max-width:none}.progress-indicator{margin-top:50px}.pwa-prompt{bottom:16px;left:16px;right:16px;max-width:none}.tour-trigger{bottom:140px;right:16px}.offline-banner{bottom:90px;left:16px;right:16px;max-width:calc(100vw - 32px)}.share-menu{left:16px;right:16px;bottom:auto;top:50%;transform:translateY(-50%);min-width:auto;width:auto}.relationship-type-grid{grid-template-columns:repeat(2,1fr);gap:8px}.relationship-type-btn{padding:12px 8px;font-size:.85rem}}@media (max-width:360px){.landing h1{font-size:2rem}.code-display .code-value{font-size:1.8rem}.btn-primary.btn-large{padding:16px 24px;font-size:.9rem;width:100%}.btn-secondary{padding:12px 20px;font-size:.85rem;width:100%}.progress-indicator{padding:10px 12px;margin-top:50px}.progress-bar-track{height:4px}.progress-step{font-size:.8rem}.language-selector{display:none}.theme-toggle-container{top:10px;right:200px}.theme-toggle{width:32px;height:32px}.user-menu,.user-menu-auth{top:8px;right:6px}.user-menu-auth{gap:4px}.user-menu-login,.user-menu-signup{padding:4px 6px;font-size:.7rem}.pwa-prompt{bottom:12px;left:12px;right:12px;padding:16px}.tour-trigger{bottom:120px;right:12px;width:32px;height:32px;font-size:.9rem}.offline-banner{bottom:70px;padding:10px 16px;font-size:.85rem}.relationship-type-grid{grid-template-columns:repeat(2,1fr);gap:6px}.relationship-type-btn{padding:10px 6px;font-size:.8rem}}@media (hover:none) and (pointer:coarse){.action-card,.btn-primary,.btn-secondary,.btn-share{min-height:48px}input[type=range]{height:10px}input[type=range]::-webkit-slider-thumb{width:28px;height:28px}input[type=checkbox],input[type=radio]{width:24px;height:24px}.action-card:hover,.factor-card:hover,.form-section:hover,.step:hover,.what-to-expect:hover{transform:none}.progress-dot{min-width:16px;min-height:16px;padding:4px}.slider-track{padding:8px 0}select{min-height:48px}input[type=number],input[type=text],select,textarea{font-size:16px}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.error-boundary-content{text-align:center;max-width:400px;background:var(--gradient-card);padding:48px 32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid hsla(0,0%,100%,.6)}.error-icon{font-size:48px;margin-bottom:16px;animation:gentle-shake .5s ease-in-out}@keyframes gentle-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-boundary-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.error-boundary-content p{font-size:1rem;color:var(--text-secondary);margin-bottom:24px}.error-reported-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-sm);margin-bottom:20px;font-size:.9rem}.error-reported-notice .success-icon{font-size:1.1rem}.error-report-action{margin-bottom:20px}.error-retry-btn{background:var(--gradient-button);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.error-retry-btn:hover{background:var(--gradient-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.error-message{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-md);margin:16px 0;animation:slide-in-down .3s ease-out}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message--error{background:var(--color-danger-bg);border:1px solid hsla(0,40%,60%,.3)}.error-message--warning{background:var(--color-warning-bg);border:1px solid rgba(201,165,74,.3)}.error-message--info{background:rgba(139,115,85,.08);border:1px solid rgba(139,115,85,.2)}.error-message-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.error-message-content{flex:1 1}.error-message-title{display:block;font-weight:600;color:var(--text-primary);margin-bottom:4px}.error-message-text{font-size:.9rem;color:var(--text-secondary);margin:0}.error-message-actions{display:flex;gap:8px;flex-shrink:0}.error-action-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.error-action-btn--retry{background:var(--color-primary);color:#fff}.error-action-btn--retry:hover{background:var(--color-primary-dark)}.error-action-btn--dismiss{background:transparent;color:var(--text-secondary);border:1px solid var(--text-light)}.error-action-btn--dismiss:hover{background:rgba(0,0,0,.05);border-color:var(--text-secondary)}.offline-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(45,42,38,.95);color:#fff;padding:12px 20px;border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);z-index:1000;animation:slide-up .3s ease-out;max-width:calc(100vw - 40px)}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.offline-icon{font-size:1.25rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.offline-text{font-size:.9rem;flex:1 1}.offline-dismiss{background:transparent;border:none;color:hsla(0,0%,100%,.7);font-size:1.25rem;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--transition-fast)}.offline-dismiss:hover{color:#fff}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1001;max-width:360px;width:calc(100vw - 40px)}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toast-in .3s ease-out;background:#fff}@keyframes toast-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-danger)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--info{border-left:4px solid var(--color-primary)}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.toast--success .toast-icon{background:var(--color-success-bg);color:var(--color-success)}.toast--error .toast-icon{background:var(--color-danger-bg);color:var(--color-danger)}.toast--warning .toast-icon{background:var(--color-warning-bg);color:var(--color-warning)}.toast--info .toast-icon{background:rgba(139,115,85,.1);color:var(--color-primary)}.toast-message{flex:1 1;font-size:.9rem;color:var(--text-primary)}.toast-close{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}@media (max-width:600px){.error-boundary-content{padding:32px 24px}.error-icon{font-size:40px}.error-boundary-content h2{font-size:1.25rem}.error-message{flex-wrap:wrap}.error-message-actions{width:100%;margin-top:12px;justify-content:flex-end}.offline-banner{bottom:10px;padding:10px 16px;font-size:.85rem}.toast-container{top:10px;right:10px;left:10px;width:auto;max-width:none}}.pwa-prompt{position:fixed;bottom:24px;left:24px;right:24px;max-width:400px;margin:0 auto;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;z-index:1000;animation:slideUp .3s ease}.pwa-prompt-content{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.pwa-prompt-icon{font-size:32px;line-height:1}.pwa-prompt-text strong{display:block;color:var(--text-primary);font-size:1.1rem;margin-bottom:4px}.pwa-prompt-text p{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.pwa-prompt-actions{display:flex;gap:12px;justify-content:flex-end}.pwa-dismiss{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.pwa-dismiss:hover{border-color:var(--text-muted);color:var(--text-primary)}.pwa-install{padding:10px 20px;background:var(--gradient-button);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.pwa-install:hover{background:var(--gradient-button-hover);transform:translateY(-1px)}.tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tour-spotlight{position:fixed;z-index:9999;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.3);pointer-events:none;transition:all .3s ease}.tour-tooltip{position:fixed;z-index:10000;width:320px;max-width:calc(100vw - 32px);background:var(--bg-card);border-radius:16px;padding:20px;box-shadow:var(--shadow-lg);animation:tour-fade-in .3s ease}@keyframes tour-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip:before{content:"";position:absolute;width:12px;height:12px;background:var(--bg-card);transform:rotate(45deg)}.tour-arrow-top:before{top:-6px;left:50%;margin-left:-6px;box-shadow:-2px -2px 4px rgba(0,0,0,.05)}.tour-arrow-bottom:before{bottom:-6px;left:50%;margin-left:-6px;box-shadow:2px 2px 4px rgba(0,0,0,.05)}.tour-arrow-left:before{left:-6px;top:50%;margin-top:-6px;box-shadow:-2px 2px 4px rgba(0,0,0,.05)}.tour-arrow-right:before{right:-6px;top:50%;margin-top:-6px;box-shadow:2px -2px 4px rgba(0,0,0,.05)}.tour-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.tour-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.tour-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.tour-close:hover{color:var(--text-primary)}.tour-content{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.tour-footer{display:flex;justify-content:space-between;align-items:center}.tour-progress{display:flex;gap:6px}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .2s}.tour-dot.active{background:var(--color-primary);transform:scale(1.2)}.tour-dot.completed{background:var(--color-success)}.tour-buttons{display:flex;gap:8px}.tour-btn{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.tour-btn-primary{background:var(--gradient-button);color:var(--text-inverse)}.tour-btn-primary:hover{background:var(--gradient-button-hover);transform:translateY(-1px)}.tour-btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color)}.tour-btn-secondary:hover{background:var(--bg-secondary)}.tour-trigger{position:fixed;bottom:80px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all .2s;z-index:100}@media (max-width:500px){.tour-trigger{bottom:140px;right:16px;width:36px;height:36px;font-size:1rem}}.tour-trigger:hover{background:var(--bg-card-hover);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media print{.back-link,.btn-primary,.btn-secondary,.error-boundary,.error-message,.language-selector,.offline-banner,.pwa-prompt,.theme-toggle-container,.toast-container,.tour-overlay,.tour-spotlight,.tour-tooltip,.tour-trigger,body:before{display:none}.container{max-width:100%;padding:20px}}.version-indicator{position:fixed;bottom:8px;right:8px;font-size:.75rem;color:var(--text-muted);opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;font-family:monospace}.user-menu{position:fixed;top:18px;right:20px;z-index:1000}.user-menu-skeleton{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);animation:pulse 1.5s ease-in-out infinite}.user-menu-auth{position:fixed;top:18px;right:20px;display:flex;gap:8px;z-index:1000}.user-menu-login,.user-menu-signup{padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.user-menu-login{color:var(--text-secondary);background:transparent}.user-menu-login:hover{color:var(--text-primary);background:var(--bg-tertiary)}.user-menu-signup{color:var(--text-inverse);background:var(--gradient-button)}.user-menu-signup:hover{background:var(--gradient-button-hover)}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:none;border-radius:24px;background:var(--bg-card);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-fast)}.user-menu-trigger:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-button);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.user-avatar.large{width:48px;height:48px;font-size:1rem}.user-menu-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.user-menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:12px;padding:12px}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;color:var(--text-primary)}.user-email,.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.875rem;color:var(--text-muted)}.user-menu-plan{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin:0 8px 8px}.plan-label{color:var(--text-muted);letter-spacing:.5px}.plan-badge,.plan-label{font-size:.75rem;text-transform:uppercase}.plan-badge{font-weight:600;padding:4px 10px;border-radius:12px}.plan-badge.free{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-badge.starter{background:var(--color-info-bg);color:var(--color-info)}.plan-badge.plus{background:var(--color-warning-bg);color:var(--color-warning)}.plan-badge.pro{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-badge.vip{background:linear-gradient(135deg,#f5af19,#f12711);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.plan-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-menu-divider{height:1px;background:var(--border-color);margin:8px 0}.user-menu-nav{display:flex;flex-direction:column}.user-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.9375rem;text-decoration:none;cursor:pointer;transition:var(--transition-fast);width:100%;text-align:left}.user-menu-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-menu-item svg{width:18px;height:18px;flex-shrink:0}.user-menu-item.upgrade{color:var(--color-primary)}.user-menu-item.upgrade:hover{background:rgba(139,115,85,.1)}.user-menu-item.signout{color:var(--color-danger)}.user-menu-item.signout:hover{background:var(--color-danger-bg)}.plan-badge.clickable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;border:none;transition:var(--transition-fast)}.plan-badge.clickable:hover{transform:scale(1.05);filter:brightness(1.1)}.plan-badge-icon{opacity:.8}.subscription-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.subscription-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.subscription-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:var(--radius-sm);transition:var(--transition-fast);z-index:1}.subscription-modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.subscription-manager{padding:24px}.subscription-manager-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.subscription-manager-text{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.subscription-manager-upgrade-btn{display:inline-block;margin-top:16px;padding:10px 20px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:var(--transition-fast)}.subscription-manager-upgrade-btn:hover{background:var(--color-primary-dark)}.subscription-status-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.subscription-label{color:var(--text-secondary);font-size:.875rem}.subscription-value{color:var(--text-primary);font-weight:500}.subscription-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.subscription-badge.active{background:var(--color-success-bg);color:var(--color-success)}.subscription-badge.canceling{background:var(--color-warning-bg);color:var(--color-warning)}.subscription-badge.vip{background:linear-gradient(135deg,#f5af19,#f12711);color:#fff}.subscription-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subscription-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.subscription-detail-row{display:flex;justify-content:space-between;align-items:center}.subscription-notice{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px}.subscription-notice.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.subscription-notice.warning p{color:var(--color-warning);font-size:.875rem;margin:0}.subscription-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.subscription-btn{width:100%;padding:12px 20px;border-radius:var(--radius-md);font-weight:500;font-size:.9375rem;cursor:pointer;transition:var(--transition-fast);border:none}.subscription-btn:disabled{opacity:.5;cursor:not-allowed}.subscription-btn.primary{background:var(--color-primary);color:#fff}.subscription-btn.primary:hover:not(:disabled){background:var(--color-primary-dark)}.subscription-btn.danger{background:var(--color-danger);color:#fff}.subscription-btn.danger:hover:not(:disabled){filter:brightness(1.1)}.subscription-btn.secondary{background:var(--bg-secondary);color:var(--text-primary)}.subscription-btn.secondary:hover:not(:disabled){background:var(--bg-tertiary)}.subscription-btn.cancel-outline{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.subscription-btn.cancel-outline:hover{background:var(--color-danger-bg)}.subscription-confirm{display:flex;flex-direction:column;gap:12px}.subscription-confirm-text{color:var(--text-secondary);font-size:.875rem}.subscription-confirm-buttons{display:flex;gap:8px}.subscription-confirm-buttons .subscription-btn{flex:1 1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.issues-page{min-height:100vh;background:var(--gradient-main);padding-top:80px}.issues-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-secondary)}.issues-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.issues-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:24px 0;margin-bottom:32px}.issues-header-content{max-width:1400px;margin:0 auto;padding:0 24px}.issues-back-link{display:inline-block;color:var(--color-primary);text-decoration:none;font-size:.9rem;margin-bottom:12px;transition:var(--transition-fast)}.issues-back-link:hover{color:var(--color-primary-dark)}.issues-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.issues-header p{color:var(--text-secondary);margin:0}.issues-main{max-width:1400px;margin:0 auto;padding:0 24px 48px}.issues-stats{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{padding:20px;border-radius:var(--radius-md);text-align:center}.stat-card--blue{background:var(--color-info-bg);color:var(--color-info)}.stat-card--red{background:var(--color-danger-bg);color:var(--color-danger)}.stat-card--yellow{background:var(--color-warning-bg);color:var(--color-warning)}.stat-card--green{background:var(--color-success-bg);color:var(--color-success)}.stat-card--critical{background:#fde2e2;color:#c53030}.stat-card--high{background:#feebc8;color:#c05621}.stat-value{display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:.85rem;opacity:.8}.issues-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--bg-card);padding:16px 20px;border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--border-color)}.issues-filter-select{padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.9rem;cursor:pointer}.issues-filter-select:focus{outline:none;border-color:var(--color-primary)}.issues-filter-clear{padding:10px 16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem}.issues-filter-clear:hover{color:var(--text-primary)}.issues-refresh-btn{margin-left:auto;padding:10px 20px;background:var(--gradient-button);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.issues-refresh-btn:hover{background:var(--gradient-button-hover);transform:translateY(-1px)}.issues-content{display:flex;gap:24px}.issues-list-container{flex:1 1;min-width:0}.issues-list{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.issues-empty{padding:60px 20px;text-align:center;color:var(--text-muted)}.issues-empty-icon{font-size:3rem;display:block;margin-bottom:12px}.issue-item{display:flex;gap:12px;padding:16px 20px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}.issue-item:last-child{border-bottom:none}.issue-item:hover{background:var(--bg-secondary)}.issue-item--selected{background:rgba(139,115,85,.1)}.issue-category-icon{font-size:1.25rem;flex-shrink:0}.issue-item-content{flex:1 1;min-width:0}.issue-item-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.issue-severity,.issue-status{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.issue-severity--critical{background:#c53030;color:#fff}.issue-severity--high{background:#c05621;color:#fff}.issue-severity--medium{background:#d69e2e;color:#000}.issue-severity--low{background:#718096;color:#fff}.issue-status--open{background:#fed7d7;color:#c53030}.issue-status--investigating{background:#fefcbf;color:#975a16}.issue-status--resolved{background:#c6f6d5;color:#276749}.issue-status--wont-fix{background:#e2e8f0;color:#4a5568}.issue-time{font-size:.75rem;color:var(--text-muted)}.issue-message{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-details{font-size:.75rem;color:var(--text-muted);margin:0}.issue-details-panel{width:50%;flex-shrink:0}.issue-detail{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:500px}.issue-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--border-color)}.issue-detail-header h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.issue-detail-header p{font-size:.85rem;color:var(--text-muted);margin:0}.issue-detail-close{background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px}.issue-detail-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.issue-detail-body{flex:1 1;overflow-y:auto;padding:20px}.issue-section{margin-bottom:24px}.issue-section:last-child{margin-bottom:0}.issue-section h3{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.issue-error-message{font-family:monospace;font-size:.9rem;color:var(--color-danger);margin:0 0 12px;word-break:break-word}.issue-code-block{background:var(--bg-tertiary);padding:12px;border-radius:var(--radius-sm);font-size:.75rem;font-family:monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.issue-hints-list{margin:0;padding-left:20px;font-size:.9rem;color:var(--text-primary)}.issue-hints-list li{margin-bottom:6px}.issue-actions-list{max-height:200px;overflow-y:auto}.issue-action-item{display:flex;align-items:center;gap:8px;font-size:.8rem;padding:4px 0}.issue-action-time{color:var(--text-muted);font-family:monospace;flex-shrink:0}.issue-action-type{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;flex-shrink:0}.issue-action-type--error{background:var(--color-danger-bg);color:var(--color-danger)}.issue-action-type--api-call{background:var(--color-info-bg);color:var(--color-info)}.issue-action-type--navigation{background:var(--color-success-bg);color:var(--color-success)}.issue-action-type--click,.issue-action-type--custom,.issue-action-type--input{background:var(--bg-tertiary);color:var(--text-secondary)}.issue-action-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.issue-empty-text{color:var(--text-muted);font-size:.9rem;margin:0}.issue-console-logs{max-height:200px;overflow-y:auto;font-family:monospace;font-size:.75rem}.issue-console-log{padding:2px 0}.issue-console-log--error{color:var(--color-danger)}.issue-console-log--warn{color:var(--color-warning)}.issue-console-log--debug,.issue-console-log--info,.issue-console-log--log{color:var(--text-secondary)}.issue-context-table{width:100%;font-size:.85rem;border-collapse:collapse}.issue-context-table tr{border-bottom:1px solid var(--border-color)}.issue-context-table tr:last-child{border-bottom:none}.issue-context-key{padding:8px 12px 8px 0;color:var(--text-muted);width:35%;vertical-align:top}.issue-context-value{padding:8px 0;color:var(--text-primary);word-break:break-all}.issue-stack-frames{display:flex;flex-direction:column;gap:8px}.issue-stack-frame{background:var(--bg-tertiary);padding:8px 12px;border-radius:var(--radius-sm);font-family:monospace;font-size:.75rem}.issue-stack-function{display:block;color:var(--color-info);margin-bottom:2px}.issue-stack-location{color:var(--text-muted)}.issue-resolution{background:var(--color-success-bg);color:var(--color-success);padding:12px;border-radius:var(--radius-sm);font-size:.9rem;margin:0}.issue-detail-footer{padding:16px 20px;border-top:1px solid var(--border-color)}.issue-resolution-input{margin-bottom:12px}.issue-resolution-input label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.issue-resolution-input textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.9rem;resize:vertical;font-family:inherit}.issue-resolution-input textarea:focus{outline:none;border-color:var(--color-primary)}.issue-detail-actions{display:flex;gap:12px}.issue-status-select{flex:1 1;padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.9rem;cursor:pointer}.issue-delete-btn{padding:10px 20px;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.issue-delete-btn:hover{background:#a33;transform:translateY(-1px)}@media (max-width:1200px){.issues-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.issues-content{flex-direction:column}.issue-details-panel{width:100%}.issue-detail{height:auto;max-height:70vh}}@media (max-width:600px){.issues-page{padding-top:70px}.issues-stats{grid-template-columns:repeat(2,1fr)}.issues-filters{flex-direction:column;align-items:stretch}.issues-refresh-btn{margin-left:0}}