:root{color:#080808;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f4f5;font-family:PT Sans,Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #b30000}.app-shell{background:#f2f4f5;flex-direction:column;min-height:100vh;display:flex}.site-header{background:#fff;height:83px}.header-inner,.content-inner,.footer-inner{width:min(1176px,100% - 48px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand-mark{color:#070707;letter-spacing:-.6px;font-size:24px;font-weight:700;line-height:1;text-decoration:none}.brand-mark span{color:#a20606}.header-actions{align-items:center;gap:28px;display:flex}.subscription-button,.my-brands-link,.avatar-button{color:#111;background:0 0;border:0}.subscription-button{color:#4d0000;background:linear-gradient(90deg,#ff8064cc 22%,#ffc6a7);border-radius:999px;padding:6px 24px;font-size:13px;line-height:12px}.my-brands-link{padding:5px 0;font-size:13px;line-height:12px}.avatar-button{border-radius:50%;width:32px;height:32px;padding:0;overflow:hidden}.avatar-button img{width:100%;height:100%;display:block}.main-content{flex:1 0 auto;min-height:max(650px,100vh - 282px)}.content-inner{padding-top:35px;padding-bottom:72px}h1{letter-spacing:-.4px;margin:0 0 28px 24px;font-size:32px;font-weight:400;line-height:1.15}.translation-layout{grid-template-columns:minmax(0,576px) minmax(0,576px);gap:37px;display:grid}.input-stack{gap:10px;display:grid}.field-card,.result-card{background:#fff;border-radius:40px}.field-card{padding:20px 24px;position:relative}.field-card--brand{border:1px solid #ff9983;height:129px}.field-card label,.result-heading{font-size:16px;font-weight:700;line-height:12px;display:block}.field-card label span{color:#8d8d8d;font-size:12px;font-weight:400}.field-card input,.field-card select{color:#111;background:0 0;border:0;width:100%;margin-top:12px;padding:0;font-size:16px;line-height:1.2;display:block}.field-card input{height:31px}.field-card select{appearance:none;cursor:pointer;height:31px;padding-right:24px}.field-card input:focus,.field-card select:focus{box-shadow:none;outline:none}.field-card input::placeholder{color:#5e5e5e;opacity:1}.character-count{color:#5e5e5e;letter-spacing:.22px;font-size:11px;line-height:12px;position:absolute;bottom:15px;right:23px}.field-card select:disabled{color:#8d8d8d;cursor:default}.category-card{background:#fff;border-radius:40px;padding:20px 24px 22px}.category-card__topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.category-card h2{margin:0;font-size:16px;font-weight:700;line-height:1.1}.category-card__status{color:#a65f48;background:#fdf0e9;border-radius:999px;padding:5px 10px;font-size:11px;line-height:1}.category-trigger{color:#111;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:54px;margin-top:14px;padding:0;display:flex}.category-trigger:focus-visible{outline-offset:5px;border-radius:8px;outline:2px solid #ff9983}.category-trigger:disabled{cursor:default}.category-trigger__action .category-chevron{transition:transform .22s}.category-trigger__action--open .category-chevron{transform:rotate(90deg)}.category-trigger__content{gap:4px;min-width:0;display:grid}.category-trigger__value{color:#111;min-width:0;font-size:17px;line-height:1.25}.category-trigger__value--placeholder{color:#5e5e5e}.category-trigger__path{color:#767676;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.category-trigger__action{color:#a20606;flex:none;align-items:center;gap:7px;font-size:13px;line-height:1;transition:color .2s;display:inline-flex}.category-chevron{color:currentColor;flex:none;width:14px;height:14px}.category-chevron--back{transform:rotate(180deg)}.category-card__hint{color:#8d8d8d;margin:3px 0 0;font-size:12px;line-height:1.25}.category-picker{transform-origin:top;border-top:1px solid #eceeef;margin-top:8px;padding-top:18px;animation:.22s cubic-bezier(.22,1,.36,1) both category-picker-in}.category-search{background:#fafbfb;border:1px solid #dedfe0;border-radius:12px;align-items:center;gap:9px;height:42px;padding:0 12px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.category-search:focus-within{outline-offset:1px;border-color:#0000;outline:2px solid #ff9983}.category-search>svg{color:#8d8d8d;flex:none;width:18px;height:18px}.category-search input{color:#111;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0;font-size:13px}.category-search input::placeholder{color:#8d8d8d;opacity:1}.category-search__clear{color:#5e5e5e;background:#e6e7e8;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:17px;line-height:18px;transition:background-color .15s,color .15s,transform .15s}.category-search__clear:hover{color:#111;background:#d9dadb;transform:scale(1.08)}.category-picker__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px;display:flex}.category-picker h3{margin:0;font-size:18px;font-weight:700;line-height:1.2}.category-picker__back{color:#6e6e6e;background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:0;font-size:12px;line-height:1.2;transition:color .15s;display:inline-flex}.category-picker__back:hover{color:#a20606}.category-breadcrumbs{color:#707070;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:14px;font-size:12px;line-height:1.25;display:flex}.category-breadcrumbs button{color:#707070;font-size:inherit;background:0 0;border:0;padding:0;transition:color .15s}.category-breadcrumbs button:hover{color:#a20606}.category-breadcrumb--active{color:#111;font-weight:600}.category-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:390px;margin:16px 0 0;padding:0 2px 2px 0;list-style:none;display:grid;overflow-y:auto}.category-options--search{grid-template-columns:1fr;max-height:330px}.category-options li{min-width:0}.category-option{color:#111;text-align:left;background:#fafbfb;border:1px solid #eceeef;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px 10px 14px;font-size:13px;line-height:1.2;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.category-option:hover{background:#fff8f5;border-color:#ff9983;box-shadow:0 3px 8px #a2060614}.category-option:active{box-shadow:none}.category-option[aria-pressed=true]{background:#fff2ed;border-color:#ff9983}.category-option__check{color:#a20606;flex:none;font-size:15px;line-height:1}.category-option--result{min-height:53px}.category-option--result>span:first-child{gap:4px;min-width:0;display:grid}.category-option__label{font-size:14px}.category-option__path{color:#858585;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.category-empty{color:#6e6e6e;background:#fafbfb;border-radius:14px;margin-top:16px;padding:18px;font-size:13px;line-height:1.35}.category-empty p{margin:0}.category-empty button{color:#a20606;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:13px;transition:color .15s,transform .15s;display:inline-flex}.category-empty button:hover{color:#7d0000;transform:translate(2px)}.category-custom{border-top:1px dashed #e2e3e4;margin-top:18px;padding-top:16px;animation:.2s cubic-bezier(.22,1,.36,1) both category-custom-in}.category-custom label{align-items:baseline;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.2;display:flex}.category-custom label span{color:#8d8d8d;font-size:11px;font-weight:400}.category-custom input{color:#111;background:#fff;border:1px solid #dedfe0;border-radius:12px;width:100%;height:42px;padding:0 12px;font-size:13px}.category-custom input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #ff9983}.category-custom input::placeholder{color:#8d8d8d;opacity:1}.category-error{color:#a20606;margin:8px 0 0;font-size:12px;line-height:1.3}.category-error button{color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.result-card{flex-direction:column;min-width:0;height:auto;min-height:290px;padding:20px 27px 17px;display:flex}.result-heading{flex:none}.result-body{flex:auto;align-items:flex-start;min-height:0;padding:13px 0;display:flex;overflow:visible}.result-card--success .result-body{flex:none;min-height:0;padding-bottom:15px}.result-placeholder{color:#8d8d8d;margin:0;font-size:15px;line-height:1.35}.result-placeholder,.result-error{align-self:center}.result-placeholder--active{color:#b0684c}.result-error{color:#a20606;max-width:410px;margin:0;font-size:15px;line-height:1.4}.candidate-list{gap:7px;width:100%;display:grid}.candidate{background:#f2f4f5;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:48px;padding:10px 12px 10px 16px;display:flex}.result-card--success .candidate{animation:.24s cubic-bezier(.22,1,.36,1) both candidate-in}.result-card--success .candidate:nth-child(2){animation-delay:50ms}.candidate>div{min-width:0}.candidate-strategy{color:#8e5d4e;margin-bottom:5px;font-size:11px;font-weight:600}.candidate-translation{font-size:25px;line-height:1.1}.candidate-pinyin{color:#6b6b6b;margin-top:3px;font-size:13px;line-height:1}.candidate-explanation{color:#6b6b6b;margin:6px 0 0;font-size:12px;line-height:1.35}.candidate-unavailable{color:#737373;margin:0;font-size:14px;line-height:1.3}.candidate-copy{color:#8e5d4e;background:0 0;border:0;flex:none;font-size:12px}.candidate-copy:hover{color:#a20606}.result-actions{flex:0 0 32px;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.translate-button,.try-again-button{border:0;border-radius:999px;height:32px}.translate-button{color:#4d0000;background:#ff9983;padding:6px 24px;font-size:16px;line-height:12px}.translate-button:hover{background:#ff846a}.translate-button:disabled{cursor:progress;opacity:.65}.result-tools{align-items:center;gap:12px;display:flex}.icon-button{opacity:.8;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:2px;display:grid}.icon-button:hover,.icon-button--selected{opacity:1}.icon-button--selected{filter:sepia()saturate(5)}.icon-image{width:20px;height:20px;display:block}.icon-image--refresh{width:16px;height:16px}.try-again-button{color:#111;background:#f2f4f5;align-items:center;gap:10px;padding:6px 24px 6px 12px;font-size:16px;line-height:12px;display:inline-flex}.try-again-button:hover{background:#e6e9eb}.subscription-button,.translate-button,.try-again-button{transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.subscription-button:hover,.translate-button:not(:disabled):hover,.try-again-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #a206061a}.translate-button:active,.try-again-button:active,.subscription-button:active{box-shadow:none;transform:translateY(0)}@keyframes category-picker-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes category-custom-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes candidate-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.site-footer{background:#ffac8b url(/assets/footer-bg.png) 50%/cover no-repeat;min-height:199px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:40px;min-height:199px;padding-top:42px;padding-bottom:26px;display:flex}.footer-copy{max-width:613px}.footer-copy p,.footer-copy a{margin:0;display:block}.footer-title{font-size:16px;line-height:12px}.footer-description{max-width:613px;font-size:11px;line-height:13px;margin-top:10px!important}.footer-email{color:#111;font-size:16px;line-height:12px;text-decoration:none;margin-top:16px!important}.footer-policy{color:#b0684c;font-size:16px;line-height:12px;text-decoration:none;margin-top:14px!important}.footer-policy:hover,.footer-email:hover{text-decoration:underline}.footer-logos{align-items:flex-end;gap:28px;margin-top:4px;display:flex}.foundation-logo{object-fit:contain;width:99px;height:56px}.project-logo{object-fit:contain;width:106px;height:83px}.toast{z-index:2;color:#4d0000;background:#fff;border:1px solid #a206062e;border-radius:18px;max-width:min(420px,100% - 48px);padding:13px 18px;font-size:14px;line-height:1.3;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #4d00001f}@media (width<=960px){.translation-layout{grid-template-columns:1fr}.result-card{min-height:290px}.main-content{min-height:auto}}@media (width<=640px){.site-header{height:70px}.header-inner,.content-inner,.footer-inner{width:min(100% - 32px,576px)}.header-actions{gap:12px}.subscription-button{padding:6px 12px;font-size:11px}.my-brands-link{display:none}.brand-mark{font-size:20px}.content-inner{padding-top:28px;padding-bottom:44px}h1{margin-bottom:22px;margin-left:8px;font-size:28px}.field-card,.result-card,.category-card{border-radius:28px}.field-card--brand{height:128px}.field-card input,.field-card select{font-size:14px}.field-card input::placeholder{white-space:normal}.result-card,.category-card{padding:20px}.category-trigger__value{font-size:15px}.category-trigger__path{max-width:210px}.category-picker{padding-top:16px}.category-options{max-height:340px}.result-actions{align-items:flex-end}.result-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px}.try-again-button{padding-right:14px;font-size:14px}.footer-inner{flex-direction:column;min-height:0;padding-top:32px}.footer-logos{align-self:flex-end;margin-top:-4px}}@media (width<=420px){.subscription-button{display:none}.field-card,.category-card{padding-left:20px;padding-right:20px}.field-card input,.field-card select{font-size:13px}.category-options{grid-template-columns:1fr}.category-picker__header{align-items:center}.category-picker h3{font-size:16px}.category-trigger__action{font-size:12px}.result-card{min-height:290px}.result-actions{flex-direction:column;flex-basis:auto;align-items:stretch;height:auto}.result-tools{justify-content:space-between}.translate-button{width:100%}.footer-logos{align-self:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}