@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Luckiest+Guy&display=swap";.cotorrobot-container{color:#fff;background:#0f172a;height:calc(100vh - 80px);display:flex;overflow:hidden}.personality-sidebar{background:#1e293b;border-right:1px solid #334155;flex-direction:column;width:320px;padding:1.5rem;display:flex;overflow-y:auto}.personality-sidebar h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.add-personality-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;margin-bottom:1.5rem;padding:.75rem;font-size:.8rem;font-weight:700;transition:all .3s}.add-personality-btn:hover{background:#059669;transform:translateY(-2px)}.personality-list{flex-direction:column;gap:1rem;display:flex}.personality-card{text-align:left;cursor:pointer;color:#cbd5e1;background:#334155;border:1px solid #0000;border-radius:12px;padding:1rem;transition:all .3s}.personality-card:hover{background:#475569}.personality-card.active{color:#fff;background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 15px #3b82f666}.personality-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.personality-card h3{flex:1;margin:0;font-size:1.1rem}.personality-actions{opacity:.6;gap:.5rem;transition:opacity .3s;display:flex}.personality-card:hover .personality-actions{opacity:1}.personality-actions button{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:4px;padding:2px;font-size:1rem}.personality-actions button:hover{background:#ffffff1a}.personality-card p{opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.chat-area{background:#0f172a;flex-direction:column;flex:1;display:flex}.chat-header{background:#1e293b;border-bottom:1px solid #334155;padding:1.5rem 2rem}.personality-info h2{margin:.5rem 0;font-size:1.5rem}.personality-info p{color:#94a3b8;margin:0;font-size:.9rem}.personality-badge{color:#fff;background:#10b981;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.messages-container{scroll-behavior:smooth;background-image:radial-gradient(#1e293b 1px,#0000 1px);background-size:20px 20px;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.welcome-message{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.bot-icon{margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.message-bubble{border-radius:20px;max-width:70%;padding:1rem 1.5rem;font-size:1rem;line-height:1.5;position:relative;box-shadow:0 4px 6px -1px #0000001a}.message-bubble.user{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.bot{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-bottom-left-radius:4px;align-self:flex-start}.loading .bubble-content{gap:4px;display:flex}.dot{animation:1.5s infinite dot-pulse}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.2}50%{opacity:1}}.chat-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-self:center;margin:1rem 0;padding:.75rem 1.5rem}.chat-input-form{background:#1e293b;border-top:1px solid #334155;gap:1rem;padding:1.5rem 2rem;display:flex}.chat-input-form input{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:12px;outline:none;flex:1;padding:.75rem 1.25rem;transition:border-color .3s}.chat-input-form input:focus{border-color:#3b82f6}.chat-input-form button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:0 1.5rem;font-weight:700;transition:all .3s}.chat-input-form button:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{background:#334155;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:#60a5fa;margin:0;font-size:1.2rem}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.modal-form .form-group{flex-direction:column;gap:.5rem;display:flex}.modal-form .form-group label{color:#94a3b8;font-size:.9rem;font-weight:700}.modal-form .form-group input,.modal-form .form-group textarea{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;padding:.75rem}.modal-form .form-group input:focus,.modal-form .form-group textarea:focus{border-color:#3b82f6}.modal-actions{gap:1rem;margin-top:1rem;display:flex}.btn-cancel{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:8px;flex:1;padding:.75rem;font-weight:700}.btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex:2;padding:.75rem;font-weight:700}.btn-save:disabled{opacity:.5}.users-page-container{flex-direction:column;gap:2rem;display:flex}.tabs-header{border-bottom:2px solid var(--border);gap:1rem;padding-bottom:.5rem;display:flex}.tab-btn{color:var(--contrast);font-family:var(--font-family);cursor:pointer;opacity:.6;text-transform:uppercase;background:0 0;border:none;padding:.5rem 1rem;font-size:1.2rem;transition:all .3s}.tab-btn.active{opacity:1;color:var(--primary);border-bottom:2px solid var(--primary);margin-bottom:-.7rem}.tab-content{margin-top:1rem}.users-table-container{background:var(--panel);border-radius:var(--panel-radius);border:1px solid var(--border);overflow-x:auto;box-shadow:0 8px 32px #0000004d}.users-table{border-collapse:collapse;text-align:left;width:100%}.users-table th{color:var(--primary);text-transform:uppercase;font-size:.9rem;font-family:var(--font-family);background:#ffffff0d;padding:1rem}.users-table td{border-bottom:1px solid var(--border);padding:1rem;font-size:.95rem}.users-table tr:hover{background:#ffffff05}.users-table tr:last-child td{border-bottom:none}.actions-cell{gap:.5rem;display:flex}.action-icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem;transition:background .2s}.action-icon-btn:hover{background:#fff3}.action-icon-btn.delete:hover{background:#ef4444}.role-badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.role-badge.admin{color:#fff;background:#3b82f6}.role-badge.superadmin{color:#fff;background:#a855f7}.empty-state{text-align:center;opacity:.5;padding:3rem}:root,:root[data-theme=cotorro]{--bg-base:#5585ce;--bg-stripe:#ffffff17;--background:repeating-linear-gradient(-45deg, transparent 0px, transparent 18px, var(--bg-stripe) 18px, var(--bg-stripe) 36px), var(--bg-base);--contrast:#f3f4ed;--navbar:#1c1c1c;--primary:#45c027;--secondary:#fed000;--detail:#0c120c;--panel:#09142eb8;--border:#ffffff26;--error:#ffd4d4;--font-family:"Luckiest Guy", cursive;--font-weight:400;--text-shadow:-3px -1px 0px var(--secondary), 1px 1px 0px #2d5300, 2px 2px 0px var(--detail), 4px 4px 6px #0000008c;--topbar-height:72px;--screen-max-width:1100px;--screen-padding-v:28px 0 42px;--panel-radius:12px;--btn-radius:8px}.cotorroFont-3d{font-family:var(--font-family);letter-spacing:1px;font-size:3rem;font-weight:var(--font-weight);text-transform:uppercase;color:var(--primary);text-shadow:var(--text-shadow);-webkit-text-stroke:.8px var(--detail);padding:10px 20px}.app-shell{background:var(--background);background-attachment:fixed;min-height:100vh}.topbar{z-index:10;min-height:var(--topbar-height);background:var(--navbar);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:20px;padding:8px 24px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-family);color:var(--primary);text-shadow:var(--text-shadow);-webkit-text-stroke:.8px var(--detail);flex-shrink:0;font-size:clamp(26px,4vw,40px);line-height:1;text-decoration:none}.nav-menu{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-btn{min-height:40px;color:var(--primary);font-family:var(--font-family);letter-spacing:.6px;text-transform:uppercase;text-shadow:-2px -1px 0 var(--secondary), 1px 1px 0 #2d5300, 2px 2px 0 var(--detail);-webkit-text-stroke:.5px var(--detail);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 14px;font-size:clamp(14px,1.6vw,22px);text-decoration:none}.nav-btn-active{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.screen-wrap{width:min(var(--screen-max-width), 96vw);padding:var(--screen-padding-v);color:var(--contrast);margin:0 auto}.auth-screen{min-height:calc(100vh - var(--topbar-height));align-items:center;display:flex}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.page-head h1,.panel h1,.panel h2,.list-stack h2,.anecdotario-card h3,.anecdota-item h4{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.8px;color:var(--primary);text-shadow:var(--text-shadow);-webkit-text-stroke:.4px var(--detail);margin:0}.panel{border-radius:var(--panel-radius);background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:14px;padding:18px;box-shadow:0 14px 26px #00000047}.panel p{margin-top:10px;margin-bottom:0}.form-grid{gap:12px;margin-top:10px;display:grid}.form-grid label{gap:6px;font-size:.95rem;display:grid}.form-grid input,.form-grid textarea,.form-grid select{color:#fcfcfc;background:#0003;border:1px solid #ffffff47;border-radius:8px;width:100%;padding:10px;font-size:1rem}.form-grid textarea{resize:vertical}.inline-check{align-items:center;gap:8px;display:flex}.inline-check input{width:auto}.media-row{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.action-btn{border-radius:var(--btn-radius);color:#0d1520;cursor:pointer;background:linear-gradient(#fed000,#f2a900);border:0;justify-content:center;align-items:center;padding:10px 16px;font-family:"Baloo 2",cursive;font-size:.95rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.action-btn:hover:not(:disabled){opacity:.9}.action-btn.ghost{color:var(--contrast);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff38}.action-btn:disabled{opacity:.65;cursor:not-allowed}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.anecdotario-card,.anecdota-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:10px;padding:14px;display:grid}.anecdotario-card p,.anecdota-item p{margin:0}.anecdotario-card-head,.anecdota-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pill{background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:4px 10px;font-size:.78rem}.tags-wrap{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{background:#46cb5b29;border:1px solid #71f48659;border-radius:999px;padding:5px 10px;font-size:.78rem}.go-link{color:#ffe57b;font-weight:700;text-decoration:none}.go-link:hover{text-decoration:underline}.list-stack{gap:12px;display:grid}.media-list{gap:4px;display:grid}.media-list a{color:#ffe57b;overflow-wrap:anywhere;text-decoration:none}.media-list a:hover{text-decoration:underline}.rate-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stars-input{gap:3px;display:inline-flex}.star-btn{color:#d4d4d4;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.35rem;line-height:1}.star-on{color:#ffd633}.error-text{color:var(--error);margin:0;font-weight:700}.guest-cta-panel{gap:10px;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040c1ab8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{width:min(680px,96vw);max-height:88vh;margin:0;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-screen{min-height:calc(100vh - var(--topbar-height));position:relative;overflow:hidden}.home-content{min-height:calc(100vh - var(--topbar-height));flex-direction:column;align-items:center;padding:24px 20px 52px;display:flex}.home-title{font-family:var(--font-family);color:var(--primary);text-transform:uppercase;text-shadow:var(--text-shadow);-webkit-text-stroke:.8px var(--detail);margin:0;font-size:clamp(40px,10vw,72px);line-height:1}.bird-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:min(520px,80vw);margin-top:80px}.welcome-banner{color:#fff7f2;letter-spacing:.3px;text-align:center;background:#e75f4b;border-radius:8px;margin-top:auto;margin-bottom:38px;padding:16px 26px;font-family:"Baloo 2",cursive;font-size:clamp(22px,3.5vw,48px);line-height:1.05}.float-button{color:#f16352;cursor:pointer;background:#6297e866;border:3px solid #ffffffa6;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;line-height:1;display:inline-flex;position:absolute;bottom:18px;right:22px}@media (width<=920px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 16px}.nav-menu{width:100%}.page-head{flex-direction:column;align-items:flex-start}.media-row{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=480px){:root{--topbar-height:56px;--screen-padding-v:16px 0 32px}.topbar{padding:8px 12px}.screen-wrap{width:92vw}.panel{padding:14px}.cards-grid{grid-template-columns:1fr}.auth-screen{align-items:flex-start;padding-top:24px}.bird-image{margin-top:32px}.welcome-banner{margin-bottom:20px;padding:12px 16px}.float-button{width:48px;height:48px;font-size:22px;bottom:14px;right:14px}.page-head h1{font-size:clamp(24px,7vw,36px)}}.file-picker-container{gap:8px;width:100%;display:grid}.dropzone{text-align:center;cursor:pointer;background:#ffffff08;border:2px dashed #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.active{border-color:var(--primary);background:#45c02714;transform:translateY(-2px)}.dropzone-content{flex-direction:column;align-items:center;gap:8px;display:flex}.dropzone-content .icon{filter:drop-shadow(0 4px 8px #0000004d);font-size:2.5rem}.dropzone-content p{margin:0;font-size:1.1rem;font-weight:700}.dropzone-content .hint{opacity:.6;font-size:.8rem}.file-preview-card{border:1px solid var(--border);background:#00000040;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex;position:relative;overflow:hidden}.img-preview{object-fit:cover;border-radius:8px;width:100%;max-height:200px;box-shadow:0 8px 16px #0006}.generic-preview{flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.generic-preview .icon{font-size:3rem}.generic-preview .filename{text-align:center;word-break:break-all;font-size:.9rem;font-weight:700}.preview-info{justify-content:center;width:100%;display:flex}.uploading-status{color:var(--secondary);font-weight:700;animation:1.5s infinite pulse}.error-text.sm{margin-top:4px;font-size:.85rem}.action-btn.sm{padding:4px 12px;font-size:.8rem}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;font-family:"Baloo 2",cursive}