:root{--md-shape-xs:4px;--md-shape-sm:8px;--md-shape-md:12px;--md-shape-lg:16px;--md-shape-xl:28px;--md-shape-full:9999px;--md-font:'Google Sans Flex',system-ui,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{font-family:var(--md-font);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease;overflow-x:hidden}.bg-organico{position:fixed;bottom:-150px;right:-150px;color:var(--md-sys-color-primary);opacity:.07;pointer-events:none;z-index:0;animation:giroOrganico 80s linear infinite;transition:color .4s ease}@keyframes giroOrganico{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.topnav{position:sticky;top:0;left:0;width:100%;z-index:100;background:color-mix(in srgb,var(--md-sys-color-surface) 80%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);clip-path:url(#recorte-onda-nav);margin-bottom:-16px;padding:0 24px;display:flex;align-items:center;height:80px;box-sizing:border-box;transition:background .4s}.topnav .brand{font-weight:700;font-size:16px;white-space:nowrap;color:var(--md-sys-color-primary);display:flex;align-items:center;gap:8px;transition:color .4s}.icon-btn{width:40px;height:40px;border-radius:var(--md-shape-full);border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0;position:relative;overflow:hidden}.icon-btn:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.gradePrincipal{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1200px;margin:60px auto 40px;padding:0 24px;position:relative;z-index:1}.cartaoForm,.cartaoSaida{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-xl);padding:32px;transition:background .4s,border-color .4s}.secaoTitulo{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--md-sys-color-outline-variant);transition:border-color .4s}.secaoTitulo h2{font-size:14px;font-weight:600;color:var(--md-sys-color-primary);letter-spacing:.05em;text-transform:uppercase;transition:color .4s}.mt{margin-top:24px}.linhaDupla{display:grid;grid-template-columns:1fr 1fr;gap:16px}.campoTexto{position:relative;margin-bottom:20px}.campoTexto input,.campoTexto textarea{width:100%;padding:16px;border:1.5px solid var(--md-sys-color-outline-variant);border-radius:16px;background:transparent;color:var(--md-sys-color-on-surface);font-family:var(--md-font);font-size:14px;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s,color .2s}.campoTexto input:focus,.campoTexto textarea:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 .5px var(--md-sys-color-primary)}.campoTexto label{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:14px;color:var(--md-sys-color-on-surface-variant);pointer-events:none;transition:all .2s cubic-bezier(.2,0,0,1);padding:0 6px;background:transparent}.campoTexto input:focus ~ label,.campoTexto input:not(:placeholder-shown) ~ label,.campoTexto textarea:focus ~ label,.campoTexto textarea:not(:placeholder-shown) ~ label{top:0;transform:translateY(-50%);font-size:12px;color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-low)}.areaResultado{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:24px;font-family:'Source Code Pro',monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;min-height:300px;color:var(--md-sys-color-on-surface-variant);margin-bottom:24px;word-break:break-all;transition:background .4s,border-color .4s,color .4s}.md-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:16px;font-family:var(--md-font);font-size:14px;font-weight:600;border:none;cursor:pointer;height:40px;transition:all .15s ease;position:relative;overflow:hidden;width:100%}.md-btn-text{background:transparent;color:var(--md-sys-color-primary);border-radius:var(--md-shape-full)}.md-btn-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 1px 2px rgba(0,0,0,.3);transition:background .4s,color .4s}.dialog-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.dialog-overlay.open{opacity:1;pointer-events:all}.dialog{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-shape-xl);padding:24px;width:min(360px,90vw);transform:scale(.9);transition:transform .2s cubic-bezier(.2,0,0,1);box-shadow:0 8px 24px rgba(0,0,0,.2)}.dialog-overlay.open .dialog{transform:scale(1)}.dialog-icon{text-align:center;margin-bottom:12px;color:var(--md-sys-color-primary)}.dialog-icon .material-symbols-rounded{font-size:28px}.dialog-title{font-size:1.3rem;font-weight:700;margin-bottom:8px;text-align:center;color:var(--md-sys-color-on-surface)}.dialog-body{font-size:.9rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:24px;text-align:center}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.criadores{display:flex;flex-direction:column;gap:16px;margin-top:20px}.criador{display:flex;align-items:center;gap:16px;text-align:left}.criador-foto{width:72px;height:72px;overflow:hidden;flex-shrink:0;background:var(--md-sys-color-primary-container);border-radius:62% 38% 46% 54%/60% 44% 56% 40%;transition:background .4s}.criador-foto img{width:100%;height:100%;object-fit:cover}.criador-info{display:flex;flex-direction:column}.criador-info strong{font-size:1rem;color:var(--md-sys-color-on-surface)}.criador-info span{font-size:.8rem;color:var(--md-sys-color-on-surface-variant)}.ripple-surface{position:relative;overflow:hidden;cursor:pointer}.ripple-surface .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.28);transform:scale(0);animation:rippleAnim .6s ease-out forwards;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}@media(max-width:768px){.gradePrincipal{grid-template-columns:1fr;gap:24px;margin:40px auto 16px;padding:0 16px}.cartaoForm,.cartaoSaida{padding:20px;border-radius:var(--md-shape-lg)}.linhaDupla{grid-template-columns:1fr;gap:12px}.campoTexto{margin-bottom:16px}.campoTexto input,.campoTexto textarea{padding:14px;font-size:16px}.md-btn{height:48px}.bg-organico{display:block;width:280px;height:280px;bottom:-70px;right:-70px;opacity:.05}.topnav{height:72px;padding:0 16px}}