.history-view{margin-top:30px;padding:20px;background:#f8fafc;border-radius:16px}.history-view h3{margin-bottom:16px;color:#1f2937;font-size:1.2rem}.no-history{text-align:center;color:#6b7280;padding:20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:center;gap:16px;padding:16px;background:white;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s ease}.history-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.history-date{font-weight:600;color:#374151;min-width:60px}.history-summary{flex:1;display:flex;justify-content:space-between;align-items:center}.history-foods{color:#6b7280;font-size:.9rem;flex:1}.history-status{display:flex;align-items:center;gap:8px}.history-mood,.history-energy{font-size:1.2rem}.history-status-light{width:12px;height:12px;border-radius:50%}@media (max-width: 480px){.history-summary{flex-direction:column;align-items:flex-start;gap:8px}.history-status{align-self:flex-end}}.ai-content-display{margin-top:30px;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;color:#fff;text-align:center}.ai-content-display h3{margin-bottom:20px;font-size:1.3rem}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{padding:20px;background:rgba(255,255,255,.1);border-radius:12px}.content{display:flex;flex-direction:column;gap:20px}.image-container{display:flex;justify-content:center}.image-container img{max-width:100%;max-height:200px;border-radius:12px;box-shadow:0 4px 12px #0003}.text-content p{font-size:1.1rem;line-height:1.6;font-weight:300}@media (max-width: 480px){.ai-content-display{padding:16px}.ai-content-display h3{font-size:1.1rem}.text-content p{font-size:1rem}}.app{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.app-container{background:white;border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;text-align:center}.app-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:8px}.app-subtitle{color:#6b7280;margin-bottom:40px;font-size:1.1rem}.circle-interface{margin-bottom:40px}.circle-container{position:relative;width:300px;height:300px;margin:0 auto 30px}.circle{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #0003}.sector{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:opacity,filter}.sector:hover{transform:scale(1.05);z-index:18;filter:brightness(1.1)}.sector-clicked{transform:scale(.95)!important;transition:all .15s ease-out}.sector-none{opacity:.1}.sector-small{opacity:.3}.sector-medium{opacity:.6}.sector-large{opacity:1}.sector-active{border:2px solid white;box-shadow:0 0 0 2px #fff,0 0 20px #ffffff80}.sector-content{position:absolute;text-align:center;pointer-events:none;z-index:15}.emoji{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;font-weight:700}.circle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001a;z-index:20}.center-text{font-size:.8rem;color:#6b7280;font-weight:500}.food-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:12px;font-size:.9rem}.legend-emoji{font-size:1.2rem}.legend-label{flex:1;text-align:left;color:#374151}.legend-portion{color:#6b7280;font-weight:500;min-width:20px}.status-panel{background:#f8fafc;padding:24px;border-radius:16px}.status-section h3{margin-bottom:20px;color:#1f2937;font-size:1.2rem}.status-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.status-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:white;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:80px}.status-button:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-emoji{font-size:1.5rem}.status-light{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 8px #0003}.status-label{font-size:.85rem;color:#374151;font-weight:500}.status-description{text-align:center;color:#6b7280;font-size:.9rem;line-height:1.4}.ai-content-toggle{margin:20px 0;text-align:center}.ai-content-toggle button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.ai-content-toggle button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.ai-content-toggle button:active{transform:translateY(0)}@media (max-width: 480px){.app-container{padding:20px;margin:10px}.circle-container{width:250px;height:250px}.circle-center{width:80px;height:80px}.food-legend{grid-template-columns:repeat(2,1fr)}.status-controls{grid-template-columns:1fr;gap:8px}.status-button{flex-direction:row;justify-content:flex-start;min-height:auto;padding:12px 16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){body{font-size:14px}}