.persona-history-view{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;max-width:1200px;margin:0 auto}.persona-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.history-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.persona-history-error{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.retry-button{margin-top:16px;padding:10px 24px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.retry-button:hover{background:#1976d2}.persona-history-empty{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:64px;margin-bottom:16px}.persona-history-empty h3{margin:16px 0 8px;color:#333;font-size:20px}.persona-history-empty p{font-size:14px;max-width:400px;margin:0 auto}.history-header{margin-bottom:32px;border-bottom:2px solid #f0f0f0;padding-bottom:24px}.header-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header-title h2{margin:0;font-size:24px;color:#333}.intervention-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.history-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.persona-filter,.search-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s}.persona-filter{min-width:200px}.search-input{min-width:250px}.persona-filter:focus,.search-input:focus{outline:none;border-color:#2196f3}.refresh-button{padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:18px;transition:all .2s;margin-left:auto}.refresh-button:hover{background:#e0e0e0;transform:rotate(180deg)}.history-timeline{position:relative;padding-left:40px;margin:32px 0}.timeline-item{position:relative;padding-left:32px;margin-bottom:32px;border-left:3px solid #ddd;padding-bottom:24px}.timeline-item:last-child{border-left-color:transparent;margin-bottom:0}.timeline-badge{position:absolute;left:-22px;top:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff,0 2px 8px #00000026;z-index:1}.badge-icon{font-size:20px}.timeline-content{background:#f9f9f9;border-radius:8px;padding:20px;transition:box-shadow .2s}.timeline-content:hover{box-shadow:0 4px 12px #0000001a}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.persona-info h3{margin:0 0 8px;font-size:18px}.metadata{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#666}.metadata span{background:#fff;padding:4px 10px;border-radius:12px;border:1px solid #e0e0e0}.timestamp{color:#999;font-size:13px;font-weight:500}.story-context{background:#fff;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;border-left:3px solid #2196F3}.conversation-messages{display:flex;flex-direction:column;gap:12px}.message{background:#fff;padding:12px 16px;border-radius:8px;border-left:3px solid #ddd}.user-message{border-left-color:#4caf50}.assistant-message{border-left-color:#2196f3}.message-label{font-weight:600;font-size:12px;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.message-content{font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap}.additional-metadata{margin-top:12px;cursor:pointer}.additional-metadata summary{font-size:12px;color:#666;font-weight:600;padding:8px;background:#fff;border-radius:4px;-webkit-user-select:none;user-select:none}.additional-metadata summary:hover{background:#f5f5f5}.additional-metadata pre{margin-top:8px;padding:12px;background:#2d2d2d;color:#f8f8f2;border-radius:4px;font-size:11px;overflow-x:auto}.no-results{text-align:center;padding:40px 20px;color:#666}.history-summary{margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.history-summary h3{margin:0 0 20px;font-size:18px;color:#333}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:8px;text-align:center;color:#fff;box-shadow:0 4px 12px #667eea4d}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.persona-history-view{padding:16px}.history-header{margin-bottom:24px}.header-title{flex-direction:column;align-items:flex-start;gap:12px}.history-controls{flex-direction:column;align-items:stretch}.control-group,.persona-filter,.search-input{width:100%}.refresh-button{margin-left:0;align-self:flex-start}.history-timeline{padding-left:20px}.timeline-item{padding-left:24px}.timeline-badge{left:-18px;width:32px;height:32px}.badge-icon{font-size:16px}.timeline-content{padding:16px}.content-header{flex-direction:column}.metadata{flex-direction:column;gap:6px}.summary-stats{grid-template-columns:1fr}}@media(max-width:480px){.header-title h2{font-size:20px}.intervention-badge{padding:6px 12px;font-size:12px}.persona-info h3{font-size:16px}.timeline-content{padding:12px}}@media(prefers-color-scheme:dark){.persona-history-view{background:#1e1e1e;color:#e0e0e0}.timeline-content{background:#2d2d2d}.timeline-content:hover{box-shadow:0 4px 12px #ffffff1a}.metadata span,.message,.story-context{background:#3d3d3d;border-color:#555}.persona-filter,.search-input{background:#2d2d2d;border-color:#555;color:#e0e0e0}.refresh-button{background:#3d3d3d;border-color:#555}.header-title h2,.persona-info h3,.message-content{color:#e0e0e0}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes pulse-gentle{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.text-age-6-8-heading{@apply text-3xl;}.text-age-6-8-body{@apply text-lg;}.text-age-6-8-button{@apply text-xl;}.mb-age-6-8{@apply mb-8;}.rounded-age-6-8{@apply rounded-2xl;}.text-age-9-11-heading{@apply text-2xl;}.text-age-9-11-body{@apply text-base;}.text-age-9-11-button{@apply text-lg;}.mb-age-9-11{@apply mb-6;}.rounded-age-9-11{@apply rounded-xl;}.text-age-12-14-heading{@apply text-xl;}.text-age-12-14-body,.text-age-12-14-button{@apply text-base;}.mb-age-12-14{@apply mb-4;}.rounded-age-12-14{@apply rounded-lg;}.text-age-15-18-heading{@apply text-lg;}.text-age-15-18-body,.text-age-15-18-button{@apply text-sm;}.mb-age-15-18{@apply mb-3;}.rounded-age-15-18{@apply rounded;}.pulse-gentle{animation:pulse-gentle 2s cubic-bezier(.4,0,.6,1) infinite}.bounce-soft{animation:bounce-soft 1s ease-in-out infinite}.animate-slide-up{animation:slide-up .3s ease-out}.floating-conversation-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2;}.mic-button-ready{transition:all .3s ease}.mic-button-ready:hover{transform:scale(1.05);box-shadow:0 10px 25px #0003}.mic-button-recording{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 20px #ef444480}.message-bubble{max-width:70%;word-wrap:break-word}.user-message{margin-left:auto}.assistant-message{margin-right:auto}.loading-dots:after{content:"";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media(max-width:640px){.mic-button-container{@apply px-4;}.conversation-pane{@apply h-64;}}*{transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}