.character-dock,.character-home{color:var(--foreground)}.character-dock{position:fixed;z-index:var(--layer-character);right:24px;bottom:112px;width:160px;max-width:calc(100vw - 24px);max-height:var(--character-space-height,calc(100dvh - 190px));display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:18px 18px 7px 18px;background:var(--surface-raised);box-shadow:var(--shadow-soft);overflow:hidden;pointer-events:none}.character-dock__figure,.character-dock__panel,.character-dock__retry,.character-dock__toolbar{pointer-events:auto}.character-dock--expanded{width:284px;box-shadow:var(--shadow-float)}.character-dock button,.character-launcher,.character-return{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.character-dock button:focus-visible,.character-launcher:focus-visible,.character-return:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.character-dock__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:3px 5px;flex:0 0 auto;min-height:40px;border-bottom:1px solid var(--border)}.character-dock__handle{display:flex;align-items:center;gap:5px;align-self:stretch;flex:1;min-width:62px;border:0;border-radius:10px;background:transparent;padding:5px 8px;color:var(--muted)!important;font-size:11px!important;text-align:left;cursor:grab!important;touch-action:none;user-select:none}.character-dock[data-character-state=dragging] .character-dock__handle{cursor:grabbing!important;background:var(--accent-soft)}.character-dock__handle>span{font-size:18px}.character-dock__close,.character-dock__collapse{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)!important;font-size:22px!important}.character-dock__close:hover,.character-dock__collapse:hover,.character-dock__handle:hover{background:var(--surface-soft);color:var(--foreground)!important}.character-dock__body{display:flex;flex-direction:column;align-items:center;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px;scrollbar-width:thin}.character-dock__bubble{display:grid;place-items:center;flex:0 0 44px;margin:0 0 6px;width:100%;height:44px;padding:5px 3px;font-size:10px;line-height:1.7;text-align:center;color:var(--foreground)}.character-dock__figure{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;flex:0 0 auto;padding:0 3px 5px;margin:0;border:0;border-radius:12px;background:transparent}.character-dock__image{position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:112px;height:142px;overflow:hidden}.character-dock--expanded .character-dock__image{width:148px;height:178px}.character-dock__art.mm-character-stamp.oc-character{width:100%;height:100%;min-height:0;min-width:0;user-select:none}.character-dock__vector-fallback{display:none;position:absolute;inset:0;place-items:center;padding:12px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:11px;line-height:1.8;text-align:center}.character-dock__image:has(canvas[data-canvas-ready=false]) .character-dock__vector-fallback{display:grid}.character-dock__label{display:grid;place-items:center;width:100%;max-width:100%;height:44px;padding:4px 0 0;font-size:9px;line-height:1.6;text-align:center;color:var(--muted)}.character-dock__help{margin:8px 4px 0;font-size:10px;line-height:1.8;color:var(--muted)}.character-dock__panel{margin-top:12px;padding:10px 6px 4px;border-top:1px solid var(--border);width:100%}.character-dock__panel p{margin:0 0 9px;font-size:11px;line-height:1.8;color:var(--muted)}.character-dock__panel button,.character-dock__retry{min-height:34px;border:1px solid var(--border-strong);border-radius:999px;padding:5px 10px;margin:4px 5px 0 0;background:var(--surface-soft);color:var(--primary);font-size:11px!important}.character-dock__missing{display:grid;place-items:center;width:100%;min-height:80px;border:1px dashed var(--border-strong);border-radius:12px;padding:10px;font-size:11px;line-height:1.8;text-align:center;color:var(--muted)}.character-return{position:fixed;z-index:var(--layer-character);right:24px;bottom:112px;display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-raised);padding:10px 14px;min-height:44px;font-size:12px;box-shadow:var(--shadow-soft)}.character-return small{font-size:9px;color:var(--muted)}.character-return>span{color:var(--primary);font-size:19px}.character-dock__compact{display:flex;align-items:center;gap:8px}.character-launcher{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface);font-size:12px;text-align:left;min-height:52px}.character-launcher small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.character-dock__compact .character-launcher{flex:1;border:0;background:transparent}.character-dock__compact .character-dock__close{margin-right:5px;width:44px;height:44px}@media (max-width:1000px) and (orientation:portrait),(max-width:900px){.character-home{margin:0 20px;padding-bottom:128px;min-height:52px}.character-dock[data-layout=compact]{position:relative;inset:auto;width:100%;max-width:none;max-height:none;transform:none!important;border-radius:14px;box-shadow:none;background:var(--surface-soft)}.character-dock[data-layout=floating]{width:min(284px,calc(100vw - 24px))}.character-dock--expanded .character-dock__image{width:128px;height:155px}.character-home>.character-launcher{width:100%}.character-return{position:relative;inset:auto;min-height:52px;width:100%;justify-content:center;box-shadow:none}}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.oc-character[data-renderer=svg][data-motion-phase=input] [data-vector-layer=hair-left]{animation:oc-vector-hair-left-input 80ms cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-hair-left-input{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.7deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=input] [data-vector-layer=hair-right]{animation:oc-vector-hair-right-input 80ms cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-hair-right-input{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.55deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=input] [data-vector-layer=eyes]{animation:oc-vector-eyes-input 80ms cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-eyes-input{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(-.5px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=input] [data-vector-layer=bow]{animation:oc-vector-bow-input 80ms cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-bow-input{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.25deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=anticipation] [data-vector-layer=hair-left]{animation:oc-vector-hair-left-anticipation .14s cubic-bezier(.55,0,1,.45) both}@keyframes oc-vector-hair-left-anticipation{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-1deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=anticipation] [data-vector-layer=hair-right]{animation:oc-vector-hair-right-anticipation .14s cubic-bezier(.55,0,1,.45) both}@keyframes oc-vector-hair-right-anticipation{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.9deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=anticipation] [data-vector-layer=fringe]{animation:oc-vector-fringe-anticipation .14s cubic-bezier(.55,0,1,.45) both}@keyframes oc-vector-fringe-anticipation{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(.2px * var(--oc-vector-strength,1))) rotate(calc(-.5deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=anticipation] [data-vector-layer=eyelids]{animation:oc-vector-eyelids-anticipation .14s cubic-bezier(.55,0,1,.45) both}@keyframes oc-vector-eyelids-anticipation{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(.5px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=action] [data-vector-layer=hair-left]{animation:oc-vector-hair-left-action .19s cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-hair-left-action{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-1deg * var(--oc-vector-strength,1))) scale(1);opacity:1}65%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(2deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.3deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=action] [data-vector-layer=hair-right]{animation:oc-vector-hair-right-action .19s cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-hair-right-action{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.9deg * var(--oc-vector-strength,1))) scale(1);opacity:1}70%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-1.8deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.2deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=action] [data-vector-layer=fringe]{animation:oc-vector-fringe-action .19s cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-fringe-action{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.5deg * var(--oc-vector-strength,1))) scale(1);opacity:1}65%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.5deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=action] [data-vector-layer=eyes]{animation:oc-vector-eyes-action .19s cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-eyes-action{0%{transform:translate(calc(-.5px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}60%{transform:translate(calc(.6px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=action] [data-vector-layer=bow]{animation:oc-vector-bow-action .19s cubic-bezier(.16,1,.3,1) both}@keyframes oc-vector-bow-action{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}70%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.5deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=loading] [data-vector-layer=hair-left]{animation:oc-vector-hair-left-loading 1.6s ease-in-out infinite}@keyframes oc-vector-hair-left-loading{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.35deg * var(--oc-vector-strength,1))) scale(1);opacity:1}50%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.8deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.35deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=loading] [data-vector-layer=hair-right]{animation:oc-vector-hair-right-loading 1.6s ease-in-out infinite}@keyframes oc-vector-hair-right-loading{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.3deg * var(--oc-vector-strength,1))) scale(1);opacity:1}55%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.8deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.3deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=loading] [data-vector-layer=fringe]{animation:oc-vector-fringe-loading 1.6s ease-in-out infinite}@keyframes oc-vector-fringe-loading{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}50%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.2deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=loading] [data-vector-layer=eyes]{animation:oc-vector-eyes-loading 1.6s ease-in-out infinite}@keyframes oc-vector-eyes-loading{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}37%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}41%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scaleY(.16);opacity:1}45%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=loading] [data-vector-layer=eyelids]{animation:oc-vector-eyelids-loading 1.6s ease-in-out infinite}@keyframes oc-vector-eyelids-loading{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}37%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}41%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(3.4px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}45%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=loading] [data-vector-layer=glint]{animation:oc-vector-glint-loading 1.6s ease-in-out infinite}@keyframes oc-vector-glint-loading{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:.35}50%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(45deg * var(--oc-vector-strength,1))) scale(1);opacity:.8}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(90deg * var(--oc-vector-strength,1))) scale(1);opacity:.35}}.oc-character[data-renderer=svg][data-motion-phase=settle] [data-vector-layer=hair-left]{animation:oc-vector-hair-left-settle .24s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-hair-left-settle{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(1.2deg * var(--oc-vector-strength,1))) scale(1);opacity:1}60%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.3deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=settle] [data-vector-layer=hair-right]{animation:oc-vector-hair-right-settle .24s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-hair-right-settle{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-1deg * var(--oc-vector-strength,1))) scale(1);opacity:1}60%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.25deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=settle] [data-vector-layer=fringe]{animation:oc-vector-fringe-settle .24s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-fringe-settle{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.3deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=settle] [data-vector-layer=eyes]{animation:oc-vector-eyes-settle .24s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-eyes-settle{0%{transform:translate(calc(.3px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=success] [data-vector-layer=hair-left]{animation:oc-vector-hair-left-success .56s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-hair-left-success{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}42%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(1.4deg * var(--oc-vector-strength,1))) scale(1);opacity:1}72%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.25deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=success] [data-vector-layer=hair-right]{animation:oc-vector-hair-right-success .56s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-hair-right-success{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}44%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-1.4deg * var(--oc-vector-strength,1))) scale(1);opacity:1}75%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.2deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=success] [data-vector-layer=bow]{animation:oc-vector-bow-success .56s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-bow-success{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}42%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.6deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=success] [data-vector-layer=glint]{animation:oc-vector-glint-success .56s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-glint-success{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-35deg * var(--oc-vector-strength,1))) scale(.5);opacity:0}45%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(10deg * var(--oc-vector-strength,1))) scale(1.15);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:.7}}.oc-character[data-renderer=svg][data-motion-phase=error] [data-vector-layer=hair-left]{animation:oc-vector-hair-left-error .32s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-hair-left-error{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}30%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.9deg * var(--oc-vector-strength,1))) scale(1);opacity:1}65%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.4deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=error] [data-vector-layer=hair-right]{animation:oc-vector-hair-right-error .32s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-hair-right-error{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}30%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(.8deg * var(--oc-vector-strength,1))) scale(1);opacity:1}65%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(-.35deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=error] [data-vector-layer=eyes]{animation:oc-vector-eyes-error .32s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-eyes-error{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}35%{transform:translate(calc(-.7px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}70%{transform:translate(calc(.5px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}.oc-character[data-renderer=svg][data-motion-phase=error] [data-vector-layer=eyelids]{animation:oc-vector-eyelids-error .32s cubic-bezier(.22,.7,.25,1) both}@keyframes oc-vector-eyelids-error{0%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}40%{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(.8px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}to{transform:translate(calc(0px * var(--oc-vector-strength,1)),calc(0px * var(--oc-vector-strength,1))) rotate(calc(0deg * var(--oc-vector-strength,1))) scale(1);opacity:1}}:root{--oc-paper:var(--surface,#f7fbff);--oc-paper-raised:var(--surface-raised,#fff);--oc-ink:var(--foreground,#233e62);--oc-blue:var(--primary,#345fab);--oc-soft:var(--accent-soft,#e3efff);--oc-line:var(--border-strong,#adc8ed);--oc-muted:var(--muted,#58759b);--oc-success:var(--success,#087e72);--oc-error:var(--error,#b73662);--oc-focus:var(--focus,#426cf3);--oc-font-body:.875rem;--oc-font-label:.875rem;--oc-font-caption:.75rem;--oc-target-size:44px;--oc-control-gap:8px;--oc-duration-input:80ms;--oc-duration-anticipation:.14s;--oc-duration-action:.19s;--oc-duration-settle:.24s;--oc-duration-exit:.17s;--oc-duration-loop:1.6s;--oc-ease-out:cubic-bezier(.16,1,.3,1);--oc-ease-return:cubic-bezier(.22,.7,.25,1);--oc-ease-in:cubic-bezier(.55,0,1,.45);--oc-hair-reach:3deg;--oc-text-travel:5px;--oc-image-travel:9px;--oc-layer-overlay:90;--oc-layer-dialog:100;--oc-layer-toast:110}.oc-motion-scope{min-width:0}[data-oc-action=compile]{--oc-hair-reach:-2.7deg;--oc-text-travel:2px}[data-oc-action=run]{--oc-hair-reach:4deg;--oc-text-travel:7px}[data-oc-action=debugging]{--oc-hair-reach:-2deg;--oc-text-travel:-3px}[data-oc-action=retry]{--oc-hair-reach:-3.7deg;--oc-text-travel:-6px}[data-oc-action=end]{--oc-hair-reach:-1.5deg;--oc-text-travel:-2px}.oc-character{isolation:isolate;pointer-events:none;vertical-align:middle;flex:none;width:92px;height:114px;display:inline-block;position:relative}.oc-character__canvas,.oc-character__svg{width:100%;height:100%;display:block}.oc-character__svg{overflow:visible}.oc-character__svg .oc-character__body{width:auto;height:auto;display:inline}.oc-vector-part{transform-box:view-box}.oc-canvas-fallback{place-items:center;display:grid;position:absolute;inset:0}.oc-character__canvas[data-canvas-ready=true]+.oc-canvas-fallback{display:none}.oc-vector-review{border-block:1px solid var(--oc-line);color:var(--oc-ink);margin-block:28px 0;padding:12px 0}.oc-vector-review summary{cursor:pointer;min-height:44px;font-size:var(--oc-font-label);padding:12px 8px}.oc-vector-review summary:focus-visible{outline:2px solid var(--oc-focus);outline-offset:3px}.oc-vector-review>p{color:var(--oc-muted);font-size:var(--oc-font-body);line-height:1.8}.oc-vector-comparison{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.oc-vector-comparison figure{background:var(--oc-paper-raised);border:1px solid var(--oc-line);border-radius:12px;justify-items:center;gap:16px;margin:0;padding:16px;display:grid}.oc-vector-comparison .oc-character{width:220px;max-width:100%;height:298px}.oc-vector-comparison figcaption{font-size:var(--oc-font-caption);color:var(--oc-muted)}.oc-character__body{object-fit:contain;width:100%;height:100%;display:block}.oc-character__eyes,.oc-character__fringe,.oc-character__hair{background-image:var(--oc-frame);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.oc-character__hair--left{clip-path:polygon(4% 31%,23% 16%,35% 31%,32% 53%,22% 85%,0 97%,0 58%);transform-origin:31% 27%}.oc-character__hair--right{clip-path:polygon(75% 20%,96% 31%,100% 56%,100% 96%,75% 86%,70% 62%,74% 43%);transform-origin:77% 28%}.oc-character__fringe{clip-path:polygon(21% 27%,35% 14%,60% 13%,72% 28%,70% 38%,48% 32%,28% 46%);transform-origin:52% 19%}.oc-character__eyes{clip-path:ellipse(20% 7% at 48% 45%);transform-origin:48% 45%}.oc-character__glint{color:var(--oc-blue);opacity:.7;font-size:20px;position:absolute;top:18%;right:2%}.oc-character__fallback{border:1px dashed var(--oc-line);width:100%;height:100%;color:var(--oc-blue);border-radius:50%;place-items:center;display:grid}.oc-hair-sweep{pointer-events:none;width:100%;height:64px;color:var(--oc-blue);opacity:.22;position:absolute;top:0;left:0;overflow:visible}.oc-hair-sweep path{stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-dasharray:430;stroke-dashoffset:0}.oc-hair-sweep path:nth-child(2){opacity:.5;stroke-width:.55px}.oc-hair-sweep path:nth-child(3){opacity:.7;stroke-width:.4px}[data-motion-phase=input]>.oc-character__hair--left{animation:oc-hair-input var(--oc-duration-anticipation) var(--oc-ease-out) both}[data-motion-phase=input]>.oc-character__hair--right{animation:oc-hair-input-right var(--oc-duration-action) var(--oc-ease-out) both}[data-motion-phase=input]>.oc-character__eyes{animation:oc-eyes-input var(--oc-duration-anticipation) var(--oc-ease-out) both}[data-motion-phase=anticipation]>.oc-character__hair{animation:oc-hair-anticipation var(--oc-duration-anticipation) var(--oc-ease-in) both}[data-motion-phase=anticipation]>.oc-character__fringe{animation:oc-fringe-anticipation var(--oc-duration-anticipation) var(--oc-ease-in) both}[data-motion-phase=action]>.oc-character__hair--left{animation:oc-hair-action var(--oc-duration-action) var(--oc-ease-out) both}[data-motion-phase=action]>.oc-character__hair--right{animation:oc-hair-action-right calc(var(--oc-duration-action) + 50ms) var(--oc-ease-out) both}[data-motion-phase=loading]>.oc-character__hair--left{animation:oc-hair-loading var(--oc-duration-loop) ease-in-out infinite}[data-motion-phase=loading]>.oc-character__hair--right{animation:oc-hair-loading-right var(--oc-duration-loop) ease-in-out infinite}[data-motion-phase=loading]>.oc-character__eyes{animation:oc-eyes-loading calc(var(--oc-duration-loop) * 2) ease-in-out infinite}[data-motion-phase=loading]>.oc-character__glint{animation:oc-glint-loading var(--oc-duration-loop) linear infinite}[data-motion-phase=settle]>.oc-character__hair{animation:oc-hair-settle var(--oc-duration-settle) var(--oc-ease-return) both}[data-motion-phase=success]>.oc-character__hair--left{animation:oc-hair-success .48s var(--oc-ease-return) both}[data-motion-phase=success]>.oc-character__hair--right{animation:oc-hair-success-right .53s var(--oc-ease-return) both}[data-motion-phase=success]>.oc-character__glint{animation:oc-glint-success .62s var(--oc-ease-out) both;color:var(--oc-success)}[data-motion-phase=error]>.oc-character__hair{animation:oc-hair-error .32s var(--oc-ease-return) both}[data-motion-phase=error]>.oc-character__eyes{animation:oc-eyes-error .32s ease-in-out both}[data-motion-phase=error]>.oc-character__glint{color:var(--oc-error)}@keyframes oc-hair-input{0%{transform:rotate(0)}to{transform:rotate(calc(var(--oc-hair-reach) * .35))}}@keyframes oc-hair-input-right{0%{transform:rotate(0)}to{transform:rotate(calc(var(--oc-hair-reach) * -.28))}}@keyframes oc-eyes-input{0%{transform:translate(0)}to{transform:translate(-.65px)}}@keyframes oc-hair-anticipation{0%{transform:rotate(0)}to{transform:rotate(calc(var(--oc-hair-reach) * -.5))}}@keyframes oc-fringe-anticipation{0%{transform:rotate(0)}to{transform:rotate(-.9deg)translateY(.3px)}}@keyframes oc-hair-action{0%{transform:rotate(calc(var(--oc-hair-reach) * -.5))}60%{transform:rotate(var(--oc-hair-reach))}to{transform:rotate(.4deg)}}@keyframes oc-hair-action-right{0%{transform:rotate(-1deg)}70%{transform:rotate(calc(var(--oc-hair-reach) * -.85))}to{transform:rotate(-.3deg)}}@keyframes oc-hair-loading{0%,to{transform:rotate(-.55deg)}50%{transform:rotate(1.1deg)}}@keyframes oc-hair-loading-right{0%,to{transform:rotate(.4deg)}55%{transform:rotate(-1.15deg)}}@keyframes oc-eyes-loading{0%,37%,45%,to{transform:scaleY(1)}41%{transform:scaleY(.87)}}@keyframes oc-glint-loading{0%{opacity:.35;transform:rotate(0)}50%{opacity:.85}to{opacity:.35;transform:rotate(180deg)}}@keyframes oc-hair-settle{0%{transform:rotate(1.8deg)}60%{transform:rotate(-.4deg)}to{transform:rotate(0)}}@keyframes oc-hair-success{0%,to{transform:rotate(0)}42%{transform:rotate(2deg)}72%{transform:rotate(-.4deg)}}@keyframes oc-hair-success-right{0%,to{transform:rotate(0)}44%{transform:rotate(-2deg)}75%{transform:rotate(.35deg)}}@keyframes oc-glint-success{0%{opacity:0;transform:scale(.5)rotate(-35deg)}45%{opacity:1;transform:scale(1.15)rotate(10deg)}to{opacity:.7;transform:scale(1)rotate(0)}}@keyframes oc-hair-error{0%,to{transform:rotate(0)}30%{transform:rotate(-1.4deg)}65%{transform:rotate(.6deg)}}@keyframes oc-eyes-error{0%,to{transform:translate(0)}35%{transform:translate(-.8px)}70%{transform:translate(.6px)}}.oc-action-field{gap:8px;min-width:0;max-width:100%;display:inline-grid}.oc-action{box-sizing:border-box;border:1px solid var(--oc-line);width:280px;max-width:100%;min-height:58px;color:var(--oc-blue);background:linear-gradient(105deg,var(--oc-paper-raised),var(--oc-soft));font:inherit;font-size:var(--oc-font-label);letter-spacing:.12em;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffa0,0 3px 0 var(--oc-blue),0 7px 16px #2b578c10;border-radius:30px;align-items:center;gap:15px;padding:14px 88px 14px 23px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.oc-action{box-shadow:inset 0 1px 0 #ffffffa0,0 3px 0 color-mix(in srgb,var(--oc-blue) 16%,transparent),0 7px 16px #2b578c10}}.oc-action{isolation:isolate}.oc-action:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff80;position:absolute;inset:3px}.oc-action__symbol{place-items:center;min-width:18px;font-size:20px;display:inline-grid}.oc-action__label{z-index:1;overflow-wrap:anywhere;line-height:1.5;position:relative}.oc-action>.oc-character{width:84px;height:108px;position:absolute;top:-16px;right:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.oc-action>.oc-hair-sweep{z-index:-1;top:0}.oc-action[data-oc-action=debugging],.oc-action[data-oc-action=run]{color:#f0f6ff;background:linear-gradient(110deg,#3c557b,#1e2d48);border-color:#6789b8}.oc-action[data-oc-action=compile]{--oc-hair-reach:-2.7deg;--oc-text-travel:2px}.oc-action[data-oc-action=run]{--oc-hair-reach:4deg;--oc-text-travel:7px}.oc-action[data-oc-action=debugging]{--oc-hair-reach:-2deg;--oc-text-travel:-3px}.oc-action[data-oc-action=retry]{--oc-hair-reach:-3.7deg;--oc-text-travel:-6px}.oc-action[data-oc-action=end]{--oc-hair-reach:-1.5deg;--oc-text-travel:-2px}.oc-action[data-motion-phase=input]{color:#234877;background:linear-gradient(105deg,#c4deff,#87b5ee)}.oc-action[data-motion-phase=anticipation]{box-shadow:inset 0 2px 5px #29467425,0 1px 0 var(--oc-line)}.oc-action[data-motion-phase=loading]{color:#f4f8ff;background:linear-gradient(100deg,#4e87d5,#294d89)}.oc-action[data-motion-phase=success]{color:#f4f8ff;background:linear-gradient(100deg,#496fac,#244473)}.oc-action[data-motion-phase=error]{border-color:var(--oc-error)}.oc-action:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.48;box-shadow:none}.oc-action[aria-busy=true]{cursor:progress}[data-motion-phase=input]>.oc-action__label{animation:oc-text-input var(--oc-duration-anticipation) var(--oc-ease-out) both}[data-motion-phase=anticipation]>.oc-action__label{animation:oc-text-anticipation var(--oc-duration-anticipation) var(--oc-ease-in) both}[data-motion-phase=action]>.oc-action__label{animation:oc-text-action var(--oc-duration-action) var(--oc-ease-out) both}[data-motion-phase=loading]>.oc-action__symbol{animation:oc-symbol-loading var(--oc-duration-loop) ease-in-out infinite}[data-motion-phase=settle]>.oc-action__label{animation:oc-text-settle var(--oc-duration-settle) var(--oc-ease-return) both}[data-motion-phase=success]>.oc-action__label{animation:oc-text-success .32s var(--oc-ease-out) both}[data-motion-phase=error]>.oc-action__label{animation:oc-text-error .26s var(--oc-ease-return) both}[data-motion-phase=input]>.oc-hair-sweep path{animation:oc-strand-input var(--oc-duration-action) var(--oc-ease-out) both}[data-motion-phase=anticipation]>.oc-hair-sweep path{animation:oc-strand-anticipation var(--oc-duration-anticipation) var(--oc-ease-in) both}[data-motion-phase=action]>.oc-hair-sweep path{animation:oc-strand-action .47s var(--oc-ease-out) both}[data-motion-phase=loading]>.oc-hair-sweep path{animation:oc-strand-loading var(--oc-duration-loop) ease-in-out infinite}[data-motion-phase=settle]>.oc-hair-sweep path,[data-motion-phase=success]>.oc-hair-sweep path{animation:oc-strand-settle var(--oc-duration-settle) var(--oc-ease-return) both}[data-motion-phase=error]>.oc-hair-sweep path{animation:oc-strand-error .28s ease-in-out both}@keyframes oc-text-input{0%{transform:translate(0)}to{transform:translate(1px)}}@keyframes oc-text-anticipation{0%{transform:translate(1px)}to{transform:translateX(calc(var(--oc-text-travel) * -.35))}}@keyframes oc-text-action{0%{transform:translateX(calc(var(--oc-text-travel) * -.35));opacity:.7}65%{transform:translateX(var(--oc-text-travel));opacity:1}to{transform:translate(0)}}@keyframes oc-text-settle{0%{transform:translate(2px)}to{transform:translate(0)}}@keyframes oc-text-success{0%{opacity:.65}to{opacity:1}}@keyframes oc-text-error{0%,to{transform:translate(0)}35%{transform:translate(-2px)}70%{transform:translate(1px)}}@keyframes oc-symbol-loading{0%,to{opacity:.55}50%{opacity:1}}@keyframes oc-strand-input{0%{stroke-dashoffset:90px;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes oc-strand-anticipation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-55px}}@keyframes oc-strand-action{0%{stroke-dashoffset:430px}to{stroke-dashoffset:0}}@keyframes oc-strand-loading{0%,to{stroke-dashoffset:30px;opacity:.3}50%{stroke-dashoffset:-20px;opacity:.8}}@keyframes oc-strand-settle{0%{opacity:.7}to{opacity:.25}}@keyframes oc-strand-error{0%{stroke-dashoffset:-20px}to{stroke-dashoffset:0}}.oc-control{box-sizing:border-box;min-width:var(--oc-target-size);min-height:var(--oc-target-size);border:1px solid var(--oc-line);color:var(--oc-blue);background:var(--oc-paper-raised);font:inherit;font-size:var(--oc-font-label);cursor:pointer;border-radius:24px;justify-content:center;align-items:center;gap:10px;padding:10px 17px;line-height:1.4;display:inline-flex}.oc-control--filled{color:#fff;border-color:var(--oc-blue);background:var(--oc-blue)}.oc-control:disabled{opacity:.45;cursor:not-allowed}.oc-action,.oc-close,.oc-control,.oc-gallery__dot,.oc-toggle__switch{transition:box-shadow var(--oc-duration-input) var(--oc-ease-out),background-color var(--oc-duration-input) var(--oc-ease-out)}.oc-close:hover,.oc-control:hover:not(:disabled):not([aria-disabled=true]),.oc-gallery__dot:hover{box-shadow:0 0 0 2px var(--oc-blue)}@supports (color:color-mix(in lab,red,red)){.oc-close:hover,.oc-control:hover:not(:disabled):not([aria-disabled=true]),.oc-gallery__dot:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-blue) 18%,transparent)}}.oc-action:active:not(:disabled):not([aria-disabled=true]),.oc-close:active,.oc-control:active:not(:disabled):not([aria-disabled=true]),.oc-gallery__dot:active,.oc-toggle__switch:active:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 2px 4px var(--oc-blue)}@supports (color:color-mix(in lab,red,red)){.oc-action:active:not(:disabled):not([aria-disabled=true]),.oc-close:active,.oc-control:active:not(:disabled):not([aria-disabled=true]),.oc-gallery__dot:active,.oc-toggle__switch:active:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 2px 4px color-mix(in srgb,var(--oc-blue) 32%,transparent)}}.oc-action:focus-visible,.oc-card a:focus-visible,.oc-close:focus-visible,.oc-control:focus-visible,.oc-gallery__dot:focus-visible{outline:2px solid var(--oc-focus);outline-offset:4px}.oc-error{color:var(--oc-error);font-size:var(--oc-font-body);overflow-wrap:anywhere;line-height:1.7;display:block}.oc-toggle__row{color:var(--oc-ink);font-size:var(--oc-font-label);align-items:center;gap:12px;display:flex}.oc-toggle__row small{color:var(--oc-muted);font-size:var(--oc-font-caption)}.oc-toggle__switch{box-sizing:border-box;width:74px;height:var(--oc-target-size);border:1px solid var(--oc-line);background:var(--oc-soft);cursor:pointer;border-radius:24px;padding:7px;position:relative;overflow:hidden}.oc-toggle__thumb{z-index:1;width:28px;height:28px;color:var(--oc-blue);transition:transform var(--oc-duration-action) var(--oc-ease-out);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative;transform:translate(0);box-shadow:0 1px 5px #203e6825}.oc-toggle__switch[aria-checked=true]{background:var(--oc-blue)}.oc-toggle__switch[aria-checked=true] .oc-toggle__thumb{transform:translate(28px)}.oc-toggle__switch>.oc-hair-sweep{color:#fff;opacity:.35;height:36px}.oc-toggle__switch:disabled{opacity:.45;cursor:not-allowed}.oc-toggle__switch:focus-visible{outline:2px solid var(--oc-focus);outline-offset:4px}.oc-choice{min-width:var(--oc-target-size);min-height:var(--oc-target-size);font-size:var(--oc-font-label);color:var(--oc-ink);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.oc-choice input{accent-color:var(--oc-blue);flex-shrink:0;width:20px;height:20px}.oc-choice input:focus-visible{outline:2px solid var(--oc-focus);outline-offset:4px}.oc-choice:has(input:disabled){opacity:.5;cursor:not-allowed}.oc-choice-field>.oc-error{margin-top:3px}.oc-badge{border:1px solid var(--oc-line);background:var(--oc-soft);color:var(--oc-blue);font-size:var(--oc-font-caption);letter-spacing:.05em;border-radius:22px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.oc-badge>span{font-size:14px}.oc-badge[data-tone=success]{color:var(--oc-success);border-color:var(--oc-success)}@supports (color:color-mix(in lab,red,red)){.oc-badge[data-tone=success]{border-color:color-mix(in srgb,var(--oc-success) 35%,transparent)}}.oc-badge[data-tone=success]{background:var(--oc-success)}@supports (color:color-mix(in lab,red,red)){.oc-badge[data-tone=success]{background:color-mix(in srgb,var(--oc-success) 8%,var(--oc-paper))}}.oc-badge[data-tone=error]{color:var(--oc-error);border-color:var(--oc-error)}@supports (color:color-mix(in lab,red,red)){.oc-badge[data-tone=error]{border-color:color-mix(in srgb,var(--oc-error) 35%,transparent)}}.oc-badge[data-tone=error]{background:var(--oc-error)}@supports (color:color-mix(in lab,red,red)){.oc-badge[data-tone=error]{background:color-mix(in srgb,var(--oc-error) 8%,var(--oc-paper))}}.oc-badge[data-tone=warning]{color:#9b5c1e;background:#fff4dc;border-color:#e7cba2}.oc-badge[data-tone=idle]{color:var(--oc-muted)}.oc-badge[data-tone=running]>span{animation:oc-symbol-loading var(--oc-duration-loop) ease-in-out infinite}.oc-progress{color:var(--oc-ink);font-size:var(--oc-font-caption)}.oc-progress>div{justify-content:space-between;gap:16px;margin-bottom:10px;display:flex}.oc-progress progress{width:100%;height:8px;accent-color:var(--oc-blue);border:0;border-radius:8px;display:block;overflow:hidden}.oc-progress progress::-webkit-progress-bar{background:var(--oc-soft)}.oc-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#31599b,#8cbbff);border-radius:8px}.oc-progress progress::-moz-progress-bar{background:var(--oc-blue)}.oc-progress[data-state=error]{color:var(--oc-error)}.oc-pagination{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.oc-pagination>span{align-items:center;gap:8px;display:inline-flex}.oc-pagination .oc-control{min-width:var(--oc-target-size);min-height:var(--oc-target-size);padding:7px}.oc-pagination [aria-current=page]{background:var(--oc-blue);color:#fff}.oc-field{color:var(--oc-ink);gap:9px;width:100%;display:grid}.oc-field>label{font-size:var(--oc-font-label)}.oc-field>small{font-size:var(--oc-font-caption);color:var(--oc-muted);line-height:1.65}.oc-field__control{border:1px solid var(--oc-line);background:var(--oc-paper-raised);isolation:isolate;border-radius:26px;align-items:center;min-height:48px;display:flex;position:relative}.oc-field__control>span:first-child{color:var(--oc-blue);margin-left:18px;font-size:24px}.oc-field__control input{border-radius:inherit;width:100%;min-width:0;font:inherit;font-size:var(--oc-font-body);color:var(--oc-ink);background:0 0;border:0;outline:none;padding:13px 68px 13px 10px}.oc-field__control:focus-within{outline:2px solid var(--oc-focus);outline-offset:3px;box-shadow:0 0 0 6px var(--oc-blue)}@supports (color:color-mix(in lab,red,red)){.oc-field__control:focus-within{box-shadow:0 0 0 6px color-mix(in srgb,var(--oc-blue) 7%,transparent)}}.oc-field__control>.oc-character{width:54px;height:65px;position:absolute;bottom:0;right:7px;overflow:hidden}.oc-field__control>.oc-hair-sweep{opacity:.12;z-index:-1;width:85%;height:30px;top:auto;bottom:0}.oc-field[data-motion-phase=input] .oc-hair-sweep path{animation:oc-strand-input .4s var(--oc-ease-out) both}.oc-field[data-motion-phase=error] .oc-field__control{border-color:var(--oc-error)}.oc-menu{z-index:var(--oc-layer-dialog);width:min(278px,100vw - 28px);max-height:var(--radix-dropdown-menu-content-available-height);border:1px solid var(--oc-line);background:var(--oc-paper-raised);color:var(--oc-ink);transform-origin:var(--radix-dropdown-menu-content-transform-origin);border-radius:17px;padding:10px;position:relative;overflow-y:auto;box-shadow:0 14px 40px #25497924}.oc-menu[data-state=open]{animation:oc-dropdown-open .28s var(--oc-ease-out) both}.oc-menu[data-state=closed]{animation:oc-dropdown-close var(--oc-duration-exit) var(--oc-ease-in) both}.oc-menu__heading{border-bottom:1px solid var(--oc-line);align-items:center;gap:10px;padding:4px 12px 10px;font-size:.86rem;display:flex}.oc-menu__heading .oc-character{width:48px;height:59px}.oc-menu__heading small{font-size:var(--oc-font-caption);color:var(--oc-muted);margin-top:5px;display:block}.oc-menu>.oc-hair-sweep{opacity:.17;top:52px}.oc-menu__item{min-height:var(--oc-target-size);box-sizing:border-box;font-size:var(--oc-font-label);cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:10px;padding:10px 13px;display:flex;position:relative}.oc-menu__item[data-highlighted]{background:var(--oc-soft);color:var(--oc-blue)}.oc-menu__item:focus-visible{outline:2px solid var(--oc-focus);outline-offset:-2px}.oc-menu__item:active:not([data-disabled]){box-shadow:inset 0 2px 4px var(--oc-blue)}@supports (color:color-mix(in lab,red,red)){.oc-menu__item:active:not([data-disabled]){box-shadow:inset 0 2px 4px color-mix(in srgb,var(--oc-blue) 24%,transparent)}}.oc-menu__item[data-highlighted]>span:last-child{animation:oc-text-input var(--oc-duration-anticipation) var(--oc-ease-out) both}.oc-menu__item[data-disabled]{opacity:.45;cursor:not-allowed}.oc-menu__feedback{font-size:var(--oc-font-caption);color:var(--oc-muted);margin:10px}@keyframes oc-dropdown-open{0%{opacity:0;clip-path:inset(0 0 95% round 17px);transform:translateY(-6px)}60%{opacity:1}to{opacity:1;clip-path:inset(0 round 17px);transform:translateY(0)}}@keyframes oc-dropdown-close{0%{opacity:1;clip-path:inset(0 round 17px);transform:translateY(0)}to{opacity:0;clip-path:inset(0 0 80% round 17px);transform:translateY(-4px)}}.oc-modal-overlay{z-index:var(--oc-layer-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16264177;position:fixed;inset:0}.oc-modal-overlay[data-state=open]{animation:oc-overlay-open .21s ease-out both}.oc-modal-overlay[data-state=closed]{animation:oc-overlay-close var(--oc-duration-exit) ease-in both}.oc-modal{z-index:var(--oc-layer-dialog);box-sizing:border-box;border:1px solid var(--oc-line);background:var(--oc-paper-raised);width:min(500px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--oc-ink);border-radius:23px;padding:30px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #152e4f45}.oc-modal[data-state=open]{animation:oc-modal-open .34s var(--oc-ease-out) both}.oc-modal[data-state=closed]{animation:oc-modal-close var(--oc-duration-exit) var(--oc-ease-in) both}.oc-modal__portrait{border-bottom:1px solid var(--oc-line);align-items:flex-end;height:84px;margin-bottom:22px;display:flex;overflow:hidden}.oc-modal__portrait .oc-character{width:95px;height:110px;margin-left:auto}.oc-modal>.oc-hair-sweep{width:calc(100% - 60px);top:53px;left:30px}.oc-modal__title{margin:0 0 14px;font-size:1.25rem;font-weight:500;line-height:1.5}.oc-modal__description{font-size:var(--oc-font-label);color:var(--oc-muted);margin:0;line-height:1.9}.oc-modal__body{margin-block:22px}.oc-modal__actions{justify-content:flex-end;gap:12px;display:flex}.oc-close{width:var(--oc-target-size);height:var(--oc-target-size);color:var(--oc-blue);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:12px;right:12px}@keyframes oc-overlay-open{0%{opacity:0}to{opacity:1}}@keyframes oc-overlay-close{0%{opacity:1}to{opacity:0}}@keyframes oc-modal-open{0%{opacity:0;clip-path:inset(10% 0 0 round 23px);transform:translate(-50%,calc(18px - 50%))}to{opacity:1;clip-path:inset(0 round 23px);transform:translate(-50%,-50%)}}@keyframes oc-modal-close{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(10px - 50%))}}.oc-toast{box-sizing:border-box;border:1px solid var(--oc-line);background:var(--oc-paper-raised);min-height:76px;color:var(--oc-ink);border-radius:14px;align-items:center;gap:12px;padding:17px 56px 17px 18px;display:flex;position:relative;box-shadow:0 10px 30px #2945741c}.oc-toast[data-state=open]{animation:oc-toast-open .35s var(--oc-ease-out) both}.oc-toast[data-state=closed]{animation:oc-toast-close var(--oc-duration-exit) var(--oc-ease-in) both}.oc-toast__symbol{color:#fff;background:var(--oc-blue);width:24px;height:24px;font-size:var(--oc-font-label);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.oc-toast[data-tone=success] .oc-toast__symbol{background:var(--oc-success)}.oc-toast[data-tone=error] .oc-toast__symbol{background:var(--oc-error)}.oc-toast__copy{z-index:1;font-size:var(--oc-font-body);overflow-wrap:anywhere;flex:1;line-height:1.75;position:relative}.oc-toast>.oc-character{width:41px;height:50px}.oc-toast>.oc-hair-sweep{opacity:.13;height:36px;top:auto;bottom:0}.oc-toast .oc-close{top:8px;right:5px}@keyframes oc-toast-open{0%{opacity:0;clip-path:inset(0 0 0 95% round 14px);transform:translate(10px)}40%{opacity:1}to{opacity:1;clip-path:inset(0 round 14px);transform:translate(0)}}@keyframes oc-toast-close{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px)}}.oc-card{border:1px solid var(--oc-line);background:var(--oc-paper-raised);border-radius:13px;min-width:0;overflow:hidden}.oc-card:has(a:focus-visible){outline:2px solid var(--oc-focus);outline-offset:4px}.oc-card>a{height:100%;color:var(--oc-ink);text-decoration:none;display:block}.oc-card__art{background:var(--oc-soft);height:245px;position:relative;overflow:hidden}.oc-card__art>img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--oc-ease-out);display:block}.oc-card__art>.oc-card__foreground{position:absolute;inset:0}.oc-card__art>.oc-hair-sweep{color:#ecf4ff;opacity:.55;top:auto;bottom:-4px}.oc-card__art>.oc-character{width:94px;height:120px;position:absolute;bottom:-26px;right:9px}.oc-card__copy{padding:20px 60px 23px 23px;position:relative}.oc-card__copy small{color:var(--oc-muted);font-size:var(--oc-font-caption);letter-spacing:.1em}.oc-card__copy h3{margin:7px 0;font-size:1.1rem;font-weight:500;line-height:1.55}.oc-card__copy p{color:var(--oc-muted);font-size:var(--oc-font-body);margin:0;line-height:1.85}.oc-card__arrow{border:1px solid var(--oc-line);width:31px;height:31px;color:var(--oc-blue);border-radius:50%;place-items:center;display:grid;position:absolute;top:26px;right:20px}.oc-card[data-motion-phase=input] .oc-card__art>img{transform:scale(1.025)translate(-3px)}.oc-card[data-motion-phase=input] .oc-card__copy>h3{animation:oc-card-text .45s var(--oc-ease-out) 45ms both}.oc-card[data-motion-phase=input] .oc-card__art>.oc-hair-sweep path{animation:oc-strand-action .45s var(--oc-ease-out) both}.oc-card--project .oc-card__art{height:220px}.oc-card__missing{height:100%;color:var(--oc-muted);font-size:var(--oc-font-label);place-items:center;display:grid}@keyframes oc-card-text{0%{transform:translate(-2px)}60%{transform:translate(4px)}to{transform:translate(0)}}.oc-page-switch{min-width:0}.oc-page-switch__frame{isolation:isolate;position:relative}.oc-page-switch__frame>.oc-hair-sweep{z-index:1;opacity:.35;height:90px;top:0}.oc-page-switch__content{animation:oc-page-content .46s var(--oc-ease-out) both}@keyframes oc-page-content{0%{clip-path:inset(0 100% 0 0);opacity:.5;transform:translate(-9px)}45%{opacity:1}to{clip-path:inset(0);opacity:1;transform:translate(0)}}.oc-gallery figure{margin:0}.oc-gallery__art{aspect-ratio:16/8;border-radius:12px;width:100%;position:relative;overflow:hidden}.oc-gallery__art>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.oc-gallery figcaption{padding:18px 0;position:relative}.oc-gallery figcaption>span{float:right;color:var(--oc-muted);font-size:var(--oc-font-caption)}.oc-gallery figcaption h3{color:var(--oc-ink);margin:0 0 8px;font-size:1.1rem;font-weight:500}.oc-gallery figcaption p{color:var(--oc-muted);font-size:var(--oc-font-body);margin:0;line-height:1.8}.oc-gallery__controls{grid-template-columns:var(--oc-target-size) minmax(0,auto) var(--oc-target-size);justify-content:center;align-items:center;gap:var(--oc-control-gap);display:grid}.oc-gallery__controls>.oc-control{padding-inline:0}.oc-gallery__controls>div{justify-content:center;align-items:center;gap:var(--oc-control-gap);flex-wrap:wrap;display:flex}.oc-gallery__dot{flex:0 0 var(--oc-target-size);width:var(--oc-target-size);height:var(--oc-target-size);cursor:pointer;background:0 0;border:0;border-radius:50%;position:relative}.oc-gallery__dot:before{content:"";background:var(--oc-line);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.oc-gallery__dot[aria-current]:before{background:var(--oc-blue)}.oc-player{border:1px solid var(--oc-line);background:var(--oc-paper-raised);color:var(--oc-ink);border-radius:20px;flex-wrap:wrap;gap:19px;padding:18px 22px;overflow:hidden}.oc-player,.oc-player__identity{align-items:center;display:flex;position:relative}.oc-player__identity{flex:200px;gap:13px}.oc-player__identity strong{font-size:.9rem;font-weight:500}.oc-player__identity small{font-size:var(--oc-font-caption);color:var(--oc-muted);margin-top:6px;display:block}.oc-player__identity>.oc-character{width:55px;height:67px;margin-left:auto}.oc-player__disc{background:var(--oc-blue);color:#fff;border:7px double #bdd4f2;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.oc-player[data-playing=true] .oc-player__disc{animation:oc-player-disc 12s linear infinite}.oc-player__transport{gap:var(--oc-control-gap);display:flex;position:relative}.oc-player__seek{font-size:var(--oc-font-caption);font-variant-numeric:tabular-nums;flex:240px;align-items:center;gap:11px;display:flex;position:relative}.oc-player input{accent-color:var(--oc-blue);min-width:var(--oc-target-size);min-height:var(--oc-target-size);cursor:pointer}.oc-player input:focus-visible{outline:2px solid var(--oc-focus);outline-offset:4px}.oc-player__seek input{width:100%}.oc-player__volume{font-size:var(--oc-font-caption);align-items:center;gap:10px;display:flex}.oc-player__volume input{width:72px}.oc-player>.oc-hair-sweep{opacity:.14;height:32px;top:auto;bottom:0}.oc-player>.oc-error{flex-basis:100%;align-items:center;gap:16px;display:flex}@keyframes oc-player-disc{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.oc-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oc-atelier{width:min(1180px,100% - 64px);color:var(--oc-ink);margin:0 auto;padding:52px 0 76px}.oc-atelier__interaction{border:0;min-width:0;margin:0;padding:0}.oc-atelier__header{border-bottom:1px solid var(--oc-line);grid-template-columns:1fr 260px;align-items:center;gap:40px;padding-bottom:34px;display:grid}.oc-atelier__eyebrow{color:var(--oc-blue);font-size:var(--oc-font-caption);letter-spacing:.14em;margin:0 0 18px}.oc-atelier h1{letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(2rem,4.4vw,3.75rem);font-weight:400;line-height:1.25}.oc-atelier h1 i{color:var(--oc-blue);font-family:Georgia,serif;font-weight:400}.oc-atelier__intro{color:var(--oc-muted);font-size:var(--oc-font-body);max-width:660px;line-height:1.95}.oc-atelier__portrait{justify-content:center;display:flex;position:relative}.oc-atelier__portrait>.oc-character{width:186px;height:232px}.oc-atelier__portrait:before{content:"";border:1px solid var(--oc-line);border-radius:50%;position:absolute;inset:12% 0;transform:rotate(-18deg)}.oc-atelier__toolbar{font-size:var(--oc-font-body);flex-wrap:wrap;align-items:center;gap:16px;margin-top:23px;display:flex}.oc-atelier__toolbar label{align-items:center;gap:var(--oc-control-gap);min-height:var(--oc-target-size);display:inline-flex}.oc-atelier__toolbar input{accent-color:var(--oc-blue)}.oc-atelier__section{padding-top:43px}.oc-atelier__section>h2{flex-wrap:wrap;align-items:baseline;gap:18px;margin:0 0 23px;font-size:1.25rem;font-weight:500;display:flex}.oc-atelier__section>h2>span{color:var(--oc-muted);font-size:var(--oc-font-caption);letter-spacing:.05em}.oc-atelier__section>p{font-size:var(--oc-font-body);color:var(--oc-muted);line-height:1.85}.oc-atelier__actions{grid-template-columns:repeat(3,1fr);gap:20px 28px;display:grid}.oc-atelier__actions>div{min-width:0}.oc-atelier__actions .oc-action,.oc-atelier__actions .oc-action-field{width:100%}.oc-atelier__actions small{color:var(--oc-muted);font-size:var(--oc-font-caption);margin-top:12px;line-height:1.8;display:block}.oc-phase-picker{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:20px;display:flex}.oc-phase-picker .oc-control{min-height:var(--oc-target-size);font-size:var(--oc-font-caption);padding:7px 12px}.oc-phase-picker .oc-control[aria-pressed=true]{background:var(--oc-blue);color:#fff}.oc-phase-strip{flex-wrap:wrap;gap:12px 18px;margin:0;padding:20px 0;list-style:none;display:flex}.oc-phase-strip li{font-size:var(--oc-font-caption);color:var(--oc-muted);align-items:center;gap:5px;display:flex}.oc-phase-strip li[data-active=true]{color:var(--oc-blue);font-weight:600}.oc-phase-strip li[data-active=true]>span{color:var(--oc-success)}.oc-phase-stage{border-block:1px solid var(--oc-line);background:linear-gradient(110deg,var(--oc-soft),transparent 78%);flex-wrap:wrap;align-items:center;gap:35px;min-height:170px;padding:24px 28px;display:flex}.oc-phase-stage>.oc-character{width:128px;height:160px}.oc-phase-stage>div{flex:1;min-width:210px}.oc-phase-stage h3{margin:0 0 10px;font-family:Georgia,serif;font-size:1.75rem;font-weight:400}.oc-phase-stage p{color:var(--oc-muted);font-size:var(--oc-font-body);margin:0;line-height:1.9}.oc-atelier__two{grid-template-columns:1fr 1fr;gap:36px;display:grid}.oc-atelier__stack{align-content:start;gap:19px;display:grid}.oc-atelier__row{flex-wrap:wrap;gap:13px;display:flex}.oc-atelier__notice{border-left:2px solid var(--oc-line);padding-left:15px;line-height:1.8}.oc-atelier__notice,.oc-atelier__result{font-size:var(--oc-font-body);color:var(--oc-muted)}.oc-atelier__result{min-height:24px;margin-top:17px}.oc-atelier__footer{border-top:1px solid var(--oc-line);color:var(--oc-muted);font-size:var(--oc-font-body);justify-content:space-between;align-items:baseline;gap:25px;margin-top:43px;padding-top:25px;line-height:1.8;display:flex}.oc-atelier__footer a{color:var(--oc-blue)}@media (max-width:900px){.oc-atelier__actions{grid-template-columns:repeat(2,1fr)}.oc-atelier__two{gap:24px}.oc-atelier__header{grid-template-columns:1fr 185px;gap:15px}}@media (max-width:600px){.oc-atelier{width:calc(100% - 36px);padding-top:32px}.oc-atelier__header{grid-template-columns:1fr}.oc-atelier__portrait{display:none}.oc-atelier__actions,.oc-atelier__two{grid-template-columns:1fr}.oc-atelier__actions{gap:20px}.oc-atelier__actions .oc-action{min-height:58px}.oc-phase-stage{gap:18px;padding:17px 10px}.oc-phase-stage>.oc-character{width:85px;height:110px}.oc-phase-stage>div{min-width:175px}.oc-player{gap:12px;padding:15px}.oc-player__seek{flex-basis:100%}.oc-player__identity{flex-basis:170px}.oc-player__volume{justify-content:flex-end;width:100%}.oc-card__art{height:200px}.oc-atelier__footer{flex-direction:column;gap:12px}.oc-modal{padding:23px}}:root[data-motion=paused] [class*=\ oc-],:root[data-motion=paused] [class^=oc-],[data-oc-paused=true],[data-oc-paused=true] *{transition:none!important;animation:none!important}[data-oc-paused=true] .oc-card__art>img{transform:none}@media (prefers-reduced-motion:reduce){[class*=\ oc-],[class^=oc-]{transition:none!important;animation:none!important}.oc-card[data-motion-phase=input] .oc-card__art>img{transform:none}}