.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem}.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#333;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#333;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#007bff}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.footer{background-color:#fff;padding:1rem 2rem;text-align:center;color:#666;margin-top:auto}@media (max-width: 768px){.header{padding:.75rem 1rem}.nav{flex-direction:column;gap:1rem;align-items:flex-start}.logo{font-size:1.1rem}.nav-links{gap:1rem;flex-wrap:wrap;font-size:.9rem}.main{padding:1rem}.footer{padding:.75rem 1rem;font-size:.85rem}}.survey-section{margin-bottom:2rem}.survey-section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#333}@media (max-width: 768px){.survey-section-title{font-size:1rem}}.star-rating-question{border:1px solid #000;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.star-rating-title{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#333;line-height:1.6;white-space:pre-line}.star-rating-title>div{margin-bottom:.5rem}.star-rating-title>div:last-child{margin-bottom:0}.star-rating-container{margin-bottom:1rem;display:flex;justify-content:center}.star-rating-average{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center}.average-label{font-size:.9rem;color:#666;margin-bottom:.5rem;text-align:center}.average-stars{display:flex;align-items:center;justify-content:center;gap:.25rem}.average-stars .star.partial{position:relative;color:#ccc}.average-stars .partial-star{position:relative;display:inline-block}.average-stars .partial-star-filled{position:absolute;left:0;top:0;overflow:hidden;color:#000;white-space:nowrap}.average-stars .partial-star-empty{color:#ccc}@media (max-width: 768px){.star-rating-question{padding:1rem;margin-bottom:1.5rem}.star-rating-title{font-size:.9rem;margin-bottom:.75rem}.star-rating-input .star{font-size:1.2rem;padding:.2rem}.average-stars .star{font-size:.9rem}.response-count{font-size:.8rem;margin-left:.25rem}}.card-selection-question{border:1px solid #000;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.card-selection-title{font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;color:#333}.card-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.card-selection-results .card-selection-grid{margin-bottom:0}.selection-card{position:relative;min-height:80px;padding:1rem;border:1px solid #000;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s;font-size:.9rem;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-word}.selection-card:hover:not(:disabled):not(.selected){background-color:#f5f5f5}.selection-card.selected{background-color:#000;color:#fff}.selection-card.selected:hover:not(:disabled){background-color:#000;color:#fff}.selection-card:disabled{cursor:not-allowed;opacity:1}.selection-card.readonly{cursor:default;pointer-events:none}.selection-card.readonly:hover{background-color:#fff}.selection-card.readonly.selected{background-color:#000;color:#fff}.selection-card.add-card{font-size:2rem;font-weight:300;color:#666;border-style:dashed}.selection-card.add-card:hover:not(:disabled){background-color:#f9f9f9;border-color:#000}.selection-card.custom-card{padding:.5rem;display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:center;min-height:80px;position:relative;width:100%;box-sizing:border-box}.selection-card.custom-card.readonly{pointer-events:auto}.selection-card.custom-card.readonly .custom-input{cursor:default}.custom-input{flex:none;border:none;outline:none;padding:.5rem;font-size:.9rem;background:transparent;text-align:center;height:auto;line-height:1.4;width:100%;box-sizing:border-box}.custom-input:disabled{opacity:1;color:inherit}.custom-input::placeholder{color:#999}.remove-custom{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;color:#666}.remove-custom:hover:not(:disabled){background:#0003}.card-selection-actions{display:flex;justify-content:center;margin-top:1rem}.ok-button,.more-button{padding:.75rem 2rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.ok-button:hover:not(:disabled),.more-button:hover:not(:disabled){background-color:#333}.ok-button:disabled,.more-button:disabled{background-color:#ccc;cursor:not-allowed}.card-selection-results{margin-top:1rem}.results-title{font-size:1rem;font-weight:500;margin-bottom:1rem;color:#666}.result-card{position:relative;min-height:80px;padding:1rem;border:1px solid #000;border-radius:4px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;word-break:break-word;cursor:default;pointer-events:none}.result-count{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.5rem}.result-text{font-size:.85rem;color:#666;opacity:.8}.more-card{cursor:pointer;pointer-events:auto}.more-card:hover{background-color:#f5f5f5;border-color:#000}.custom-answer-card{cursor:pointer;pointer-events:auto}.custom-answer-card:hover{background-color:#f5f5f5;border-color:#000}.custom-answer-card .result-text{color:#000;opacity:1}@media (max-width: 768px){.card-selection-question{padding:1rem;margin-bottom:1.5rem}.card-selection-title{font-size:.9rem;margin-bottom:1rem}.card-selection-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.selection-card{min-height:70px;padding:.75rem;font-size:.8rem}.selection-card.custom-card{padding:.5rem;min-height:70px;height:70px;width:100%}.selection-card.custom-card .custom-input{padding:.25rem;font-size:.8rem;min-height:auto;height:auto;width:100%}.selection-card.custom-card .remove-custom{width:20px;height:20px;font-size:1rem;top:.2rem;right:.2rem}.selection-card.add-card{font-size:1.3rem}.card-selection-actions{margin-top:.75rem}.ok-button,.more-button{padding:.625rem 1.5rem;font-size:.85rem;width:100%;max-width:200px}.result-card{min-height:70px;padding:.75rem}.result-count{font-size:1.2rem}.result-text{font-size:.75rem}}@media (max-width: 480px){.selection-card{min-height:60px}.selection-card.custom-card{min-height:60px;height:60px}.result-card{min-height:60px}}.likeable-card-list{border:1px solid #000;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.likeable-card-list-title{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#333}.likeable-card-list-content{display:flex;flex-direction:column;gap:.75rem}.likeable-card{position:relative;min-height:60px;padding:1rem;border:1px solid #000;border-radius:4px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.likeable-card:hover:not(.disabled){background-color:#f5f5f5}.likeable-card.disabled{cursor:not-allowed;opacity:.6}.likeable-card.liked{background-color:#fff}.card-content{flex:1;font-size:.95rem;color:#333;word-break:break-word;padding-right:1rem}.card-like{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.heart-icon{font-size:1.5rem;color:#666;transition:color .2s;-webkit-user-select:none;user-select:none}.heart-icon.liked,.likeable-card.liked .heart-icon{color:#ff69b4}.like-count{font-size:1.3rem;color:#666;min-width:2rem;text-align:right;font-weight:500}.likeable-card.add-card{display:flex;align-items:center;justify-content:center;min-height:60px;border-style:dashed;cursor:pointer}.likeable-card.add-card:hover:not(.disabled){background-color:#f9f9f9;border-color:#000}.add-card-content{font-size:2rem;font-weight:300;color:#666}.likeable-card.custom-item{padding:.5rem;display:flex;flex-direction:column;gap:.25rem;align-items:stretch;position:relative;cursor:pointer}.likeable-card.custom-item .custom-input{flex:1;border:none;outline:none;padding:.5rem;font-size:.9rem;background:transparent;text-align:center;font-family:inherit}.likeable-card.custom-item .custom-input::placeholder{color:#999}.remove-custom-item{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;color:#666;z-index:1}.remove-custom-item:hover:not(:disabled){background:#0003}.likeable-card.custom-item .card-like.custom-like{align-self:center;margin-top:.25rem}.likeable-card-list-actions{display:flex;justify-content:center;margin-top:1rem}.likeable-card-list-actions .ok-button{padding:.75rem 2rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.likeable-card-list-actions .ok-button:hover:not(:disabled){background-color:#333}.likeable-card-list-actions .ok-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.likeable-card-list{padding:1rem;margin-bottom:1.5rem}.likeable-card-list-title{font-size:.9rem;margin-bottom:.75rem}.likeable-card{min-height:50px;padding:.75rem}.card-content{font-size:.85rem;padding-right:.75rem}.heart-icon{font-size:1.2rem}.like-count{font-size:1rem;min-width:1.75rem}.add-card-content{font-size:1.3rem}.likeable-card.custom-item{padding:.4rem}.likeable-card.custom-item .custom-input{padding:.4rem;font-size:.8rem}.remove-custom-item{width:20px;height:20px;font-size:.9rem;top:.2rem;right:.2rem}.likeable-card-list-actions{margin-top:.75rem}.likeable-card-list-actions .ok-button{padding:.625rem 1.5rem;font-size:.85rem;width:100%;max-width:200px}}.star-rating-with-comment{border:1px solid #000;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.star-rating-with-comment-title{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#333;line-height:1.6;white-space:pre-line}.star-rating-with-comment-title>div{margin-bottom:.5rem}.star-rating-with-comment-title>div:last-child{margin-bottom:0}.star-rating-with-comment-content{display:flex;flex-direction:column;gap:1rem}.rating-section{display:flex;align-items:center;justify-content:center;gap:.5rem}.rating-label{font-size:1rem;color:#333;white-space:nowrap}.star-rating-input{display:flex;gap:.25rem;align-items:center;justify-content:center}.star-rating-input .star{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;transition:transform .1s;color:#000;line-height:1}.star-rating-input .star:hover:not(:disabled){transform:scale(1.2)}.star-rating-input .star:disabled{cursor:not-allowed;opacity:1;color:#000}.star-rating-input .star.filled{color:#000}.star-rating-input .star.empty{color:#ccc}.comment-section{display:flex;justify-content:center}.comment-input{width:100%;max-width:600px;padding:1rem;border:1px solid #000;border-radius:4px;font-size:.95rem;font-family:inherit;resize:vertical;text-align:center;background-color:#fff}.comment-input::placeholder{color:#999;text-align:center}.comment-input:focus{outline:none;border-color:#000}.comment-input:disabled{cursor:not-allowed;opacity:1;background-color:#fff;color:inherit}.star-rating-average{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.average-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.average-stars{display:flex;align-items:center;gap:.25rem}.average-stars .star{font-size:1.2rem;line-height:1}.average-stars .star.filled{color:#000}.average-stars .star.empty{color:#ccc}.response-count{font-size:.9rem;color:#666;margin-left:.5rem}.star-rating-with-comment-actions{display:flex;justify-content:center;margin-top:1rem}.star-rating-with-comment-actions .ok-button{padding:.75rem 2rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.star-rating-with-comment-actions .ok-button:hover:not(:disabled){background-color:#333}.star-rating-with-comment-actions .ok-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.star-rating-with-comment{padding:1rem;margin-bottom:1.5rem}.star-rating-with-comment-title{font-size:.9rem;margin-bottom:.75rem}.star-rating-with-comment-content{gap:.75rem}.rating-section{flex-direction:column;align-items:center;gap:.5rem}.rating-label{font-size:.85rem}.star-rating-input .star{font-size:1.2rem;padding:.2rem}.comment-input{padding:.75rem;font-size:.85rem;max-width:100%}}@media (max-width: 480px){.rating-section{width:100%}.star-rating-input{width:100%;justify-content:center}.comment-input{padding:.625rem;font-size:.8rem}.star-rating-with-comment-actions{margin-top:.75rem}.star-rating-with-comment-actions .ok-button{padding:.625rem 1.5rem;font-size:.85rem;width:100%;max-width:200px}}.home{text-align:center}.survey-detail h1.survey-title{font-size:1.5rem;margin-bottom:1rem}.survey-detail .demo-link{margin-bottom:1rem;font-size:1rem;color:#333}.survey-detail .demo-link a{color:#007bff;text-decoration:underline}.survey-detail .demo-link a:hover{color:#0056b3}.survey-detail .survey-description{margin-bottom:3rem}@media (max-width: 768px){.survey-detail h1.survey-title{font-size:1.2rem}.survey-detail .survey-description{margin-bottom:2rem}}.hero{padding:4rem 2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:#333}.hero p{font-size:1.2rem;color:#666;margin-bottom:2rem}.cta-button{display:inline-block;padding:1rem 2rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .2s}.cta-button:hover{background-color:#0056b3}@media (max-width: 768px){.hero{padding:2rem 1rem}.hero h1{font-size:1.5rem}.hero p{font-size:.9rem;margin-bottom:1.5rem}.cta-button{padding:.875rem 1.5rem;font-size:.85rem;width:100%;max-width:300px}}.star-rating-result{border:1px solid #ddd;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.result-distribution{margin-top:1.5rem}@media (max-width: 768px){.star-rating-result{padding:1rem;margin-bottom:1.5rem}.result-title{font-size:1rem;margin-bottom:1rem}.result-summary{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.summary-value{font-size:1.5rem}.distribution-item{flex-wrap:wrap;gap:.5rem}.distribution-rating{min-width:100px;width:100%}.distribution-bar-container{width:100%;order:3}.distribution-count{min-width:auto;text-align:left;order:2}}.card-selection-result{border:1px solid #ddd;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.option-list{display:flex;flex-direction:column;gap:.75rem}.option-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border:1px solid #eee;border-radius:4px;background-color:#fafafa}.option-rank{min-width:40px;text-align:center;font-size:1rem;font-weight:700;color:#666}.option-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.option-text{font-size:.95rem;color:#333;line-height:1.4}.option-bar-container{height:20px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.option-bar{height:100%;background-color:#4caf50;border-radius:4px;transition:width .3s ease}.option-count{min-width:60px;text-align:right;font-size:1rem;color:#333;font-weight:600}@media (max-width: 768px){.card-selection-result{padding:1rem;margin-bottom:1.5rem}.result-title{font-size:1rem;margin-bottom:1rem}.result-summary{margin-bottom:1.5rem}.summary-value{font-size:1.5rem}.option-item{flex-wrap:wrap;gap:.5rem;padding:.5rem}.option-rank{min-width:35px;font-size:.9rem}.option-content{width:100%;order:2}.option-count{min-width:auto;text-align:left;order:1;margin-left:auto}}.likeable-card-result{border:1px solid #ddd;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.result-list{margin-top:1.5rem}.list-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#333}.item-list{display:flex;flex-direction:column;gap:.75rem}.item-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border:1px solid #eee;border-radius:4px;background-color:#fafafa}.item-rank{min-width:40px;text-align:center;font-size:1rem;font-weight:700;color:#666}.item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.item-text{font-size:.95rem;color:#333;line-height:1.4}.item-bar-container{height:20px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.item-bar{height:100%;background-color:#e91e63;border-radius:4px;transition:width .3s ease}.item-count{min-width:80px;text-align:right;font-size:1rem;color:#333;font-weight:600;display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.heart-icon{color:#e91e63;font-size:1.1rem}@media (max-width: 768px){.likeable-card-result{padding:1rem;margin-bottom:1.5rem}.result-title{font-size:1rem;margin-bottom:1rem}.result-summary{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.summary-value{font-size:1.5rem}.item-item{flex-wrap:wrap;gap:.5rem;padding:.5rem}.item-rank{min-width:35px;font-size:.9rem}.item-content{width:100%;order:2}.item-count{min-width:auto;text-align:left;order:1;margin-left:auto}}.star-rating-with-comment-result{border:1px solid #ddd;border-radius:4px;padding:1.5rem;margin-bottom:2rem;background-color:#fff}.result-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.result-loading,.result-error{text-align:center;padding:2rem;color:#666}.result-error{color:#d32f2f}.result-summary{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.summary-item{flex:1}.summary-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.summary-value{font-size:1.8rem;font-weight:700;color:#333}.result-distribution{margin-top:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.distribution-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#333}.distribution-list{display:flex;flex-direction:column;gap:.75rem}.distribution-item{display:flex;align-items:center;gap:1rem}.distribution-rating{display:flex;align-items:center;gap:.5rem;min-width:120px}.rating-stars{font-size:1.2rem;color:#ffa000;letter-spacing:.1em}.rating-number{font-size:.9rem;color:#666;font-weight:500}.distribution-bar-container{flex:1;height:24px;background-color:#f5f5f5;border-radius:4px;overflow:hidden;position:relative}.distribution-bar{height:100%;background-color:#2196f3;border-radius:4px;transition:width .3s ease}.distribution-count{min-width:60px;text-align:right;font-size:.9rem;color:#666;font-weight:500}.result-comments{margin-top:1.5rem}.comments-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#333}.no-data{text-align:center;padding:2rem;color:#999}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{display:flex;gap:1rem;padding:1rem;border:1px solid #eee;border-radius:4px;background-color:#fafafa}.comment-rating{display:flex;align-items:center;gap:.5rem;min-width:120px;flex-shrink:0}.comment-text{flex:1;font-size:.95rem;color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-word}.no-comment{color:#999;font-style:italic}@media (max-width: 768px){.star-rating-with-comment-result{padding:1rem;margin-bottom:1.5rem}.result-title{font-size:1rem;margin-bottom:1rem}.result-summary{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.summary-value{font-size:1.5rem}.result-distribution{margin-bottom:1.5rem}.distribution-item{flex-wrap:wrap;gap:.5rem}.distribution-rating{min-width:100px;width:100%}.distribution-bar-container{width:100%;order:3}.distribution-count{min-width:auto;text-align:left;order:2}.comment-item{flex-direction:column;gap:.75rem;padding:.75rem}.comment-rating{min-width:auto;width:100%}}.admin-auth{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:2rem}.admin-auth-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:2rem;width:100%;max-width:400px;box-shadow:0 2px 8px #0000001a}.admin-auth-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:#333}.admin-auth-form{display:flex;flex-direction:column;gap:1rem}.admin-auth-field{display:flex;flex-direction:column;gap:.5rem}.admin-auth-label{font-size:.9rem;font-weight:500;color:#666}.admin-auth-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.admin-auth-input:focus{outline:none;border-color:#007bff}.admin-auth-error{color:#d32f2f;font-size:.9rem;text-align:center;padding:.5rem;background-color:#ffebee;border-radius:4px}.admin-auth-button{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.admin-auth-button:hover{background-color:#0056b3}.admin-auth-button:active{background-color:#004085}@media (max-width: 768px){.admin-auth{padding:1rem}.admin-auth-container{padding:1.5rem}.admin-auth-title{font-size:1.2rem;margin-bottom:1rem}}.admin-page{max-width:1200px;margin:0 auto;padding:2rem}.admin-title{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#333;border-bottom:3px solid #333;padding-bottom:1rem}.admin-section{margin-bottom:3rem}.section-title{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#333;padding:1rem;background-color:#f5f5f5;border-left:4px solid #333;border-radius:4px}@media (max-width: 768px){.admin-page{padding:1rem}.admin-title{font-size:1.5rem;margin-bottom:1.5rem}.section-title{font-size:1.1rem;margin-bottom:1rem;padding:.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 768px){body{font-size:13px}}