:root{font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",sans-serif;color:#123a2e;background:#fff9ef;--green:#087f4f;--deep:#063f30;--mint:#d9f5e7;--orange:#ff7629;--gold:#ffd45a;--ink:#123a2e;--muted:#668078;--card:#fff;--shadow:0 18px 60px rgba(7,77,48,.14)}*{box-sizing:border-box}html{min-height:100%;background:#fff9ef}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,#d9ffea 0,transparent 25rem),linear-gradient(180deg,#fffdf8,#fff5e4);overflow-x:hidden}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:10px 24px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--green)}.brand img{width:48px;height:48px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 6px 12px #07663b26)}.brand b{font-size:1.45rem;line-height:1}.brand b span{color:var(--orange)}.brand small{display:block;font-size:.68rem;color:#5b756c;font-weight:700;margin-top:3px}.tools{display:flex;align-items:center;gap:7px}.coins{border:1px solid #cde7d9;border-radius:999px;background:#fff;padding:9px 13px;font-weight:800}.tool,.langs button{border:1px solid #cde7d9;background:#fff;border-radius:999px;padding:9px 12px;font-weight:800;color:var(--deep);cursor:pointer}.tool[aria-pressed=false]{opacity:.45;filter:grayscale(1)}.langs{display:flex;border:1px solid #cde7d9;border-radius:999px;overflow:hidden;background:#fff}.langs button{border:0;border-radius:0;padding:9px 10px}.langs button[aria-pressed=true]{background:var(--green);color:#fff}.hero{max-width:900px;margin:auto;text-align:center;padding:22px 20px 14px;position:relative}.back{position:absolute;left:20px;top:24px;color:var(--green);font-weight:800;text-decoration:none}.hero-mascot{width:150px;height:120px;margin:5px auto 2px;position:relative}.hero-mascot img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 16px 18px #0b61412e);animation:breathe 3.4s ease-in-out infinite}.steam{position:absolute;left:25px;top:-2px;color:#25a777;font-size:2rem;transform:rotate(-8deg);animation:steam 2.2s ease-in-out infinite}.spark{position:absolute;right:10px;top:20px;color:#f4ae18;font-size:1.6rem;animation:twinkle 1.6s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes steam{50%{transform:translateY(-9px) rotate(4deg);opacity:.55}}@keyframes twinkle{50%{transform:scale(1.2);opacity:.55}}.eyebrow{font-size:.72rem;letter-spacing:.13em;color:var(--green);font-weight:900;margin:2px 0 8px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.06;letter-spacing:-.045em;margin:0 auto 10px;color:var(--deep)}.sub{color:var(--muted);margin:0 auto;max-width:660px;line-height:1.5}.ask-card{max-width:860px;margin:10px auto 0;padding:20px;background:linear-gradient(135deg,#effff6,#fff7e7);border:1px solid #d6eddf;border-radius:28px;box-shadow:var(--shadow)}textarea{width:100%;border:2px solid #cce7d7;border-radius:18px;padding:15px 16px;resize:vertical;min-height:78px;font:inherit;font-size:1.05rem;color:var(--ink);background:#fff;outline:none}textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #087f4f18}.ask-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.modes{display:flex;gap:6px;flex-wrap:wrap}.modes button{border:1px solid #cbe5d6;border-radius:999px;background:#fff;padding:9px 12px;font-weight:800;color:var(--deep);cursor:pointer}.modes button.selected{background:var(--green);color:#fff;border-color:var(--green)}.ask-button{border:0;border-radius:14px;background:var(--orange);color:#fff;min-height:48px;padding:12px 21px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 18px #ff762944}.ask-button:hover{transform:translateY(-1px);background:#ff5f18}.quick-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.quick-prompts button{border:1px solid #d4e7db;background:#fff;border-radius:12px;padding:8px 11px;color:#47655c;cursor:pointer;font-size:.87rem}.thinking{max-width:860px;margin:14px auto;padding:16px;text-align:center;color:var(--green);font-weight:800;background:#eaf9f0;border-radius:15px}.dots{letter-spacing:.28rem;animation:blink 1.1s ease-in-out infinite;display:inline-block}@keyframes blink{50%{opacity:.32}}.answer-card{max-width:860px;margin:14px auto;padding:18px;background:#fff;border:1px solid #dbece1;border-radius:24px;box-shadow:var(--shadow)}.question-bubble{display:flex;gap:10px;align-items:flex-start;color:#47655c;background:#fff9ef;border-radius:16px;padding:11px 13px}.question-bubble p{margin:0;line-height:1.45}.pho-answer{display:flex;gap:12px;margin-top:14px;align-items:flex-start}.pho-answer>img{width:55px;height:55px;object-fit:contain}.answer-label{font-size:.68rem;letter-spacing:.1em;color:var(--green);font-weight:900}.pho-answer p{font-size:1.16rem;line-height:1.5;margin:5px 0;color:var(--ink)}.pho-answer small{color:var(--muted)}.live-card{margin:14px 0;padding:14px 16px;border-radius:16px;background:#eaf3ff;border:1px solid #c5dbfa}.live-card b{color:#15539e}.live-card p{font-size:1.1rem;margin:5px 0}.live-card small{color:#5b7192}.answer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.secondary,.quiet{border:1px solid #cce2d5;background:#fff;border-radius:12px;padding:10px 13px;font-weight:800;color:var(--green);cursor:pointer}.quiet{border:0;color:#6d837b}.trail{max-width:860px;margin:22px auto}.trail h2{font-size:1rem;margin:0 0 8px;color:var(--deep)}#trail-list{display:flex;flex-direction:column;gap:7px}.trail-item{padding:9px 12px;border-left:3px solid #f0bc34;background:#fff;border-radius:10px;font-size:.9rem;color:#4e695f}.trail-item b{color:var(--green)}.privacy{font-size:.78rem;color:#869890;margin:10px 0}.notice{max-width:860px;margin:0 auto 28px;display:flex;gap:10px;align-items:flex-start;padding:13px 15px;background:#f5f0ff;border:1px solid #ddd2fa;border-radius:16px;color:#5d567a}.notice span{font-size:1.3rem}.notice p{margin:0;font-size:.86rem;line-height:1.45}footer{border-top:1px solid #d6e8dc;max-width:1160px;margin:0 auto;padding:18px 24px;display:flex;justify-content:center;gap:16px;color:#6c837a;font-size:.86rem}footer a{color:var(--green);font-weight:800;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.topbar{height:auto;padding:10px 14px;align-items:flex-start}.brand img{width:42px;height:42px}.brand b{font-size:1.2rem}.brand small{font-size:.58rem}.tools{gap:4px;flex-wrap:wrap;justify-content:flex-end}.coins{padding:7px 9px;font-size:.82rem}.tool{font-size:.74rem;padding:7px 8px}.tool span{display:none}.langs button{padding:7px 8px;font-size:.76rem}.hero{padding:15px 14px 11px}.back{position:static;display:block;text-align:left;margin-bottom:8px}.hero-mascot{height:96px;width:120px}.hero-mascot img{width:96px;height:96px}.hero h1{font-size:2rem}.sub{font-size:.91rem}.ask-card{margin:8px 12px 0;padding:14px;border-radius:20px}.ask-actions{align-items:stretch;flex-direction:column}.ask-button{width:100%;font-size:1rem}.modes{justify-content:center}.modes button{font-size:.76rem;padding:8px 9px}.quick-prompts button{flex:1;min-width:30%;font-size:.73rem;padding:8px 5px}.answer-card,.trail,.notice{margin-left:12px;margin-right:12px}.pho-answer p{font-size:1.04rem}footer{padding:16px 12px;flex-wrap:wrap;font-size:.76rem;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.ask-anything{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;background:#e1f6ea;color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.1em;margin-bottom:10px}
#live-link{display:inline-block;margin-top:7px;color:#15539e;font-weight:800;text-decoration:underline}
@media(min-width:1000px){main{max-width:1600px;padding:30px 54px 70px}.hero,.ask-card,.answer-card,.trail,.notice{max-width:none;width:100%}.hero{padding:25px 32px 18px}.hero h1{font-size:clamp(2.4rem,4vw,4rem)}.ask-card{padding:28px 32px}.answer-card{padding:26px 32px}.trail,.notice{margin-top:28px}.hero-mascot{width:170px;height:145px}.hero-mascot img{width:120px;height:145px}.pho-answer>img{width:76px;height:92px}.pho-answer p{font-size:1.28rem;max-width:1120px}.quick-prompts{gap:12px}.quick-prompts button{padding:10px 14px}}

.quick-prompts .daily-message-button{background:linear-gradient(125deg,#6d3ab4,#9654cb);border-color:#6d3ab4;color:#fff;font-weight:850;box-shadow:0 5px 12px #53289430}
.quick-prompts .daily-message-button:hover{background:#5e2da4}
.quick-prompts .daily-message-button:focus-visible{outline:3px solid #ffbd41;outline-offset:2px}

/* Center the wide Hỏi Phở page inside desktop viewports over 1600px. */
body.v76-hoi main{width:100%;max-width:1600px;margin-inline:auto}