.blend-panel{text-align:center;background:#f9fbf5;border:1px solid #d9e5d3;border-radius:16px;margin:24px 0 0;padding:24px}.blend-word{letter-spacing:1px;justify-content:center;gap:2px;margin:12px 0;font-size:48px;font-weight:750;line-height:1.5;display:flex}.blend-word span{border-radius:8px;padding:0 3px;transition:background .12s,color .12s}.blend-word span.sounding{color:#fff;background:#226653}.blend-parts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px 0;display:flex}.blend-part{color:#345b46;background:#fffefa;border:2px solid #dce6d4;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:78px;min-height:100px;padding:12px;display:flex}.blend-part strong{font-size:23px}.blend-part span{font-size:17px}.blend-part small{color:#7b8c7e;font-size:9px}.blend-part.sounding{background:#e2edcc;border-color:#226653;box-shadow:0 0 0 3px #22665319}.blend-plus{color:#9aa78e;font-size:21px}.blend-actions{justify-content:center;margin-top:18px}.blend-status{color:#3e654b;background:#edf3e6;border-radius:9px;min-height:48px;margin-top:16px;padding:13px;font-size:13px}.blend-caption,.blend-source{color:#728270;font-size:12px;line-height:1.8}.blend-source{text-align:left;margin-top:14px}.blend-source summary{cursor:pointer}.blend-source p{margin-top:8px}.blend-presets{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.blend-presets a{background:#fffefa;border:1px solid #dce6d4;border-radius:9px;padding:8px 16px}.blend-presets a.active{color:#fff;background:#226653}.blend-selector{max-width:360px;margin-bottom:10px}.blend-panel .btn{white-space:normal}@media (width<=550px){.blend-panel{padding:16px 12px}.blend-word{font-size:38px}.blend-parts{gap:6px}.blend-part{min-width:60px;min-height:90px;padding:9px}.blend-part strong{font-size:20px}.blend-actions .btn{flex:44%;min-height:44px}.blend-plus{font-size:16px}}@media (prefers-reduced-motion:reduce){.blend-word span{transition:none}}.reference-inline{color:#627966;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:12px 0;font-size:12px;display:flex}.word-card .reference-inline{justify-content:flex-start}.reference-help{color:#2d644e;background:#eef3e8;border:1px solid #d9e4d3;border-radius:8px;min-height:36px;padding:6px 10px;font-size:13px}.reference-help:hover{background:#e0ebd6}.reference-help span{border:1px solid;border-radius:50%;place-items:center;width:14px;height:14px;margin-left:3px;font-size:10px;display:inline-grid}.reference-head{margin-bottom:18px}.reference-guide{background:#f5f8ee;border:1px solid #dce6d4;border-radius:12px;margin-bottom:24px}.reference-guide summary{color:#315d48;cursor:pointer;min-height:48px;padding:15px;font-weight:600}.reference-guide-body{padding:0 16px 16px}.reference-guide-body h3{margin:8px 0}.reference-guide-body p{line-height:1.8}.reference-guide-body .quote{margin:12px 0}.reference-video{margin-top:14px}.reference-video iframe{aspect-ratio:16/9;background:#e8eee0;border:0;border-radius:10px;width:100%;display:block}.reference-video-cover{text-align:center;color:#355e46;background:#e9f0e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:185px;padding:22px;display:flex}.reference-video-symbol{font-size:36px;line-height:1.2}.reference-video-cover p{font-size:12px}.reference-example-title{margin-bottom:14px}.reference-mark{color:#30614a;background:#e5edda;border-radius:3px;padding:0 1px}.reference-return{border-top:1px solid #e1e8da;justify-content:flex-end;margin-top:18px;padding-top:16px;display:flex}.reference-return .btn{white-space:normal}.reference-head .sound-big{flex-shrink:0}.reference-head .segment-note{margin:8px 0 0}.sound-source a{text-underline-offset:3px;margin-bottom:5px;text-decoration:underline;display:inline-block}@media (width<=550px){.reference-help{min-height:44px}.reference-head{gap:12px}.reference-guide-body{padding:0 12px 12px}.reference-video-cover{min-height:150px;padding:16px}.reference-guide summary{padding:12px}.reference-return .btn{width:100%}}html,body,#root{width:100%;margin:0}.prototype{border:0;width:100%;height:100vh;display:block}.sandbox{max-width:48rem;margin:3rem auto;padding:1rem;font:1rem/1.6 system-ui,sans-serif}.measurement-settings{z-index:1000;color:#243047;cursor:pointer;background:#fff;border:1px solid #64748b;border-radius:8px;padding:6px 10px;font:12px system-ui;position:fixed;bottom:8px;left:8px}.measurement-choice{z-index:1001;box-sizing:border-box;color:#243047;background:#fff;border:1px solid #64748b;border-radius:12px;width:min(520px,100vw - 24px);max-height:70vh;padding:18px;font:14px/1.5 system-ui;position:fixed;bottom:44px;left:12px;overflow:auto;box-shadow:0 4px 24px #0003}.measurement-choice p{margin:8px 0}.measurement-choice label{align-items:center;gap:8px;display:flex}.measurement-choice input{width:18px;height:18px}.measurement-choice div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.measurement-choice button{color:#172a48;cursor:pointer;background:#edf2fb;border:1px solid #50637e;border-radius:8px;padding:9px 12px}.measurement-choice button:disabled{opacity:.5;cursor:default}.support-contact-widget{z-index:950;color:var(--ink,#203d3a);font-family:inherit;position:fixed;bottom:20px;right:20px}.support-contact-trigger{color:#fffefa;background:#164d44;border:1px solid #164d44;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:12px 18px;font-size:13px;font-weight:650;display:flex;box-shadow:0 5px 18px #164d4426}.support-contact-trigger .ico,.support-contact-channel .ico{fill:none;stroke:currentColor;stroke-width:1.7px;flex-shrink:0;width:19px;height:19px}.support-contact-panel{box-sizing:border-box;background:#fffefa;border:1px solid #dce5dc;border-radius:18px;width:min(350px,100vw - 32px);max-height:calc(100dvh - 110px);padding:24px;position:absolute;bottom:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 12px 42px #164d4424}.support-contact-eyebrow{letter-spacing:2px;color:#6e826c;margin:0 44px 8px 0;font-size:10px;font-weight:700}.support-contact-panel h2{margin:0 20px 10px 0;font-size:21px;line-height:1.35}.support-contact-panel p,.payment-support-contact p{margin:8px 0 14px;font-size:13px;line-height:1.65}.support-contact-close{color:#52685e;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:27px;line-height:1;position:absolute;top:10px;right:10px}.support-contact-channels{gap:10px;margin:16px 0;display:grid}.support-contact-channel{box-sizing:border-box;color:#203d3a;background:#fff;border:1px solid #dce5e6;border-radius:12px;align-items:center;gap:12px;min-height:62px;padding:12px;text-decoration:none;display:flex}.support-contact-channel:hover{background:#f5f9f6;border-color:#899e99}.support-contact-channel>span:nth-child(2){flex:1;min-width:0}.support-contact-channel strong,.support-contact-channel small{display:block}.support-contact-channel strong{font-size:13px;font-weight:700}.support-contact-channel small{color:#647871;margin-top:3px;font-size:11px}.support-channel-mark{border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:36px;font-size:13px;font-weight:750;display:grid}.support-contact-zalo .support-channel-mark{color:#0566d9;background:#edf5ff}.support-contact-messenger .support-channel-mark{color:#7656bc;background:#f2edff}.support-contact-note{color:#647871;font-size:12px!important}.support-contact-copy{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.support-copy-status{color:#52685e;font-size:12px;line-height:1.5;display:block}.support-contact-fanpage{color:#52685e;margin-top:14px;font-size:12px;text-decoration:underline;display:inline-block}.payment-support-contact{background:#f6f8f2;border:1px solid #dce5dc;border-radius:14px;margin:22px 0;padding:20px}.payment-support-contact h3{margin:0 0 8px;font-size:17px}.payment-support-contact .support-contact-channels{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.support-order-reference code{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:12px}@media (width<=760px){.support-contact-widget{bottom:12px;right:12px}.support-contact-trigger{min-height:44px;padding:10px 14px;font-size:12px}.support-contact-panel{padding:20px}.payment-support-contact{padding:16px}.payment-support-contact .support-contact-channels{grid-template-columns:1fr}}