:root{--areia: #F6F0E4;--areia-escura: #EDE3D0;--terracota: #B0623C;--terracota-suave: #C97E5A;--ouro: #C9A24B;--grafite: #3A342C;--grafite-suave: #6B6154;--verde-whats: #DCF8C6;--branco: #FFFDF9;--serif: "Playfair Display", Georgia, serif;--sans: "Inter", -apple-system, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--areia);color:var(--grafite);font-family:var(--sans);line-height:1.55}.shell{max-width:480px;margin:0 auto;min-height:100dvh;padding:20px 20px 40px;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.25}em{font-family:var(--serif)}.btn{display:block;width:100%;border-radius:14px;padding:16px 20px;font:500 1.05rem var(--sans);cursor:pointer;text-align:left;background:var(--branco);color:var(--grafite);border:1.5px solid var(--areia-escura);transition:transform .12s ease,border-color .12s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--terracota);color:var(--branco);text-align:center;border:0;font-weight:600;letter-spacing:.01em;box-shadow:0 6px 18px #b0623c47}.input{width:100%;padding:16px;border-radius:14px;border:1.5px solid var(--areia-escura);font:1.05rem var(--sans);background:var(--branco)}.progress{height:6px;background:var(--areia-escura);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--terracota),var(--ouro));transition:width .5s ease}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ph{width:100%;border-radius:16px;background:repeating-linear-gradient(45deg,var(--areia-escura),var(--areia-escura) 12px,#E3D7C0 12px,#E3D7C0 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--grafite-suave)}.ph-n{font-weight:700;font-size:1.1rem;color:var(--terracota)}.ph-label{font-size:.85rem;text-align:center;padding:0 16px}.ph-ratio{font-size:.75rem;opacity:.7}.bubble-row{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.bubble-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--ouro)}.bubble{background:var(--branco);border-radius:4px 18px 18px;padding:12px 16px;font-size:.98rem;box-shadow:0 2px 10px #3a342c12}.wa-card{background:var(--verde-whats);border-radius:10px 10px 10px 2px;padding:10px 12px 6px;max-width:320px;box-shadow:0 1px 2px #0000001f;font-size:.92rem;text-align:left}.wa-name{font-size:.8rem;font-weight:600;color:#e58025;margin-bottom:2px}.wa-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.wa-time{font-size:.7rem;color:#7a8b74}.wa-react{font-size:.75rem;background:#fff;border-radius:10px;padding:1px 6px}.stories-dots{display:flex;gap:6px;margin-bottom:16px}.stories-dots span{flex:1;height:4px;border-radius:2px;background:var(--areia-escura)}.stories-dots span.on{background:var(--terracota)}.eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grafite-suave)}.mirror{font-family:var(--serif);font-style:italic;font-size:1.1rem;border-left:3px solid var(--ouro);padding-left:14px}.verse{background:var(--grafite);color:var(--areia);border-radius:14px;padding:16px;display:grid;gap:6px}.verse span{font-size:.75rem;letter-spacing:.1em;color:var(--ouro)}.tap-hint{text-align:center;font-size:.78rem;color:var(--grafite-suave);margin-top:22px}.lado-b{background:#c9a24b14;border-radius:14px;padding:6px}.stack{background:var(--branco);border-radius:14px;padding:14px;display:grid;gap:8px}.stack-row{display:flex;justify-content:space-between;font-size:.92rem}.stack-row s{color:var(--grafite-suave)}.stack-row.total{border-top:1px dashed var(--areia-escura);padding-top:8px;font-weight:600}