body{background:var(--bg-color,#0d0d1a);color:var(--text-color,#e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.portfolio-header{align-items:center;backdrop-filter:blur(12px);background:rgba(13,13,26,.92);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:100}.portfolio-back-btn,
.portfolio-share-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color,#e0e0e0);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:background .2s;width:36px}.portfolio-back-btn:hover,
.portfolio-share-btn:hover{background:hsla(0,0%,100%,.08)}.portfolio-header-title{font-size:1rem;font-weight:600}.portfolio-loading{display:flex;justify-content:center;padding:60px}.portfolio-spinner{animation:spin .8s linear infinite;border:3px solid rgba(124,58,237,.3);border-radius:50%;border-top-color:#7c3aed;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.portfolio-page{margin:0 auto;max-width:640px;padding:0 16px 60px}.portfolio-profile-card{align-items:center;display:flex;flex-direction:column;gap:8px;padding:28px 16px 20px;text-align:center}.portfolio-avatar{border:3px solid #7c3aed;border-radius:50%;box-shadow:0 0 20px rgba(124,58,237,.3);height:88px;object-fit:cover;width:88px}.portfolio-name{font-size:1.3rem;font-weight:700;margin:4px 0 0}.portfolio-arroba{font-size:.85rem;opacity:.55}.portfolio-bio{font-size:.9rem;line-height:1.5;margin:4px 0 0;max-width:320px;opacity:.75}.portfolio-sdb-link{align-items:center;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:20px;color:#a78bfa;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;margin-top:8px;padding:7px 16px;text-decoration:none;transition:background .2s}.portfolio-sdb-link:hover{background:rgba(124,58,237,.28)}.portfolio-section{margin-top:24px}.portfolio-section-title{align-items:center;display:flex;font-size:.78rem;font-weight:700;gap:8px;letter-spacing:.08em;margin:0 0 12px;opacity:.45;text-transform:uppercase}.portfolio-sites-list{display:flex;flex-direction:column;gap:10px}.portfolio-site-card{align-items:center;background:var(--card-bg-color,#16162e);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;color:var(--text-color,#e0e0e0);display:flex;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .15s,border-color .15s}.portfolio-site-card:hover{border-color:rgba(124,58,237,.4);transform:translateY(-2px)}.psite-favicon{align-items:center;background:hsla(0,0%,100%,.06);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.psite-favicon img{height:24px;object-fit:contain;width:24px}.psite-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.psite-title{font-size:.95rem;font-weight:600}.psite-desc,.psite-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psite-desc{font-size:.8rem;opacity:.6}.psite-domain{font-size:.75rem;opacity:.4}.psite-arrow{flex-shrink:0;font-size:.75rem;opacity:.35}.portfolio-collections-grid{display:flex;flex-direction:column;gap:10px}.portfolio-collection-card{align-items:center;background:var(--card-bg-color,#16162e);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:transform .15s,border-color .15s}.portfolio-collection-card:hover{border-color:rgba(124,58,237,.4);transform:translateY(-2px)}.pcol-icon{flex-shrink:0;font-size:1.6rem}.pcol-info{flex:1;min-width:0}.pcol-name{font-size:.95rem;font-weight:600;margin:0 0 2px}.pcol-count{font-size:.78rem;opacity:.5}.pcol-desc{font-size:.8rem;margin:4px 0 0;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcol-arrow{flex-shrink:0;font-size:.75rem;opacity:.35}.portfolio-empty{align-items:center;flex-direction:column;font-size:.95rem;gap:12px;justify-content:center;opacity:.4;padding:60px 20px}.portfolio-empty i{font-size:2.5rem}.portfolio-modal-overlay{align-items:flex-end;background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.portfolio-modal-box{background:var(--card-bg-color,#16162e);border-radius:20px 20px 0 0;max-height:80vh;max-width:640px;overflow-y:auto;padding:20px;width:100%}.portfolio-modal-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.portfolio-modal-icon{font-size:1.8rem}.portfolio-modal-header h3{font-size:1.05rem;margin:0 0 2px}.portfolio-modal-close{background:none;border:none;color:var(--text-color,#e0e0e0);cursor:pointer;font-size:1rem;margin-left:auto;opacity:.6}.portfolio-modal-close:hover{opacity:1}.portfolio-modal-projects{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.portfolio-modal-proj-card{align-items:center;background:hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 6px;text-align:center;transition:background .15s}.portfolio-modal-proj-card:hover{background:rgba(124,58,237,.15)}.portfolio-modal-proj-card img{border-radius:10px;height:60px;object-fit:cover;width:60px}.portfolio-modal-proj-card span{font-size:.75rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--font-base:"Roboto","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--bg-color:#fff;--card-bg-color:#f8f8f8;--text-color:#0a0a0a;--text-secondary-color:#333;--text-muted-color:#666;--border-color:#eee;--primary-color:#1565c0;--primary-gradient:linear-gradient(135deg,#1565c0,#0d47a1);--primary-glow:rgba(21,101,192,.4);--primary-hover-color:#1976d2;--primary-gradient-hover:linear-gradient(135deg,#1976d2,#0d47a1);--danger-color:#f33;--danger-hover-color:#c00;--success-color:#1565c0;--warning-color:#ffc107;--link-color:var(--primary-color);--shadow-color:rgba(0,0,0,.05);--input-bg-color:#ffffffb9;--input-border-color:#898d91;--icon-color:#212529;--button-secondary-bg:#212529;--button-secondary-text:#797979;--button-secondary-hover-bg:#5a6268;--primary-color-low-opacity:rgba(21,101,192,.25);--dark-bg-color:#0a0a0a;--dark-card-bg-color:#121212;--dark-text-color:#fff;--dark-text-secondary-color:#ccc;--dark-text-muted-color:#888;--dark-border-color:#222;--dark-primary-color:#1565c0;--dark-primary-gradient:linear-gradient(135deg,#1565c0,#0d47a1);--dark-primary-hover-color:#42a5f5;--dark-primary-gradient-hover:linear-gradient(135deg,#42a5f5,#0d47a1);--dark-danger-color:#ff4d4d;--dark-danger-hover-color:#ff1a1a;--dark-success-color:#1565c0;--dark-warning-color:#ffd43b;--dark-link-color:var(--dark-primary-color);--dark-shadow-color:rgba(0,0,0,.5);--dark-input-bg-color:#1a1a1a;--dark-input-border-color:#333;--dark-icon-color:#1565c0;--dark-button-secondary-bg:#1b1b1b;--dark-button-secondary-text:#fff;--dark-button-secondary-hover-bg:#333;--dark-primary-color-low-opacity:rgba(21,101,192,.25)}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-base);font-size:16px;line-height:1.6;min-height:100vh;transition:background-color .3s,color .3s}body.dark-mode{--bg-color:var(--dark-bg-color);--card-bg-color:var(--dark-card-bg-color);--text-color:var(--dark-text-color);--text-secondary-color:var(--dark-text-secondary-color);--text-muted-color:var(--dark-text-muted-color);--border-color:var(--dark-border-color);--primary-color:var(--dark-primary-color);--primary-gradient:var(--dark-primary-gradient);--primary-hover-color:var(--dark-primary-hover-color);--primary-gradient-hover:var(--dark-primary-gradient-hover);--danger-color:var(--dark-danger-color);--danger-hover-color:var(--dark-danger-hover-color);--success-color:var(--dark-success-color);--warning-color:var(--dark-warning-color);--link-color:var(--dark-link-color);--shadow-color:var(--dark-shadow-color);--input-bg-color:var(--dark-input-bg-color);--input-border-color:var(--dark-input-border-color);--icon-color:var(--dark-icon-color);--button-secondary-bg:var(--dark-button-secondary-bg);--button-secondary-text:var(--dark-button-secondary-text);--button-secondary-hover-bg:var(--dark-button-secondary-hover-bg);--primary-color-low-opacity:var(--dark-primary-color-low-opacity)}.hidden{display:none!important}.fundo{min-height:100vh}.container,.fundo{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;width:100%}.container{max-width:1200px;padding:20px 15px 30px}.modal-button.primary{background:var(--primary-gradient);border:none;color:#fff}.modal-button.primary:hover{background:var(--primary-gradient-hover);transform:translateY(-1px)}.modal-button.secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}.modal-button.secondary:hover{background-color:var(--button-secondary-hover-bg);transform:translateY(-1px)}.modal-button.danger{background-color:var(--danger-color);color:#fff}.modal-button.danger:hover{background-color:var(--danger-hover-color);transform:translateY(-1px)}.header{align-items:center;backdrop-filter:blur(10px);background-color:var(--card-bg-color);border-bottom:1px solid var(--border-color);border-radius:7px;box-shadow:0 2px 4px var(--shadow-color);display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 15px;position:sticky;top:0;width:100%;z-index:9999}.header .img{height:33px;object-fit:contain;width:33px}
.header .btOpenClose,.header .btmin{cursor:pointer;height:28px;object-fit:contain;width:28px}
body.dark-mode .header .btOpenClose,body.dark-mode .header .btmin{filter:invert(1) hue-rotate(180deg) brightness(1.5)}.header .titulos{color:var(--text-color);font-size:1.15rem;font-weight:600}.header .afastador{flex-grow:1}.header .header-right{align-items:center;display:flex;gap:8px}.chat-app-container{background-color:var(--surface-color);box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:700px;overflow:hidden}.chat-header-bar{align-items:center;background-color:var(--primary-color);box-shadow:0 2px 5px rgba(0,0,0,.1);color:#fff;display:flex;padding:10px 15px;z-index:10}.chat-header-bar .back-button,
.chat-header-bar .options-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2em;padding:5px 10px}.chat-header-bar .back-button{margin-right:10px}.chat-header-bar .options-button{margin-left:auto}.chat-header-bar .avatar{border:1px solid hsla(0,0%,100%,.5);border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.chat-partner-info h2{font-size:1.1em;font-weight:500;margin:0}.chat-partner-info .status{color:hsla(0,0%,100%,.8);font-size:.8em;margin:0}.messages-area{background-color:var(--background-color);flex-grow:1;overflow-y:auto;padding:15px}.message-bubble,.messages-area{display:flex;flex-direction:column}.message-bubble{margin-bottom:12px;max-width:75%;position:relative}.message-bubble .message-content{border-radius:18px;line-height:1.4;padding:10px 15px;word-wrap:break-word}.message-bubble .message-content p{margin:0;padding:0}.message-bubble.sent{align-items:flex-end;align-self:flex-end}.message-bubble.sent .message-content{background-color:#dcf8c6;border-bottom-right-radius:4px;color:#333}.message-bubble.received{align-items:flex-start;align-self:flex-start}.message-bubble.received .message-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-color)}.message-bubble .timestamp{color:var(--text-color-light);font-size:.7em;margin-top:3px;padding:0 5px}.message-input-bar{align-items:center;background-color:var(--surface-color);border-top:1px solid var(--border-color);display:flex;padding:10px 15px}.message-input-bar .attach-button{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-size:1.3em;margin-right:8px;padding:8px}#message-input-field{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:20px;flex-grow:1;font-size:1em;padding:12px 15px}#message-input-field:focus{border-color:var(--primary-color);outline:none}.message-input-bar .send-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:45px;justify-content:center;margin-left:10px;transition:background-color .2s ease;width:45px}.message-input-bar .send-button:hover{background-color:var(--primary-color-hover)}#messages-area{scroll-behavior:smooth}@media (min-width:601px){.container{align-items:center;background-color:transparent;display:flex;flex-direction:column;height:auto;justify-content:center;width:70%}}.native-app .partner-promo-banner{display:none!important}.partner-promo-banner{overflow:hidden;position:relative}.partner-promo-banner::before{animation:shimmer-banner 3.5s ease infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}@keyframes shimmer-banner{0%{left:-100%} 100%,60%{left:150%}}