.code-chat-main{max-width:1100px}.code-chat-intro{margin-bottom:20px}.code-chat-intro .eyebrow{font-size:12px}.code-chat-intro h1{font-size:clamp(29px,4vw,44px);line-height:1.12;margin:12px 0}.code-chat-intro>p:last-child{font-size:15px;color:var(--muted)}.code-chat-panel{min-height:480px}.code-chat-panel h2{font-size:clamp(25px,3vw,33px);margin-bottom:12px}.chat-lead{margin-bottom:24px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.chat-phone{border:1px solid #b8c9bf;border-radius:20px;background:#f1f5ee;overflow:hidden;box-shadow:0 12px 32px #183f3010}.chat-person{display:flex;gap:12px;align-items:center;background:var(--green);padding:17px 20px;color:white}.chat-avatar{display:grid;place-items:center;border-radius:50%;width:44px;height:44px;flex-shrink:0;background:#f7dbbd;color:#713c29;font-size:22px;font-weight:700}.chat-person strong{display:block;font-size:18px}.chat-person div>span{display:block;font-size:12px;opacity:.8;margin-top:2px}.chat-thread{padding:16px 20px 22px}.chat-time{font-size:12px!important;text-align:center;letter-spacing:.06em;margin-bottom:14px;color:#65766b}.chat-bubble{max-width:92%;width:fit-content;background:#fff;padding:12px 16px;border-radius:16px 16px 16px 4px;margin-bottom:10px;font-size:16px!important;line-height:1.5!important;box-shadow:0 2px 4px #19392b06;animation:chat-arrive .28s ease-out}.chat-bubble.outgoing{margin-left:auto;background:var(--green);color:white;border-radius:16px 16px 4px 16px;letter-spacing:.18em;font-weight:600}.code-notification{display:flex;flex-direction:column;gap:6px;padding:14px 16px;margin-top:18px;background:#fff1dc;border:1px solid #d3ab73;border-radius:12px;width:100%;text-align:left;color:var(--ink)}.code-notification>span{font-size:12px;color:#785326}.code-notification>span:last-child{font-size:14px;text-decoration:underline;text-underline-offset:3px}.code-notification>strong{font-size:16px}.chat-event{font-size:13px!important;color:#824a28;text-align:right}.chat-decision>.eyebrow{font-size:12px;margin:0 0 12px}.chat-decision h3{font-size:23px;line-height:1.3;margin:0 0 12px}.chat-decision p{font-size:16px;line-height:1.6}.chat-actions{display:flex;flex-direction:column;gap:12px;margin:18px 0}.chat-actions .button{min-height:48px;white-space:normal;text-align:left;justify-content:flex-start;line-height:1.5;font-size:15px}.chat-note{font-size:13px!important;color:var(--muted);line-height:1.6!important;margin:16px 0}.security-message{padding:26px;background:#f5f7f1;border:1px solid #b8c9bf;border-radius:18px}.security-message>.eyebrow{font-size:12px}.security-message>strong{display:block;font-size:25px;margin:19px 0 12px}.security-message>p{font-size:16px}.demo-code{font-size:clamp(29px,4vw,42px);font-variant-numeric:tabular-nums;letter-spacing:.18em;background:white;padding:17px 10px 17px 18px;border:1px solid #ccdbce;border-radius:12px;margin:14px 0;width:fit-content}.code-warning{font-weight:700;color:#7e401f}.security-message>p:last-child{margin-top:18px;padding-top:18px;border-top:1px solid #cfdbcf}.chat-feedback,.chat-consequence{padding:18px 20px;background:#fff1df;border-left:3px solid #b56d39;border-radius:0 12px 12px 0;font-size:15px;line-height:1.65;margin-top:18px}.chat-consequence>strong{font-size:21px}.sam-call{padding:25px;background:#f4eee5;border:1px solid #dfc9b2;border-radius:16px;margin:24px 0}.sam-call .chat-avatar{float:left;margin-right:14px}.sam-call>.eyebrow{font-size:12px;margin:4px 0 12px}.sam-call h3{font-size:25px;line-height:1.3;clear:both;padding-top:18px}.sam-call p:last-child{max-width:720px}.chat-win{background:#e6eedc;padding:25px;border-radius:16px;margin:22px 0}.chat-win>strong{font-size:22px}.chat-win p{margin-top:12px}.next-learning{flex-direction:row;flex-wrap:wrap}.code-chat-panel textarea{width:100%;min-height:100px;padding:12px}.day-five-feature,.day-seven-feature,.day-eight-feature,.day-nine-feature,.day-twelve-feature,.day-thirteen-feature{background:#e6eedc;border-color:#c5d3b8}.day-five-feature .eyebrow,.day-seven-feature .eyebrow,.day-eight-feature .eyebrow,.day-nine-feature .eyebrow,.day-twelve-feature .eyebrow,.day-thirteen-feature .eyebrow{font-size:12px}.code-chat-main .challenge-steps li{font-size:14px}.code-chat-main .challenge-steps span{font-size:12px}.code-chat-main .challenge-reading p{font-size:16px}
@keyframes chat-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:650px){.code-chat-main{padding-top:22px}.code-chat-intro h1{font-size:29px}.code-chat-intro .eyebrow{font-size:11px;letter-spacing:.05em}.code-chat-panel{padding:21px 17px}.code-chat-panel h2{font-size:25px}.chat-layout{grid-template-columns:1fr;gap:20px}.chat-person{padding:12px 15px}.chat-thread{padding:12px 15px 16px}.chat-bubble{padding:10px 13px}.chat-time{margin-bottom:10px}.code-notification{margin-top:12px;padding:12px}.chat-decision>.eyebrow{display:none}.chat-actions{margin:0 0 14px}.chat-actions .button{width:100%}.chat-layout .chat-note{margin-bottom:0}.code-chat-main .challenge-steps li{font-size:12px;padding:12px 9px}.code-chat-main .challenge-steps span{font-size:11px;margin-right:4px}.security-message{padding:21px}.next-learning{flex-direction:column}.chat-lead{margin-bottom:18px}.sam-call{padding:21px}.sam-call h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.code-chat-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}