.cards{gap:10px;margin-top:14px;display:grid}.card-star{--el:var(--accent);border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px 12px 18px;position:relative;overflow:hidden}.card-star:before{content:"";background:var(--el);width:4px;position:absolute;inset:0 auto 0 0}.card-star header{align-items:center;gap:8px;display:flex}.card-star h4{font-family:var(--font-display);font-size:var(--step-1);color:var(--text);margin:0;font-weight:700}.card-star-dot{background:var(--el);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--el) 22%, transparent);border-radius:50%}.card-star p{margin:4px 0 0}.card-star-where{font-size:var(--step--1);color:var(--text-2)}.card-tone{font-size:var(--step--2);border-radius:999px;margin-left:auto;padding:2px 9px;font-weight:600}.tone-thuan .card-tone{color:var(--good);background:var(--good-wash)}.tone-binh .card-tone{color:var(--info);background:var(--info-wash)}.tone-can-nhac .card-tone{color:var(--accent-strong);background:var(--accent-wash)}.card-months{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px}.card-months h4{font-family:var(--font-display);font-size:var(--step-0);margin:0 0 10px}.card-months ol{scroll-snap-type:x proximity;contain:inline-size;gap:8px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.card-months li{--tone:var(--info);border-top:3px solid var(--tone);background:color-mix(in srgb, var(--tone) 8%, var(--bg-deep));scroll-snap-align:start;border-radius:10px;flex:none;gap:2px;min-width:92px;max-width:132px;padding:8px 10px 9px;display:grid;position:relative}.card-months li.tone-thuan{--tone:var(--good)}.card-months li.tone-can-nhac{--tone:var(--accent)}.card-month-n{font-family:var(--font-display);font-weight:700}.card-month-note{font-size:var(--step--1);color:var(--text-2);line-height:1.35}.card-advice{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:8px;margin:0;padding:12px 14px;list-style:none;display:grid}.card-advice li{grid-template-columns:4.2em 1fr;align-items:baseline;gap:8px;display:grid}.advice-kind{font-size:var(--step--2);text-align:center;border-radius:6px;padding:2px 0;font-weight:700}.advice-nen .advice-kind{color:var(--good);background:var(--good-wash)}.advice-luu-y .advice-kind{color:var(--accent-strong);background:var(--accent-wash)}.card-meo{border-left:3px solid var(--plaque-gold);background:var(--plaque);color:var(--plaque-text);border-radius:0 12px 12px 0;margin:0;padding:12px 16px}.card-meo p{font-family:var(--font-display);font-style:italic;font-size:var(--step-1);margin:0;line-height:1.45}.card-meo footer{font-size:var(--step--1);color:var(--plaque-gold);margin-top:6px}.card-meo footer:before{content:"~ "}@media (prefers-reduced-motion:no-preference){.cards>*{animation:.28s ease-out both card-in}}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}
.ask{gap:14px;max-width:640px;padding:20px 18px 18px;display:grid}.ask-head{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.ask-avatar{width:44px;height:44px;box-shadow:0 0 0 1px var(--rule);border-radius:50%}.ask-head h2{font-size:1.375rem;font-weight:800;line-height:1.1}.ask-head p{font-size:var(--step--1);color:var(--text-2);margin-top:2px;line-height:1.4}.ask-balance{border-radius:var(--radius-pill);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--accent-strong);font-size:var(--step--1);white-space:nowrap;font-variant-numeric:tabular-nums;align-self:start;padding:2px 10px;font-weight:700}@media (max-width:420px){.ask-head{grid-template-columns:44px minmax(0,1fr)}.ask-balance{grid-column:1/-1;justify-self:start}}.ask-free{border-radius:var(--radius-control);background:var(--good-wash);color:var(--text);font-size:var(--step--1);padding:8px 12px}.ask-log{gap:12px;display:grid}.ask-turn{max-width:92%}.ask-user{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:anywhere;border-radius:16px 16px 4px;justify-self:end;padding:10px 14px}.ask-assistant{background:var(--bg-deep);max-width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px 16px 16px 4px;justify-self:start;padding:12px 14px 10px}.ask-answer p+p{margin-top:8px}.ask-answer{white-space:pre-wrap;overflow-wrap:anywhere}.ask-ref{font-size:var(--step--2);color:var(--text-3);margin-top:8px}.ask-wait{color:var(--text-3);font-size:var(--step--1)}.ask-problem{border-radius:var(--radius-control);border-left:3px solid var(--action-text);background:var(--action-wash);font-size:var(--step--1);justify-items:start;gap:10px;padding:10px 12px;display:grid}.ask-paywall{border-radius:var(--radius-sheet);background:var(--form);box-shadow:inset 0 0 0 1px var(--line-strong);gap:10px;padding:16px;display:grid}.ask-paywall h3{font-size:1.25rem}.ask-paywall>p{font-size:var(--step--1);color:var(--text-2)}.ask-packs{gap:8px;display:grid}@media (min-width:480px){.ask-packs{grid-template-columns:1fr 1fr}}.ask-pack{flex-direction:column;gap:0;padding-block:8px;line-height:1.3}.ask-pack small{font-size:var(--step--2);opacity:.85;font-weight:500}.ask-chips{flex-wrap:wrap;gap:8px;display:flex}.ask-chips button{border-radius:var(--radius-pill);border:1px solid var(--line-strong);min-height:40px;color:var(--accent-strong);font:inherit;font-size:var(--step--1);text-align:left;cursor:pointer;transition:background-color .15s var(--ease);background:0 0;padding:6px 14px;font-weight:500;line-height:1.35}.ask-chips button:hover{background:var(--accent-wash)}.ask-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.ask-input{resize:none;min-height:56px;padding-block:12px;font-weight:400;line-height:1.4}.ask-form .btn{min-height:56px}.ask-count{font-size:var(--step--2);color:var(--text-3);text-align:right;margin-top:-8px}.ask-fine{font-size:var(--step--2);color:var(--text-3);line-height:1.5}.ask-fine a{color:var(--accent);text-underline-offset:3px}