.expression-lab{min-height:100vh;padding:clamp(24px,5vw,64px);background:#faf8f5;color:#382329;--expression-ease: cubic-bezier(.23, 1, .32, 1)}.expression-layout{max-width:1040px;margin-inline:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:32px 56px}.expression-heading{grid-column:1 / -1}.expression-back{font-size:13px;color:#7b656b;text-decoration:none}.expression-heading h1{margin:0;font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.15}.expression-card{background:#fff;border-radius:32px;padding:24px;box-shadow:0 10px 40px #38232908}.expression-character{position:relative;width:100%;aspect-ratio:110 / 116;transform-origin:50% 97%}.expression-body,.expression-ears,.expression-hair{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.expression-ears,.expression-hair{overflow:visible}.expression-face{position:absolute;left:5%;top:17.3%;width:90%;aspect-ratio:1}.expression-character[data-playing=true]{animation:expression-breathe 4s ease-in-out infinite}@keyframes expression-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.004,1.003)}}.expression-caption{display:flex;justify-content:space-between;margin:14px 8px 20px;font-size:12px;color:#90787e}.expression-caption>span:first-child{color:#382329;font-weight:500}.expression-playback{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.expression-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e6dedf;background:transparent;border-radius:24px;padding:10px 13px;font-size:12px;cursor:pointer}.expression-speed{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:auto;color:#7b656b}.expression-speed select{border:0;border-radius:8px;background:#fff;padding:8px;color:#382329}.expression-options{padding-top:8px}.expression-options-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.expression-options-heading h2{font-size:18px;letter-spacing:-.02em;font-weight:600;margin:0}.expression-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.expression-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid #e6dedf;background:#fff;color:#56363f;font-family:var(--font-hero);font-size:16px;font-weight:500;line-height:1.25;text-align:center;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s var(--expression-ease)}.expression-button[aria-pressed=true]{border-color:#b82740;background:#b82740;color:#fff}.expression-button:active:not(:disabled){transform:translateY(1px)}.expression-ears-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:22px;border-top:1px solid #e9e1e1;padding-top:22px;cursor:pointer}.expression-ears-toggle strong,.expression-ears-toggle small{display:block}.expression-ears-toggle strong{font-size:14px;font-weight:500}.expression-ears-toggle small{color:#90787e;margin-top:4px;font-size:12px}.expression-ears-toggle input{width:20px;height:20px;accent-color:#fc2d50}.expression-message{font-size:13px;color:#7b656b;margin-top:16px}.expression-credit{margin:24px 0 0;color:#90787e;font-size:12px;line-height:1.5}.expression-credit a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.expression-credit a:hover{color:#b82740}.expression-lab button:disabled,.expression-speed select:disabled{opacity:.4;cursor:wait}.expression-lab :is(button,input,select,a):focus-visible{outline:2px solid #fc2d50;outline-offset:4px}@media(hover:hover)and (pointer:fine){.expression-button:hover:not(:disabled):not([aria-pressed=true]){border-color:#b82740;background:#fff0f2;color:#98283c}.expression-control:hover:not(:disabled){background:#fff}}@media(max-width:760px){.expression-layout{grid-template-columns:1fr;gap:28px;max-width:480px}.expression-preview{max-width:480px;width:100%}}@media(prefers-reduced-motion:reduce){.expression-character[data-playing=true]{animation:none}.expression-button{transition:background-color .16s ease,border-color .16s ease,color .16s ease}.expression-button:active:not(:disabled){transform:none}}.expression-customization{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e6dedf}.expression-customization h2{margin:0 0 18px;font-size:18px;letter-spacing:-.02em}.expression-customization fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}.expression-customization legend{font-size:13px;color:#7b656b;margin-bottom:8px}.expression-shape-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.expression-shape-button{flex-direction:column;gap:6px;min-height:76px;padding:10px 6px;font-size:14px}.expression-shape-button svg{width:30px;height:30px}.expression-customization .expression-ears-toggle{margin-top:0;padding-bottom:0;border-bottom:0}.expression-body-buttons,.expression-hair-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.expression-mobile-sound{display:none}@media(max-width:760px){html[data-avatar-page],html[data-avatar-page] body{height:100%;overflow:hidden;overscroll-behavior-y:none}html[data-avatar-page] .avatar-switcher{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.expression-lab{--avatar-mobile-heading: 44px;height:100dvh;min-height:0;box-sizing:border-box;overflow:hidden;padding:calc(var(--acct-nav-offset-mobile) + env(safe-area-inset-top,0px)) 0 0}.expression-layout{height:100%;max-width:none;gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--avatar-mobile-heading) calc(50% - var(--avatar-mobile-heading)) minmax(0,1fr)}.expression-heading{padding:8px 16px;display:flex;align-items:center}.expression-heading h1{font-size:21px;line-height:1.2}.expression-preview{position:relative;min-height:0;max-width:none}.expression-card{height:100%;padding:10px 16px 14px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:0;background:transparent;box-shadow:none}.expression-character{width:auto;height:100%;max-height:calc((100vw - 32px) * 1.05454545);flex-shrink:0}.expression-caption,.expression-playback{display:none}.expression-preview>.expression-message{position:absolute;bottom:6px;left:16px;right:16px;margin:0;padding:8px 10px;background:#faf8f5;border-radius:10px;font-size:12px}.expression-options{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid #e6dedf;scrollbar-gutter:stable;scroll-padding-block:16px;-webkit-overflow-scrolling:touch}.expression-customization{margin-bottom:20px;padding-bottom:16px}.expression-customization h2{margin-bottom:12px}.expression-customization fieldset{margin-bottom:14px}.expression-shape-button{min-height:68px;padding:8px 6px}.expression-shape-button svg{width:26px;height:26px}.expression-options-heading{gap:8px;margin-bottom:12px}.expression-mobile-sound{display:inline-flex;min-height:44px;padding:8px 12px}}@media(max-width:760px){.expression-card .expression-cute-character{width:auto;height:100%;max-height:calc(100vw - 32px);aspect-ratio:1}}.expression-customization .expression-avatar-picker{margin-bottom:24px}.expression-avatar-choice{flex-direction:column;gap:8px}.expression-avatar-choice>svg,.expression-avatar-choice>img{width:64px;height:64px;object-fit:contain}.expression-cute-character{position:relative;width:100%;aspect-ratio:1}.expression-cute-character>div,.expression-cute-character canvas,.expression-cute-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.expression-cute-poster{object-fit:contain;pointer-events:none}.expression-loading-poster{display:block;width:min(100%,380px);margin:20px auto}.expression-face-poster{pointer-events:none}.expression-color-picker{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.expression-color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #e6dedf;cursor:pointer}.expression-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #382329}.expression-custom-color{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.expression-custom-color input{width:32px;height:32px;border:0;padding:0;background:transparent;cursor:pointer}.avatar-switcher{position:relative;background:#faf8f5}.avatar-switch-view[data-shown=false]{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.avatar-switch-view .expression-preview{opacity:1;transition:opacity .2s var(--expression-ease)}.avatar-switch-view[data-phase=out] .expression-preview{opacity:0;transition-duration:.13s}.avatar-switch-view[data-shown=false] .expression-preview{opacity:0}@media(min-width:761px){.avatar-switcher .expression-card{aspect-ratio:110 / 116;box-sizing:border-box;display:flex;align-items:center;justify-content:center}}@media(prefers-reduced-motion:reduce){.avatar-switch-view .expression-preview{transition:none;animation:none}}.avatar-switcher .expression-character{animation:expression-breathe 4s ease-in-out infinite;animation-play-state:paused}.avatar-switcher .expression-character[data-playing=true]{animation-play-state:running}@media(prefers-reduced-motion:reduce){.avatar-switcher .expression-character{animation:none}}.avatar-hit-target{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;padding:0;border:0;border-radius:28px;background:transparent;cursor:pointer;touch-action:manipulation}.avatar-hit-target:disabled{cursor:wait}.avatar-hit-target:focus-visible{outline:3px solid #b82645;outline-offset:-3px}.avatar-dev-menu{margin-top:24px;border-top:1px solid #e6dedf;padding-top:16px}.avatar-dev-menu summary{font-family:inherit;font-weight:700;cursor:pointer;min-height:44px;display:list-item}.avatar-dev-content{padding:12px 0 8px}.avatar-dev-heading{display:flex;justify-content:space-between;gap:12px;font-size:14px}.avatar-dev-heading output{font-variant-numeric:tabular-nums}.avatar-dev-timeline{display:grid;gap:8px;margin:12px 0;font-size:14px}.avatar-dev-timeline input{width:100%;height:44px;accent-color:#b82645;cursor:ew-resize;touch-action:pan-y}.avatar-dev-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.avatar-dev-content p{margin:12px 0 0;color:#806c70;font-size:12px;line-height:1.5}@media(max-width:760px){.avatar-dev-menu{margin-top:16px}.avatar-dev-actions .expression-control{min-height:44px;padding:8px 12px}}@media(min-width:761px){html[data-avatar-page] .expression-lab{--avatar-nav-offset: var(--acct-nav-offset-mobile);height:100dvh;min-height:0;box-sizing:border-box;overflow:hidden;padding-block:calc(var(--avatar-nav-offset) + 16px) 24px}html[data-avatar-page] .expression-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:24px}html[data-avatar-page] .expression-preview{min-width:0;min-height:0;display:flex;flex-direction:column}html[data-avatar-page] .expression-card{flex:1;min-height:0;aspect-ratio:auto;container-type:size;padding:clamp(12px,2vw,24px)}html[data-avatar-page] .expression-character{width:min(100cqw,calc(100cqh * 110 / 116));height:auto}html[data-avatar-page] .expression-cute-character{width:min(100cqw,100cqh);height:auto}html[data-avatar-page] .expression-caption,html[data-avatar-page] .expression-playback{flex-shrink:0}html[data-avatar-page] .expression-options{min-width:0;min-height:0;overflow-y:auto;scrollbar-gutter:stable;scroll-padding-block:16px;padding:8px 12px 24px 0}}@media(min-width:768px){html[data-avatar-page] .expression-lab{--avatar-nav-offset: var(--acct-nav-offset-desktop)}}