.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}}.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}}