@import"https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap";:root{--primary: #e7be62;--primary-light: #f1deb6;--primary-dark: #d4a94f;--secondary: #fbc746;--contrast: #ffffff;--background: #faf7f2;--surface: #ffffff;--surface-elevated: #fffcf7;--text-primary: #3E3E3E;--text-secondary: #6B6B6B;--text-tertiary: #999999;--border: rgba(231, 190, 98, .2);--shadow-sm: 0 2px 8px rgba(231, 190, 98, .1);--shadow-md: 0 4px 16px rgba(231, 190, 98, .15);--shadow-lg: 0 8px 24px rgba(231, 190, 98, .2);--font-display: 42px;--font-h1: 32px;--font-h2: 24px;--font-h3: 20px;--font-body: 16px;--font-small: 14px;--font-tiny: 12px;--font-code: 48px;--font-question: 18px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cabin,-apple-system,sans-serif;background:var(--background);min-height:100vh;color:var(--text-primary);font-size:var(--font-body);line-height:1.6}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.container{background:var(--surface);border-radius:16px;padding:48px;max-width:600px;width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative}.container:before,.container:after{content:"";position:absolute;width:40px;height:40px;border:2px solid var(--primary);opacity:.3}.container:before{top:16px;left:16px;border-right:none;border-bottom:none;border-radius:4px 0 0}.container:after{bottom:16px;right:16px;border-left:none;border-top:none;border-radius:0 0 4px}.logo-section{text-align:center;margin-bottom:40px}.logo{width:120px;height:auto;margin:0 auto 20px;display:block;filter:drop-shadow(0 2px 8px rgba(231,190,98,.3))}h1{font-family:Cabin,sans-serif;font-size:var(--font-display);font-weight:700;color:var(--primary);margin-bottom:12px;letter-spacing:.5px;line-height:1.2}h2{font-family:Cabin,sans-serif;font-size:var(--font-h1);font-weight:600;color:var(--primary);margin-bottom:24px;text-align:center;letter-spacing:.3px;line-height:1.3}h3{font-family:Cabin,sans-serif;font-size:var(--font-h2);font-weight:600;color:var(--primary);margin-bottom:16px;line-height:1.3}h4{font-family:Cabin,sans-serif;font-size:var(--font-h3);font-weight:600;color:var(--text-primary);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-size:var(--font-small)}.subtitle{font-size:var(--font-body);color:var(--text-secondary);font-weight:400;letter-spacing:.2px}.menu-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.btn{font-family:Cabin,sans-serif;padding:16px 32px;border:none;border-radius:12px;font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;letter-spacing:.3px}.btn-primary{background:var(--primary);color:var(--text-primary);box-shadow:var(--shadow-sm);border:2px solid var(--primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-link{background:transparent;color:var(--text-secondary);border:none;padding:12px;font-size:var(--font-small);font-weight:500}.btn-link:hover{color:var(--primary)}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-md)}}.info-box{background:var(--surface-elevated);border-radius:12px;padding:24px;text-align:center;border:1px solid var(--border);margin-bottom:32px}.info-box p{margin:8px 0;font-size:var(--font-body);color:var(--text-primary);line-height:1.7}.info-box h4{margin-bottom:16px;font-size:var(--font-h3)}.info-box strong{font-weight:700;color:var(--primary)}.input-code{width:100%;padding:20px;font-family:Cabin,sans-serif;font-size:var(--font-h1);font-weight:700;text-align:center;border:2px solid var(--border);border-radius:12px;margin:24px 0;letter-spacing:6px;text-transform:uppercase;background:var(--surface-elevated);color:var(--primary);transition:all .3s ease}.input-code:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e7be6233;background:#fff}.input-text{width:100%;padding:14px 16px;font-size:var(--font-body);font-family:Cabin,sans-serif;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:var(--surface-elevated);color:var(--text-primary);transition:all .3s ease}.input-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e7be6226;background:#fff}.session-info{text-align:center;margin-bottom:32px;padding:32px;background:var(--primary);border-radius:16px;color:var(--text-primary);position:relative;box-shadow:var(--shadow-md);border:2px solid var(--primary-dark)}.session-info h3{color:#3e3e3eb3;font-size:var(--font-tiny);font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}.session-code{font-family:Cabin,sans-serif;font-size:var(--font-code);font-weight:700;letter-spacing:10px;margin:16px 0}.session-code-small{text-align:center;font-family:Cabin,sans-serif;font-size:var(--font-h3);font-weight:600;color:var(--text-secondary);margin-bottom:24px;letter-spacing:2px}.qr-code-container{margin:24px auto;text-align:center}.qr-code{background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:8px;display:block;margin-left:auto;margin-right:auto;max-width:180px;width:100%;height:auto}.qr-text{font-size:var(--font-small);color:#3e3e3ecc;font-weight:500;margin-top:8px}.share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.btn-share{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:12px;font-family:Cabin,sans-serif;font-size:var(--font-small);font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.social-icon{width:18px;height:18px;flex-shrink:0}.btn-whatsapp{background:#25d366}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.btn-telegram{background:#08c}.btn-telegram:hover{background:#0077b5;transform:translateY(-2px);box-shadow:0 4px 12px #0088cc4d}.form-section{margin-bottom:24px}.form-section label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-primary);font-size:var(--font-body)}.helper-text{font-size:var(--font-small);color:var(--text-secondary);margin-bottom:16px;font-style:italic}.players-waiting{margin:32px 0}.player-list{display:flex;flex-direction:column;gap:10px}.player-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface-elevated);border-radius:12px;border:1px solid var(--border);font-weight:500;font-size:var(--font-body)}.player-icon{font-size:20px}.waiting-text{text-align:center;color:var(--text-secondary);margin:24px 0;font-size:var(--font-body);font-style:italic}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;background:var(--surface-elevated);border-radius:12px;border:1px solid var(--border)}.round-info{font-family:Cabin,sans-serif;font-weight:700;color:var(--primary);font-size:var(--font-h3)}.turn-info{font-size:var(--font-body);color:var(--text-primary)}.question-card{background:var(--primary);border-radius:16px;padding:32px 28px;margin:32px 0;box-shadow:var(--shadow-lg);position:relative;border:2px solid var(--primary-dark)}.question-card:before,.question-card:after{content:"✦";position:absolute;font-size:16px;color:#00000026;font-weight:400}.question-card:before{top:12px;left:12px}.question-card:after{bottom:12px;right:12px}.question-text{font-family:Cabin,sans-serif;font-size:var(--font-question);font-weight:400;text-align:left;color:var(--text-primary);line-height:1.7}.question-text p{margin:0;line-height:1.7}.question-text strong{font-weight:700;display:block;margin-top:16px}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.card-button{background:#fff;border:2px solid var(--primary);border-radius:12px;padding:14px 16px;font-family:Cabin,sans-serif;font-size:var(--font-body);font-weight:600;color:var(--primary);cursor:pointer;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center}.card-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-dark);background:var(--primary-light);color:var(--text-primary)}.selected-card{text-align:center;margin:32px 0}.selected-card p{font-size:var(--font-body);color:var(--text-secondary);margin-bottom:12px}.card-selected{background:var(--primary);color:var(--text-primary);padding:32px;border-radius:16px;font-family:Cabin,sans-serif;font-size:var(--font-h1);font-weight:700;margin:16px 0;box-shadow:var(--shadow-md);border:2px solid var(--primary-dark)}.instruction{font-size:var(--font-small);color:var(--text-tertiary);margin-top:16px;font-style:italic}.voting-section{text-align:center;margin:32px 0;padding:24px;background:var(--surface-elevated);border-radius:12px;border:1px solid var(--border)}.voting-section p{font-size:var(--font-body);margin-bottom:20px;color:var(--text-primary);font-weight:500}.vote-buttons{display:flex;gap:16px;justify-content:center}.scoreboard{margin-top:32px;padding:24px;background:var(--surface-elevated);border-radius:12px;border:1px solid var(--border)}.score-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin:8px 0;background:#fff;border-radius:10px;border:1px solid var(--border)}.score{font-family:Cabin,sans-serif;font-weight:700;font-size:var(--font-h3);color:var(--primary)}.results-header{text-align:center;margin-bottom:40px}.results-header h1{font-size:var(--font-display);margin-bottom:32px;color:var(--primary)}.winner-section{background:var(--primary);padding:40px 32px;border-radius:16px;box-shadow:var(--shadow-lg);margin:24px 0;border:2px solid var(--primary-dark);text-align:center}.gratitude-text{font-size:var(--font-h2);font-weight:400;margin:0 0 32px;color:var(--text-primary);line-height:1.5}.reflection-text{margin:24px 0;line-height:1.8}.reflection-normal{font-size:var(--font-h3);font-weight:400;margin:0 0 20px;color:var(--text-primary);line-height:1.7}.reflection-highlight{font-size:var(--font-h3);font-weight:700;margin:0;color:var(--text-primary);line-height:1.7}.final-scores{margin:32px 0}.final-score-item{display:flex;align-items:center;gap:16px;padding:16px 20px;margin:12px 0;background:var(--surface-elevated);border-radius:12px;border:1px solid var(--border)}.position{font-family:Cabin,sans-serif;font-size:var(--font-h2);font-weight:700;color:var(--primary);min-width:40px}.player-name{flex:1;font-weight:600;font-size:var(--font-body)}.player-score{font-family:Cabin,sans-serif;font-weight:700;font-size:var(--font-h3);color:var(--primary)}.button-group{display:flex;flex-direction:column;gap:12px;margin-top:32px}@media (max-width: 768px){:root{--font-display: 36px;--font-h1: 28px;--font-h2: 22px;--font-h3: 18px;--font-code: 40px;--font-question: 16px}.container{padding:32px 20px}.logo{width:100px}.session-code{letter-spacing:8px}.session-info{padding:24px 20px}.cards-grid{grid-template-columns:1fr}.card-button{padding:14px 16px;min-height:56px;font-size:var(--font-body)}.game-header{flex-direction:column;gap:10px;text-align:center}.vote-buttons{flex-direction:column}}@media (max-width: 480px){.container{padding:24px 16px}.session-info{padding:20px 16px}.share-buttons{grid-template-columns:1fr}.btn-share{font-size:var(--font-body);padding:14px 20px}}