.Questionnaire-Page-Container{background-color:var(--color-bg);flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.Questionnaire-Page-Banner{justify-content:center;align-items:center;width:100%;display:flex}.Questionnaire-Page-Banner img{object-fit:cover;width:100%;height:auto;max-height:300px}.Questionnaire-Page-Container-Title{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:900px;margin-bottom:40px;padding:0 24px;display:flex}.questionnaire-main-title{color:var(--color-text-primary);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.questionnaire-description{flex-direction:column;align-items:center;gap:8px;display:flex}.questionnaire-desc-line{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:clamp(.85rem,2vw,1.05rem);font-weight:600;display:flex}.questionnaire-desc-icon{color:var(--color-accent);flex-shrink:0}.questions-viewport{box-sizing:border-box;width:100%;max-width:900px}.questions-viewport.horizontal{overflow:hidden}.questions-slider-container{transition:transform .5s ease-in-out}.horizontal .questions-slider-container{display:flex}.horizontal .Questionnaire-Page-Question-Container{box-sizing:border-box;flex-shrink:0;width:100%}.horizontal-nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-top:20px;padding:0 24px;display:flex}.nav-q-number{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.Questionnaire-Page-Question-Container{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-bottom:50px;padding:0 24px;display:flex}.Questionnaire-Page-Question-Container .question-q-number{color:var(--color-accent);font-size:clamp(16px,2vw,20px);font-weight:700}.Questionnaire-Page-Question-Container .question-q-title{color:var(--color-text-primary);margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;line-height:1.2}.Questionnaire-Page-Question-Container .question-q-description{color:var(--color-text-secondary);margin:4px 0;font-size:clamp(.95rem,2vw,1.15rem);font-weight:600}.question-input-container{flex-direction:column;width:100%;max-width:700px;display:flex}.question-input-title{width:100%;color:var(--color-text-secondary);margin-bottom:4px;font-size:clamp(14px,1.5vw,18px);font-weight:600}.Questionnaire-Page-Question-Container-CaseSuggestion{border-radius:var(--radius-2xl);background-origin:border-box;background-clip:content-box,border-box;background-image:linear-gradient(var(--color-bg), var(--color-bg)), linear-gradient(to bottom, var(--color-accent), transparent);border:2px solid #0000;flex-direction:column;align-items:center;width:250px;height:300px;margin-right:10px;font-size:15px;font-weight:700;display:flex}.dark .Questionnaire-Page-Question-Container-CaseSuggestion{background-image:linear-gradient(var(--color-surface), var(--color-surface)), linear-gradient(to bottom, var(--color-accent), transparent)}.case-suggestion-image{width:230px;height:200px;margin-top:10px}.case-suggestion-image img{object-fit:contain;width:100%;height:100%}.case-suggestion-content{text-align:center;color:var(--color-text-primary);margin-top:10px}.case-suggestion-like-button{cursor:pointer;background:0 0;border:none;margin-top:5px;padding:5px;line-height:0;transition:transform .2s}.case-suggestion-like-button:hover{transform:scale(1.15)}.case-suggestion-like-button svg path{fill:none;stroke:var(--color-text-tertiary);stroke-width:2px;transition:all .2s}.case-suggestion-like-button:hover svg path,.case-suggestion-like-button:focus svg path{stroke:var(--color-accent)}.case-suggestion-like-button:active svg path,.case-suggestion-like-button.liked svg path{fill:var(--color-accent);stroke:var(--color-accent)}.case-suggestions-section{width:100%}.result-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.result-panel-title{color:var(--color-text-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.result-panel-title-icon{color:var(--color-accent);flex-shrink:0}.result-panel-close{color:var(--color-text-secondary)}.result-panel-close:hover{color:var(--color-text-primary)}.result-panel-hint{color:var(--color-text-tertiary);margin:0 0 16px;font-size:.85rem;line-height:1.4}.result-panel-textarea{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);max-height:60vh;margin-bottom:16px;overflow-y:auto}.result-panel-pre{font-family:var(--font-mono,ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", monospace);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;padding:16px;font-size:14px;line-height:1.7}.result-panel-actions{flex-direction:column;gap:8px;display:flex}.result-panel-social{gap:8px;display:flex}@media (max-width:768px){.result-panel-social{flex-direction:column}}@media (min-width:769px) and (max-width:1439px){.Questionnaire-Page-Question-Container-CaseSuggestion{width:200px;height:260px}.case-suggestion-image{width:180px;height:160px}.horizontal-nav{width:70%}}@media (max-width:768px){.Questionnaire-Page-Container-Title{margin-bottom:24px;padding:0 16px}.Questionnaire-Page-Question-Container{gap:8px;margin-bottom:30px}.Questionnaire-Page-Question-Container-CaseSuggestion{width:calc(50% - 12px);min-width:140px;max-width:200px;height:240px;margin:0 6px 12px;font-size:13px}.case-suggestion-image{width:130px;height:120px;margin-top:8px}.Questionnaire-Page-Question-Container{padding:0 16px}.horizontal-nav{width:100%;margin-top:12px;padding:0 16px}.nav-q-number{font-size:1rem}.Questionnaire-Page-Banner img{max-height:160px}}