*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #c41e56;--color-primary-dark: #a01845;--color-title: #1a3a5c;--color-text: #333;--color-text-light: #666;--color-border: #e8e8e8;--color-bg: #f5f5f5;--color-white: #ffffff;--color-accent-red: #c41e56;--color-slide-bg: #1a2744;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5}#root{min-height:100vh}.header{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header__close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text);border-radius:4px}.header__close-btn:hover{background:var(--color-bg)}.header__divider{width:1px;height:20px;background:var(--color-border)}.header__title{font-size:15px;font-weight:600;color:var(--color-text)}.banner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin:20px 24px 0;border-radius:12px;border:1px solid var(--color-border);background:var(--color-white)}.banner__left{display:flex;align-items:center;gap:14px;flex:1}.banner__ai-icon,.banner__loading-icon{flex-shrink:0}.banner__text{display:flex;flex-direction:column;gap:2px}.banner__title{font-size:14px;font-weight:700;color:var(--color-text)}.banner__check{margin-right:4px}.banner__subtitle{font-size:12.5px;color:var(--color-text-light)}.banner__right{flex-shrink:0;margin-left:16px}.banner__btn{padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.banner__btn--generate{background:var(--color-primary);color:var(--color-white);border:none}.banner__btn--generate:hover{background:var(--color-primary-dark)}.banner__btn--view{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.banner__btn--view:hover{background:#fdf0f4}.accordion{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--color-white)}.accordion--open{border-color:#ddd}.accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:var(--color-white);border:none;cursor:pointer;text-align:left;transition:background .15s}.accordion__header:hover{background:#fafafa}.accordion__title{font-size:14px;font-weight:500;color:var(--color-text)}.accordion__chevron{color:var(--color-text-light);transition:transform .25s ease;flex-shrink:0}.accordion__chevron--open{transform:rotate(180deg)}.accordion__content{padding:0 20px 20px;animation:accordionSlideDown .25s ease}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.demographic-insight{display:flex;flex-direction:column;gap:32px}.insight-section{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafbfc}.insight-section__title{font-size:15px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.insight-section__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.insight-section__details{display:flex;flex-direction:column;gap:16px}.chart-placeholder{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:14px;min-height:180px;display:flex;flex-direction:column}.chart-placeholder__title{font-size:12px;font-weight:600;color:var(--color-text);margin-bottom:12px;text-align:center}.chart-placeholder__bars{display:flex;align-items:flex-end;justify-content:center;gap:8px;flex:1;padding:0 8px;min-height:100px}.chart-placeholder__bar-group{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;height:100%;justify-content:flex-end}.chart-placeholder__bar{width:100%;max-width:32px;border-radius:3px 3px 0 0;transition:height .3s}.chart-placeholder__label{font-size:9px;color:var(--color-text-light);white-space:nowrap}.chart-placeholder__caption{font-size:10px;color:var(--color-text-light);text-align:center;margin-top:8px;font-style:italic}.insight-detail{padding:0}.insight-detail__label{font-size:13px;font-weight:700;margin-bottom:4px;color:var(--color-title)}.insight-detail__label--result,.insight-detail__label--interpretation{color:#c41e56}.insight-detail__label--actionable{color:var(--color-title)}.insight-detail__text{font-size:13px;line-height:1.6;color:var(--color-text)}.insight-detail__list{font-size:13px;line-height:1.7;color:var(--color-text);padding-left:20px}.insight-detail__list li{margin-bottom:2px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--color-white);border-radius:12px;width:100%;max-width:860px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid var(--color-border)}.modal__header-left{flex:1}.modal__title{font-size:16px;font-weight:700;color:var(--color-text);margin-bottom:2px}.modal__subtitle{font-size:12px;color:var(--color-text-light);line-height:1.4}.modal__header-right{display:flex;align-items:center;gap:12px}.modal__download-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:8px 22px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.modal__download-btn:hover{background:var(--color-primary-dark)}.modal__close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--color-text);border-radius:4px}.modal__close-btn:hover{background:var(--color-bg)}.modal__nav{display:flex;align-items:center;justify-content:space-between;padding:10px 24px}.modal__slide-counter{font-size:13px;color:var(--color-text-light)}.modal__nav-buttons{display:flex;gap:8px}.modal__nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .15s}.modal__nav-btn:hover:not(:disabled){background:var(--color-bg);border-color:#ccc}.modal__nav-btn:disabled{opacity:.35;cursor:not-allowed}.modal__slide{padding:0 24px 24px;flex:1;display:flex;overflow:hidden}.slide{width:100%;aspect-ratio:16 / 9;background:var(--color-slide-bg);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px dashed rgba(255,255,255,.15)}.slide__accent-top{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,transparent)}.slide__accent-bottom{position:absolute;bottom:20px;left:40px;width:60px;height:4px;background:#d4a017;border-radius:2px}.slide__content{text-align:center;padding:40px}.slide__heading{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.5px}.slide__highlight{color:#d4a017}.slide__subtitle{font-size:14px;color:#ffffffb3;letter-spacing:3px;text-transform:uppercase;font-weight:400}.slide__divider{width:50px;height:3px;background:#36c;margin:20px auto 0;border-radius:2px}.app{min-height:100vh;background:var(--color-bg)}.content{padding:20px 24px 40px}.survey-card{background:var(--color-white);border-radius:12px;border:1px solid var(--color-border);padding:24px}.survey-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-light);margin-bottom:12px;flex-wrap:wrap}.survey-meta strong{color:var(--color-text)}.survey-meta__divider{color:var(--color-border);margin:0 4px}.survey-title{font-size:20px;font-weight:700;color:var(--color-primary);line-height:1.4;margin-bottom:24px}.accordion-list{display:flex;flex-direction:column;gap:12px}.accordion-placeholder{padding:16px;text-align:center;color:var(--color-text-light);font-size:13px;font-style:italic}