:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:all .3s ease}button:disabled{opacity:.5;cursor:not-allowed}.start-screen{width:100%;max-width:600px;padding:2rem}.start-content{background:#fff;border-radius:24px;padding:3rem 2rem;box-shadow:0 10px 40px #ff24421a}.game-title{font-size:2.5rem;font-weight:800;color:#ff2442;margin-bottom:.5rem;line-height:1.2}.game-subtitle{font-size:1.1rem;color:#666;margin-bottom:2.5rem}.game-intro{margin-bottom:2.5rem;text-align:left}.intro-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fef5f7;border-radius:12px}.intro-emoji{font-size:2rem;flex-shrink:0}.intro-item p{font-size:1rem;color:#333;margin:0}.start-button{width:100%;padding:1rem 2rem;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff2442,#ff6b6b);border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 15px #ff24424d}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff244266}.start-button:active{transform:translateY(0)}.disclaimer{font-size:.85rem;color:#999;line-height:1.6;margin-top:1rem}@media(max-width:640px){.start-content{padding:2rem 1.5rem}.game-title{font-size:2rem}.intro-item{padding:.75rem}.intro-emoji{font-size:1.5rem}}.game-screen{width:100%;max-width:800px;padding:2rem}.progress-bar{background:#fff;border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 10px #0000000d}.progress-info{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;color:#666;font-weight:500}.progress-track{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff2442,#ff6b6b);transition:width .3s ease;border-radius:4px}.post-container{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #ff24421a}.post-card{margin-bottom:2rem}.post-header{margin-bottom:1rem}.post-category{display:inline-block;padding:.4rem 1rem;background:#fff0f3;color:#ff2442;border-radius:20px;font-size:.85rem;font-weight:600}.post-content{font-size:1.1rem;line-height:1.8;color:#333;text-align:left;padding:1.5rem;background:#fafafa;border-radius:12px;border-left:4px solid #ff2442;min-height:120px}.rating-section{margin-bottom:2rem}.rating-section h3{font-size:1.3rem;margin-bottom:.5rem;color:#333}.rating-hint{font-size:.9rem;color:#999;margin-bottom:1.5rem}.rating-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1rem}.rating-button{aspect-ratio:1;font-size:1.2rem;font-weight:600;background:#f5f5f5;color:#666;border-radius:12px;transition:all .2s ease}.rating-button:hover{background:#ffe0e6;color:#ff2442;transform:scale(1.05)}.rating-button.selected{background:linear-gradient(135deg,#ff2442,#ff6b6b);color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #ff24424d}.rating-label{font-size:1rem;color:#ff2442;font-weight:600;margin-top:1rem}.submit-button{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff2442,#ff6b6b);border-radius:12px;box-shadow:0 4px 15px #ff24424d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff244266}.submit-button:active:not(:disabled){transform:translateY(0)}.result-section{animation:fadeIn .5s ease}.result-section h3{font-size:1.3rem;color:#ff2442;margin-bottom:1rem;margin-top:1rem}.rating-comparison{display:flex;justify-content:center;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.rating-card{flex:1;max-width:150px;padding:1.25rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;text-align:center;border:2px solid;transition:transform .2s ease}.rating-card:hover{transform:translateY(-2px)}.rating-card.user{border-color:#4a90e2}.rating-card.actual{border-color:#ff2442}.rating-card.diff{border-color:orange}.rating-card-label{font-size:.85rem;color:#999;font-weight:600;margin-bottom:.5rem}.rating-card-value{font-size:2.5rem;font-weight:800;line-height:1}.rating-card.user .rating-card-value{color:#4a90e2}.rating-card.actual .rating-card-value{color:#ff2442}.rating-card.diff .rating-card-value{color:orange}.commentary{background:#fff9f0;border-left:4px solid #ffa500;padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:left}.commentary-title{font-size:.9rem;font-weight:700;color:orange;margin-bottom:.75rem}.commentary-text{font-size:1rem;line-height:1.7;color:#666}.next-button{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff2442,#ff6b6b);border-radius:12px;box-shadow:0 4px 15px #ff24424d;margin-bottom:1.5rem}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff244266}.next-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.game-screen{padding:1rem}.post-container{padding:1.5rem}.post-content{font-size:1rem;padding:1rem}.rating-buttons{grid-template-columns:repeat(5,1fr);gap:.5rem}.rating-button{font-size:1rem}.rating-card{max-width:120px;padding:1rem .75rem}.rating-card-value{font-size:2rem}}.result-screen{width:100%;max-width:800px;padding:2rem}.result-content{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 10px 40px #ff24421a}.result-header{margin-bottom:2.5rem;text-align:center}.result-title{font-size:2.5rem;font-weight:800;color:#ff2442;margin-bottom:1rem}.result-message{font-size:1.2rem;color:#666}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.score-display{display:flex;justify-content:center;margin-bottom:3rem}.score-circle{position:relative;width:200px;height:200px}.score-svg{width:100%;height:100%}.score-progress{transition:stroke-dashoffset 1s ease;stroke-linecap:round}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:3rem;font-weight:800;color:#ff2442;display:block;line-height:1}.score-fraction{font-size:1rem;color:#999;margin-top:.5rem}.results-list{margin-bottom:2rem}.results-list h3{font-size:1.3rem;margin-bottom:1.5rem;color:#333;text-align:left}.result-item{background:#fafafa;border-radius:12px;padding:.875rem 1rem;margin-bottom:.75rem;border-left:4px solid #ddd}.result-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.result-item-number{font-weight:700;color:#999;font-size:.85rem}.result-item-category{font-size:.8rem;padding:.2rem .6rem;background:#fff;border-radius:10px;color:#666;flex-shrink:0}.result-item-ratings{font-size:.8rem;color:#999;flex-shrink:0;white-space:nowrap}.result-item-score{margin-left:auto;font-weight:700;font-size:.85rem;padding:.2rem .6rem;border-radius:10px;flex-shrink:0}.result-item-score.good{background:#e8f5e9;color:#4caf50}.result-item-score.ok{background:#fff9e0;color:orange}.result-item-score.bad{background:#ffebee;color:#f44336}.result-item-content{text-align:left}.result-item-text{font-size:.9rem;color:#666;line-height:1.4}.separator{color:#ccc;margin:0 .3rem;font-weight:400}.share-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#ff2442;background:#fff;border:2px solid #ff2442;border-radius:12px}.share-button:hover{background:#fff0f3;transform:translateY(-2px);box-shadow:0 4px 15px #ff244233}.share-button:active{transform:translateY(0)}.restart-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff2442,#ff6b6b);border-radius:12px;box-shadow:0 4px 15px #ff24424d}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff244266}.restart-button:active{transform:translateY(0)}@media(max-width:640px){.result-screen{padding:1rem}.result-content{padding:1.5rem}.result-title{font-size:2rem}.result-message{font-size:1rem}.score-circle{width:160px;height:160px}.score-number{font-size:2.5rem}.result-actions{grid-template-columns:1fr}.result-item{padding:.875rem 1rem}}.app{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fef5f7,#fff9fa)}*{box-sizing:border-box}