*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafaf9;--color-text: #27272a;--color-text-muted: #71717a;--color-border: #e4e4e7;--color-heavy: #64748b;--color-low: #94a3b8;--color-okay: #cbd5e1;--color-good: #86efac;--color-bright: #4ade80;--color-error: #ef4444;--color-hover: #f4f4f5;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-base: all .2s ease}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}.container{max-width:800px;margin:0 auto;padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.language-selector{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.language-selector-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-base)}.language-selector-wrapper:hover{border-color:var(--color-text-muted);box-shadow:0 2px 4px #0000000d}.language-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}#locale-select{border:none;background-color:transparent;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;outline:none;padding:0 4px 0 0}#locale-select:hover{color:var(--color-text)}#locale-select:focus{outline:none}main{flex:1;display:flex;flex-direction:column;justify-content:center}.section{margin-bottom:var(--spacing-xl)}.question{font-size:var(--font-size-2xl);font-weight:500;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.mood-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:500px;margin:0 auto}.mood-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:#fff;color:var(--color-text);font-size:var(--font-size-lg);font-weight:500;cursor:pointer;transition:var(--transition-base);text-align:center}.mood-icon{width:32px;height:32px;flex-shrink:0;stroke-width:1.5;transition:var(--transition-base)}.mood-label{font-size:var(--font-size-lg)}.mood-btn:hover{border-color:var(--color-text-muted);background-color:var(--color-hover);transform:translateY(-2px)}.mood-btn:hover .mood-icon{transform:scale(1.15)}.mood-btn:active{transform:translateY(0)}.mood-btn[data-mood="1"]:hover{border-color:var(--color-heavy)}.mood-btn[data-mood="1"]:hover .mood-icon{color:var(--color-heavy)}.mood-btn[data-mood="2"]:hover{border-color:var(--color-low)}.mood-btn[data-mood="2"]:hover .mood-icon{color:var(--color-low)}.mood-btn[data-mood="3"]:hover{border-color:var(--color-okay)}.mood-btn[data-mood="3"]:hover .mood-icon{color:var(--color-okay)}.mood-btn[data-mood="4"]:hover{border-color:var(--color-good)}.mood-btn[data-mood="4"]:hover .mood-icon{color:var(--color-good)}.mood-btn[data-mood="5"]:hover{border-color:var(--color-bright)}.mood-btn[data-mood="5"]:hover .mood-icon{color:var(--color-bright)}.error-message{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:#fee;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);text-align:center}.results-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-block{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stats-title{font-size:var(--font-size-xl);font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.stats-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.mood-bar-container{margin-bottom:var(--spacing-md)}.mood-bar-label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.875rem}.mood-bar-label-name{color:var(--color-text)}.mood-bar-label-value{color:var(--color-text-muted);font-weight:500}.mood-bar{display:flex;height:32px;background-color:var(--color-hover);border-radius:var(--radius-sm);overflow:hidden}.mood-bar-segment{height:100%;transition:width .5s ease}.mood-bar-segment[data-mood="1"]{background-color:var(--color-heavy)}.mood-bar-segment[data-mood="2"]{background-color:var(--color-low)}.mood-bar-segment[data-mood="3"]{background-color:var(--color-okay)}.mood-bar-segment[data-mood="4"]{background-color:var(--color-good)}.mood-bar-segment[data-mood="5"]{background-color:var(--color-bright)}.stats-total-message{text-align:center;font-size:var(--font-size-lg);color:var(--color-text);margin:var(--spacing-md) 0;font-weight:500}.mood-legend{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mood-legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.mood-legend-color{width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0}.mood-legend-color[data-mood="1"]{background-color:var(--color-heavy)}.mood-legend-color[data-mood="2"]{background-color:var(--color-low)}.mood-legend-color[data-mood="3"]{background-color:var(--color-okay)}.mood-legend-color[data-mood="4"]{background-color:var(--color-good)}.mood-legend-color[data-mood="5"]{background-color:var(--color-bright)}.mood-legend-label{flex:1;color:var(--color-text);font-size:.875rem}.mood-legend-value{color:var(--color-text-muted);font-size:.875rem;font-weight:500;min-width:50px;text-align:right}.mood-bars-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mood-bar-item{display:flex;align-items:center;gap:var(--spacing-sm)}.mood-bar-item-label{min-width:80px;font-size:.875rem;color:var(--color-text)}.mood-bar-item-bar{flex:1;height:24px;background-color:var(--color-hover);border-radius:var(--radius-sm);overflow:hidden}.mood-bar-item-fill{height:100%;transition:width .5s ease}.mood-bar-item-value{min-width:60px;text-align:right;font-size:.875rem;color:var(--color-text-muted)}.footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0;text-align:center;border-top:1px solid var(--color-border)}.footer-text{color:var(--color-text-muted);font-size:.875rem}.share-section{margin-top:var(--spacing-lg);display:flex;justify-content:center}.share-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-text);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-base)}.share-btn:hover{background-color:#18181b;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-btn:active{transform:translateY(0)}.share-icon{width:18px;height:18px}.share-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);overflow-y:auto}.share-modal-content{background-color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:400px;width:100%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto}.share-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-base);z-index:1}.share-modal-close:hover{background-color:var(--color-hover);color:var(--color-text)}.share-card-image{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:block}.share-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.share-download-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-text);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.share-download-btn:hover{background-color:#18181b}@media(max-width:640px){.share-modal-content{max-width:90%;padding:var(--spacing-md)}}.hidden{display:none!important}@media(max-width:640px){:root{--font-size-2xl: 1.5rem;--font-size-xl: 1.25rem}.container{padding:var(--spacing-sm)}.mood-buttons{gap:var(--spacing-xs)}.mood-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.mood-icon{width:28px;height:28px}.mood-label{font-size:var(--font-size-base)}}