.top-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:5rem 1rem;background:#fff}.top-container{max-width:640px;width:100%;margin:0 auto;padding:0 1rem;text-align:center}.top-title{font-size:2.5rem;font-weight:700;background:var(--quiz-gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.top-subtitle{font-size:1.125rem;color:var(--quiz-text-light);margin-bottom:2.5rem}.top-description{text-align:left;background-color:var(--quiz-bg);padding:1.75rem;border-radius:16px;margin-bottom:1.5rem;border:1px solid var(--quiz-border);box-shadow:0 2px 10px #0000000d}.top-description p{margin-bottom:1rem;line-height:1.7;color:var(--quiz-text)}.top-description ul{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.top-description li{padding:.5rem .75rem;background:var(--quiz-gradient-light);border-radius:8px;font-size:.9375rem;color:var(--quiz-text)}.top-notes{text-align:left;background-color:var(--quiz-bg);padding:1.5rem 1.75rem;border-radius:16px;margin-bottom:2rem;border:1px solid var(--quiz-border)}.top-notes h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--quiz-text)}.top-notes ul{list-style:disc;padding-left:1.25rem}.top-notes li{margin-bottom:.375rem;font-size:.9375rem;color:var(--quiz-text-light)}.start-button{background:var(--quiz-gradient-cta);color:#fff;border:none;padding:1.125rem 3.5rem;font-size:1.125rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ff92114d}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff921166}.start-button:active{transform:translateY(0)}@media(min-width:640px){.top-container{padding:0 1.5rem}}@media(min-width:1024px){.top-container{padding:0 2rem}}@media(max-width:768px){.top-page{padding:3rem 1rem}.top-title{font-size:1.875rem}.top-subtitle{font-size:1rem}.top-description ul{grid-template-columns:1fr}.start-button{width:100%;padding:1rem 2rem}}.progress-bar-container{margin-bottom:1.5rem}.progress-text{font-size:.875rem;font-weight:600;color:var(--quiz-text-light);margin-bottom:.625rem;text-align:center}.progress-bar{width:100%;height:8px;background-color:var(--quiz-bg-muted);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--quiz-gradient-brand);transition:width .3s ease;border-radius:4px}.choice-question{width:100%}.question-text{font-size:1.25rem;font-weight:600;color:var(--quiz-text);margin-bottom:1.5rem;line-height:1.6}.choice-options{display:flex;flex-direction:column;gap:.75rem}.choice-option{display:flex;align-items:center;padding:1rem 1.25rem;background-color:var(--quiz-bg-light);border:2px solid var(--quiz-border);border-radius:12px;cursor:pointer;transition:all .2s}.choice-option:hover{border-color:var(--quiz-primary-light);background-color:#22cb690f}.choice-option.selected{border-color:var(--quiz-primary);background-color:#22cb691a}.choice-radio{width:20px;height:20px;margin-right:.875rem;cursor:pointer;flex-shrink:0;accent-color:var(--quiz-primary)}.choice-text{font-size:1rem;line-height:1.6;color:var(--quiz-text)}@media(max-width:768px){.question-text{font-size:1.125rem}.choice-option{padding:.875rem 1rem;border-radius:10px}.choice-text{font-size:.9375rem}}.scale-question{width:100%}.scale-container{display:flex;align-items:center;gap:1rem;margin-top:2rem}.scale-label-left,.scale-label-right{font-size:.875rem;font-weight:500;color:var(--quiz-text-light);white-space:nowrap;min-width:100px}.scale-label-left{text-align:right}.scale-label-right{text-align:left}.scale-options{display:flex;justify-content:space-between;align-items:center;flex:1;gap:.5rem;padding:0 1rem}.scale-option{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.scale-radio{position:absolute;opacity:0;width:0;height:0}.scale-circle{width:36px;height:36px;border:2px solid var(--quiz-border);border-radius:50%;background-color:var(--quiz-bg);transition:all .2s;display:flex;align-items:center;justify-content:center}.scale-option:hover .scale-circle{border-color:var(--quiz-primary-light);background-color:#22cb6914;transform:scale(1.1)}.scale-option.selected .scale-circle{border-color:var(--quiz-primary);background:var(--quiz-gradient-brand);transform:scale(1.15)}.scale-option.selected .scale-circle:after{content:"";width:14px;height:14px;border-radius:50%;background-color:#fff}@media(max-width:768px){.scale-container{gap:.5rem}.scale-label-left,.scale-label-right{font-size:.7rem;min-width:auto}.scale-options{padding:0;gap:.25rem}.scale-circle{width:28px;height:28px}.scale-option.selected .scale-circle:after{width:10px;height:10px}}.quiz-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:5rem 1rem;background-color:#fff}.quiz-container{max-width:720px;width:100%;margin:0 auto;padding:2.5rem;background-color:var(--quiz-bg);border-radius:20px;box-shadow:0 2px 10px #0000000d;border:1px solid var(--quiz-border)}.question-area{margin:2rem 0;min-height:280px}.navigation-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--quiz-border)}.nav-button{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s;min-width:140px}.back-button{background-color:var(--quiz-bg-muted);color:var(--quiz-text);border:1px solid var(--quiz-border)}.back-button:hover:not(:disabled){background-color:var(--quiz-border)}.back-button:disabled{opacity:.4;cursor:not-allowed}.next-button{background:var(--quiz-gradient-brand);color:#fff}.next-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22cb694d}.next-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.next-button:active:not(:disabled),.back-button:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.quiz-page{padding:3rem 1rem}.quiz-container{padding:1.5rem;border-radius:16px}.navigation-buttons{flex-direction:column-reverse}.nav-button{width:100%;min-width:auto}}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.share-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s;flex:1;min-width:140px}.share-icon{width:20px;height:20px}.twitter-button{background-color:#000;color:#fff}.twitter-button:hover{background-color:#333;transform:translateY(-1px)}.twitter-button:active{background-color:#1a1a1a;transform:translateY(0)}.web-share-button{background:var(--quiz-gradient-cta);color:#fff;box-shadow:0 4px 12px #ff921140}.web-share-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff921159}.web-share-button:active{transform:translateY(0)}@media(max-width:768px){.share-buttons{flex-direction:column}.share-button{width:100%;min-width:auto}}.result-page{min-height:70vh;padding:5rem 1rem;background:#fff}.result-container{max-width:800px;margin:0 auto;padding:0 1rem}.result-title{font-size:1.5rem;font-weight:600;text-align:center;color:var(--quiz-text-light);margin-bottom:1.5rem}.result-role{background:var(--quiz-gradient-brand);color:#fff;padding:2.5rem;border-radius:20px;text-align:center;margin-bottom:2rem;box-shadow:0 8px 32px #22cb6933}.role-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.02em}.role-catch{font-size:1.125rem;opacity:.95;font-weight:400}.result-section{background-color:var(--quiz-bg);padding:1.75rem;border-radius:16px;margin-bottom:1.25rem;border:1px solid var(--quiz-border);box-shadow:0 2px 10px #0000000d}.section-title{font-size:1.125rem;font-weight:600;color:var(--quiz-text);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--quiz-primary);display:inline-block}.section-list{list-style:none;padding-left:0}.section-list li{margin-bottom:.75rem;line-height:1.7;color:var(--quiz-text);padding-left:1.5rem;position:relative}.section-list li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--quiz-gradient-brand)}.section-text{line-height:1.7;color:var(--quiz-text)}.result-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}.reset-button{background-color:var(--quiz-bg);color:var(--quiz-text);border:1px solid var(--quiz-border);padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s}.reset-button:hover{background-color:var(--quiz-bg-muted);border-color:var(--quiz-text-muted)}.reset-button:active{transform:translateY(1px)}.recommended-themes{background:linear-gradient(135deg,#22cb690d,#167fd30d);border:1px solid rgba(34,203,105,.2)}.theme-reason{color:var(--quiz-text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.6}.theme-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.theme-item{margin:0;padding:0}.theme-item:before{display:none}.theme-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--quiz-gradient-brand);color:#fff;font-size:.875rem;font-weight:600;border-radius:9999px;box-shadow:0 2px 8px #22cb6940}.theme-link{display:inline-flex;align-items:center;color:var(--quiz-primary);font-weight:600;text-decoration:none;transition:all .2s}.theme-link:hover{color:var(--quiz-secondary);text-decoration:underline}.recommended-sessions{background:linear-gradient(135deg,#22cb690d,#167fd30d);border:1px solid rgba(22,127,211,.2)}.session-cards{display:flex;flex-direction:column;gap:.75rem}.session-card{display:block;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:all .2s;box-shadow:0 1px 4px #0000000a}.session-card:hover{border-color:#22cb69;box-shadow:0 4px 12px #22cb6926;transform:translateY(-1px)}.session-type-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px;margin-bottom:.5rem;letter-spacing:.03em}.session-type-keynote{background:#22cb6926;color:#22cb69}.session-type-case{background:#167fd326;color:#167fd3}.session-card-title{font-size:.95rem;font-weight:700;color:#1a1a1a;line-height:1.5;margin:0 0 .5rem}.session-card-speakers{display:flex;flex-wrap:wrap;gap:.5rem}.session-card-speaker{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#666}.session-card-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}@media(min-width:640px){.result-container{padding:0 1.5rem}}@media(min-width:1024px){.result-container{padding:0 2rem}}@media(max-width:768px){.result-page{padding:3rem 1rem}.result-title{font-size:1.25rem}.role-title{font-size:1.75rem}.role-catch{font-size:1rem}.result-role{padding:2rem 1.5rem;border-radius:16px}.result-section{padding:1.5rem}}.quiz-app{--quiz-primary: #22cb69;--quiz-primary-dark: #1db85e;--quiz-primary-light: #3dd97d;--quiz-secondary: #167fd3;--quiz-cta-start: #ffc047;--quiz-cta-end: #ff9211;--quiz-text: #1a1a1a;--quiz-text-light: #525252;--quiz-text-muted: #737373;--quiz-border: #e5e5e5;--quiz-bg: #ffffff;--quiz-bg-light: #fafafa;--quiz-bg-muted: #f5f5f5;--quiz-gradient-brand: linear-gradient(135deg, #22cb69 0%, #167fd3 100%);--quiz-gradient-cta: linear-gradient(135deg, #ffc047 0%, #ff9211 100%);--quiz-gradient-light: linear-gradient(135deg, rgba(34, 203, 105, .08) 0%, rgba(22, 127, 211, .08) 100%);font-family:Plain,Shin Go Regular,Noto Sans JP,sans-serif;line-height:1.6;color:var(--quiz-text)}.quiz-app *,.quiz-app *:before,.quiz-app *:after{box-sizing:border-box}.quiz-app h1,.quiz-app h2,.quiz-app h3,.quiz-app h4,.quiz-app h5,.quiz-app h6{font-family:Jost,sans-serif;line-height:1.3;margin:0}.quiz-app p{margin:0}.quiz-app button{font-family:Plain,Shin Go Regular,Noto Sans JP,sans-serif}.quiz-app ul{list-style-position:outside;margin:0;padding:0}.quiz-app li{margin:0}#root{width:100%;margin:0;padding:0}