.ui-btn,.m-go{--btn-bg: var(--w-primary-100);--btn-fg: var(--w-on-primary);--btn-base: var(--w-base-primary);--btn-ring: 0 0 0 0 transparent;--btn-depth: var(--w-depth);--btn-depth-press: var(--w-depth-press);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--w-sp-2);min-height:var(--w-control-h);min-width:var(--w-touch);padding:0 var(--w-sp-5);border:0;border-radius:var(--w-r-md);background:var(--btn-bg);color:var(--btn-fg);font:600 var(--w-fs-4)/1.5 var(--w-font-body);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:var(--btn-ring),0 var(--btn-depth) 0 var(--btn-base);transition:transform var(--w-dur-fast) var(--w-ease),opacity var(--w-dur) var(--w-ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-btn>svg,.m-go>svg{flex:none}.ui-btn:active:not(:disabled):not([aria-disabled=true]),.m-go:active:not(:disabled){transform:translateY(calc(var(--btn-depth) - var(--btn-depth-press))) scale(.98);box-shadow:var(--btn-ring),0 var(--btn-depth-press) 0 var(--btn-base)}.ui-btn:focus-visible,.m-go:focus-visible{outline:3px solid var(--w-primary-110);outline-offset:2px}.ui-btn:is(:disabled,[aria-disabled=true]):not([data-tone=quiet]),.m-go:disabled{--btn-bg: var(--w-neutral-25);--btn-fg: var(--w-text-subtle);--btn-ring: 0 0 0 0 transparent;cursor:not-allowed}.ui-btn[data-block],.m-go{display:flex;width:100%}.ui-btn[data-tone=secondary]{--btn-bg: var(--w-surface-page);--btn-fg: var(--w-text-strong);--btn-base: var(--w-neutral-50);--btn-ring: inset 0 0 0 1px var(--w-neutral-75)}.ui-btn[data-tone=quiet]{--btn-bg: transparent;--btn-fg: var(--w-quiet-fg);min-width:0;box-shadow:none}.ui-btn[data-tone=quiet]:active:not(:disabled):not([aria-disabled=true]){transform:none;box-shadow:none;opacity:.7}.ui-btn[data-tone=quiet]:disabled,.ui-btn[data-tone=quiet][aria-disabled=true]{--btn-bg: transparent;opacity:.6}.ui-btn[data-tone=quiet][data-danger]{--btn-fg: var(--w-red)}.ui-btn[data-tone=danger]{--btn-bg: var(--w-surface-page);--btn-fg: var(--w-red);--btn-base: var(--w-red-line);--btn-ring: inset 0 0 0 1px var(--w-red-line)}.ui-btn[data-size=sm]{min-height:var(--w-control-h-sm);padding:0 var(--w-sp-4);font-size:var(--w-fs-3);border-radius:var(--w-r-pill)}.ui-btn-detail{margin-inline-start:auto;font:500 var(--w-fs-2)/1.4 var(--w-font-body);opacity:.85;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.ui-btn,.m-go{transition:none}}.ui-choice{--ch-bg: var(--w-surface-page);--ch-fg: var(--w-text-body);--ch-ring: var(--w-neutral-75);--ch-base: var(--w-neutral-75);--ch-ring-width: 1.5px;--ch-depth: 2px;position:relative;display:flex;align-items:center;gap:var(--w-sp-3);width:100%;min-height:56px;padding:var(--w-sp-3) var(--w-sp-4);border:0;border-radius:var(--w-r-lg);background:var(--ch-bg);color:var(--ch-fg);font:600 var(--w-fs-4)/1.6 var(--w-font-body);text-align:start;cursor:pointer;box-shadow:inset 0 0 0 var(--ch-ring-width) var(--ch-ring),0 var(--ch-depth) 0 var(--ch-base);transition:transform var(--w-dur-fast) var(--w-ease),opacity var(--w-dur-fast) var(--w-ease);-webkit-tap-highlight-color:transparent}.ui-choice:active:not(:disabled):not([aria-disabled=true]){transform:translateY(calc(var(--ch-depth) - 1px));box-shadow:inset 0 0 0 var(--ch-ring-width) var(--ch-ring),0 1px 0 var(--ch-base)}.ui-choice:focus-visible{outline:3px solid var(--w-primary-110);outline-offset:2px}.ui-choice[data-state=on],.ui-choice[aria-pressed=true],.ui-choice[aria-selected=true]{--ch-bg: var(--w-select-bg);--ch-fg: var(--w-select-fg);--ch-ring: var(--w-select-ring);--ch-base: var(--w-select-base);--ch-ring-width: 2px;--ch-depth: 3px}.ui-choice[data-state=ok]{--ch-ring-width: 2px;--ch-depth: 3px;--ch-bg: var(--w-success-25);--ch-fg: var(--w-success-100);--ch-ring: var(--w-success-100);--ch-base: var(--w-base-success)}.ui-choice[data-state=no]{--ch-ring-width: 2px;--ch-depth: 3px;--ch-bg: var(--w-danger-25);--ch-fg: var(--w-danger-200);--ch-ring: var(--w-danger-100);--ch-base: var(--w-danger-25)}.ui-choice[data-state=dim]{opacity:.38}.ui-choice:disabled,.ui-choice[aria-disabled=true]{cursor:default}.ui-choice[data-cell]{justify-content:center;text-align:center}.ui-choice-key{flex:none;min-width:12px;text-align:center;font:600 var(--w-fs-1)/1 var(--w-font-num);opacity:.45}.ui-choice[data-cell]>.ui-choice-key{position:absolute;top:6px;inset-inline-start:12px}@media(hover:none){.ui-choice-key{display:none}}.ui-choice[data-shape=chip]{display:inline-flex;justify-content:center;width:auto;flex:none;min-height:40px;padding:0 var(--w-sp-4);border-radius:var(--w-r-pill);font:600 var(--w-fs-3)/1.6 var(--w-font-body);white-space:nowrap;box-shadow:inset 0 0 0 var(--ch-ring-width) var(--ch-ring);--ch-ring: var(--w-neutral-50);--ch-ring-width: 1px;--ch-fg: var(--w-text-body);gap:6px}.ui-choice[data-shape=chip]:after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.ui-choice[data-shape=chip]:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97);box-shadow:inset 0 0 0 var(--ch-ring-width) var(--ch-ring)}.ui-choice[data-shape=chip][data-state=on],.ui-choice[data-shape=chip][aria-pressed=true],.ui-choice[data-shape=chip][aria-selected=true]{--ch-ring: var(--w-select-bg);--ch-fg: var(--w-select-fg);box-shadow:inset 0 0 0 1px var(--ch-ring)}.ui-choice[data-shape=chip][data-state=ok]{--ch-ring: var(--w-success-100)}.ui-choice[data-shape=chip][data-state=no]{--ch-ring: var(--w-danger-100)}.ui-choice[data-shape=chip]:disabled{opacity:.45}.ui-segs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--w-sp-1);padding:var(--w-sp-1);border-radius:var(--w-r-pill);background:var(--w-neutral-25)}.ui-segs>.ui-choice[data-shape=chip]{width:100%;min-width:0;min-height:40px;padding:0 var(--w-sp-2);--ch-bg: transparent;--ch-fg: var(--w-text-muted);--ch-ring: transparent;box-shadow:none}.ui-segs>.ui-choice[data-shape=chip]:after{top:-2px;right:-2px;bottom:-2px;left:-2px}.ui-segs>.ui-choice[data-shape=chip][data-state=on],.ui-segs>.ui-choice[data-shape=chip][aria-pressed=true],.ui-segs>.ui-choice[data-shape=chip][aria-selected=true]{--ch-bg: var(--w-surface-page);--ch-fg: var(--w-text-strong);--ch-ring: transparent;box-shadow:var(--w-e1)}.ui-chips{display:flex;gap:var(--w-sp-2);overflow-x:auto;scrollbar-width:none;padding-block:2px}.ui-chips::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.ui-choice{transition:none}}.ui-card{position:relative;min-width:0;padding:var(--w-sp-4);border-radius:var(--w-r-lg);background:var(--w-surface-page);color:var(--w-text-strong);box-shadow:var(--w-ring-hairline)}.ui-card[data-tone=tint]{background:var(--w-primary-0);box-shadow:var(--w-ring-tint)}.ui-card[data-tone=dark]{background:var(--w-surface-dark);box-shadow:none}.ui-card[data-lift]{box-shadow:var(--w-lift)}button.ui-card,a.ui-card{display:block;width:100%;border:0;font:inherit;text-align:start;cursor:pointer;transition:transform 80ms var(--w-ease);-webkit-tap-highlight-color:transparent}.ui-card[data-row]{display:flex;align-items:center;gap:var(--w-sp-3)}button.ui-card:active:not(:disabled):not([aria-disabled=true]),a.ui-card:active:not([aria-disabled=true]){transform:scale(.985)}button.ui-card:focus-visible,a.ui-card:focus-visible{outline:3px solid var(--w-primary-110);outline-offset:2px}.ui-list{display:flex;flex-direction:column;padding:0;overflow:hidden}.ui-row{display:flex;align-items:center;gap:var(--w-sp-3);width:100%;min-height:64px;padding:var(--w-sp-3) var(--w-sp-4);border:0;background:transparent;color:var(--w-text-strong);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-row+.ui-row{box-shadow:inset 0 1px 0 var(--w-border-hairline)}.ui-row:active:not(:disabled):not([aria-disabled=true]){background:var(--w-neutral-30)}.ui-row:focus-visible{outline:3px solid var(--w-primary-110);outline-offset:-3px}.ui-row-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--w-r-pill);background:var(--w-primary-0);color:var(--w-primary-110)}.ui-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ui-row-text>b{display:flex;align-items:center;gap:var(--w-sp-2);font:600 var(--w-fs-4)/1.6 var(--w-font-body);color:var(--w-text-strong)}.ui-row-text>small{font:400 var(--w-fs-2)/1.6 var(--w-font-body);color:var(--w-text-muted)}.ui-row-go{flex:none;color:var(--w-text-subtle)}.ui-row[aria-disabled=true]{cursor:default}.ui-row[aria-disabled=true] .ui-row-icon{background:var(--w-neutral-25);color:var(--w-text-muted)}.ui-row[aria-disabled=true] .ui-row-text>b{color:var(--w-text-muted)}.ui-header,.m-lt{flex:none;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:2px;width:100%;max-width:var(--w-content-max);min-height:calc(var(--w-top-h) + var(--w-safe-top, env(safe-area-inset-top, 0px)));margin:0 auto;padding-block:var(--w-safe-top, env(safe-area-inset-top, 0px)) 0;padding-inline:max(var(--w-sp-2),env(safe-area-inset-right,0px)) max(var(--w-sp-4),env(safe-area-inset-left,0px))}.ui-header-title,.m-lt>b{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font:700 var(--w-fs-5)/1.6 var(--w-font-display);color:var(--w-text-strong)}.ui-header-exit,.ui-header-act,.m-lt-x,.m-lt-aid{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:var(--w-r-pill);background:transparent;color:var(--w-text-strong);cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-header-act,.m-lt-aid{color:var(--w-primary-110);justify-self:end}@media(hover:hover){.ui-header-exit:hover,button.ui-header-act:hover,.m-lt-x:hover,button.m-lt-aid:hover{background:var(--w-neutral-25)}}.ui-header-exit:focus-visible,.ui-header-act:focus-visible,.m-lt-x:focus-visible,.m-lt-aid:focus-visible{outline:3px solid var(--w-primary-110);outline-offset:-2px}.ui-header-act[data-text],.m-lt-aid[data-text]{width:auto;min-width:44px;padding-inline:var(--w-sp-2);grid-auto-flow:column;gap:var(--w-sp-1);white-space:nowrap;font:600 var(--w-fs-3)/1.6 var(--w-font-body)}.ui-header-slot{width:44px;height:44px}.m-lt[data-tone=wall]>b{color:var(--w-on-wall-muted)}.m-lt[data-tone=wall] .m-lt-x,.m-lt[data-tone=wall] .m-lt-aid{color:var(--w-on-wall)}@media(hover:hover){.m-lt[data-tone=wall] .m-lt-x:hover,.m-lt[data-tone=wall] button.m-lt-aid:hover{background:var(--w-wall-chip)}}.ui-sheet{display:flex;flex-direction:column;gap:var(--w-sp-3);color:var(--w-text-strong);min-width:0;min-height:0}.ui-sheet>.ui-header{grid-template-columns:minmax(0,1fr) max-content;gap:var(--w-sp-2);padding:0;margin:0;width:auto;min-height:44px}.ui-sheet>.ui-header>.ui-header-title{order:1;font:700 var(--w-fs-5)/1.6 var(--w-font-display)}.ui-sheet>.ui-header>.ui-header-exit{order:2;position:relative;width:40px;height:40px;min-width:40px;min-height:40px;background:var(--w-neutral-25)}.ui-sheet>.ui-header>.ui-header-exit:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.ui-sheet>.ui-header>.ui-header-slot{display:none}.ui-sheet-body{display:flex;flex-direction:column;gap:var(--w-sp-3);min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.ui-sheet-body>p{margin:0;font:400 var(--w-fs-3)/1.6 var(--w-font-body);color:var(--w-text-muted)}.ui-sheet-actions{display:flex;flex-direction:column;gap:var(--w-sp-3);flex-shrink:0}.w-modal-sheet{scroll-padding-block:20px;overscroll-behavior:contain}.ui-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:min(420px,52vh);padding:var(--w-sp-6) var(--w-sp-2);text-align:center}.ui-state-art{display:grid;place-items:center;min-height:64px;margin-bottom:2px;animation:ui-bob 4s ease-in-out infinite}@keyframes ui-bob{50%{transform:translateY(-3px)}}.ui-state h2{margin:0;font:700 var(--w-fs-4)/1.5 var(--w-font-display);color:var(--w-text-strong);text-wrap:balance}.ui-state p{margin:0;max-width:320px;font:400 var(--w-fs-2)/1.6 var(--w-font-body);color:var(--w-text-muted);text-wrap:balance}.ui-state-acts{display:flex;flex-direction:column;align-items:center;gap:var(--w-sp-2);width:min(100%,320px);margin-top:var(--w-sp-1)}.ui-state-acts>.ui-btn:not([data-block]){padding:0 var(--w-sp-4);border-radius:var(--w-r-pill);font-size:var(--w-fs-3)}.ui-state-report{gap:var(--w-sp-1)}.ui-skeleton{display:grid;gap:var(--w-sp-3);padding:var(--w-sp-3) 0}.ui-sk-row{display:flex;align-items:center;gap:10px}.ui-sk-row>span{flex:1;display:grid;gap:6px}.ui-sk-row i,.ui-sk-block{display:block;border-radius:var(--w-r-sm);background:linear-gradient(90deg,var(--w-neutral-25) 0%,var(--w-surface-sunken) 50%,var(--w-neutral-25) 100%);background-size:200% 100%;animation:ui-shine 1.4s linear infinite}.ui-sk-row>span>i:first-child{height:12px;width:60%}.ui-sk-row>span>i:last-child{height:10px;width:85%}.ui-sk-row>.ui-sk-dot{width:40px;height:40px;flex:none;border-radius:var(--w-r-pill)}.ui-sk-block{height:40px;border-radius:var(--w-r-md)}.ui-sk-block[data-tall]{height:120px;border-radius:var(--w-r-lg)}@keyframes ui-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-offline{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border-radius:var(--w-r-md);background:var(--w-navy);color:#fff;font:600 var(--w-fs-3)/1.45 var(--w-font-body)}.ui-offline>span{flex:1;min-width:0}@media(prefers-reduced-motion:reduce){.ui-sk-row i,.ui-sk-block{animation-duration:4s}.ui-state-art{animation-duration:8s}}.ui-wordmark{display:inline-flex;align-items:flex-end;gap:.08em;direction:ltr;unicode-bidi:isolate;font:800 var(--w-brand-size)/1 var(--w-font-display);letter-spacing:-.02em;color:var(--w-brand-ink);white-space:nowrap}.ui-wordmark>i{display:inline-block;flex:none;width:.29em;height:.29em;margin-bottom:.125em;border-radius:50%;background:var(--w-brand-dot)}.ic-dir:dir(ltr){transform:scaleX(-1)}@media(hover:hover){.ui-btn[data-tone=secondary]:hover:not(:disabled):not([aria-disabled=true]),.ui-btn[data-tone=quiet]:hover:not(:disabled):not([aria-disabled=true]),.ui-row:hover:not(:disabled):not([aria-disabled=true]){background:var(--w-neutral-30)}.ui-choice:hover:not(:disabled):not([aria-disabled=true]):not([data-state=on]):not([data-state=ok]):not([data-state=no]):not([data-state=dim]):not([aria-pressed=true]):not([aria-selected=true]){--ch-ring: var(--w-text-subtle)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ui-btn:not([data-tone=secondary]):not([data-tone=quiet]):hover:not(:active):not(:disabled):not([aria-disabled=true]),.m-go:hover:not(:active):not(:disabled),button.ui-card:hover:not(:active):not(:disabled):not([aria-disabled=true]),a.ui-card:hover:not(:active):not([aria-disabled=true]){transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){button.ui-card,a.ui-card{transition:none}}.shark-crop{display:block;position:relative;overflow:hidden;clip-path:inset(0);flex:none;pointer-events:none}.shark-crop>img{position:absolute;display:block;max-width:none;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.shark-character{--shark-display-height:var(--shark-height);display:inline-flex;flex:none;align-items:center;justify-content:center;width:calc(var(--shark-display-height) * var(--shark-ratio));max-width:100%;isolation:isolate;vertical-align:middle}.shark-art{width:100%;height:auto;max-width:100%;transform-origin:50% 85%}.shark-character[data-mood=success]>.shark-art{animation:shark-like .8s ease-out 1}.shark-character[data-mood=explain]>.shark-art{animation:shark-point .65s ease-out 1}.shark-character[data-mood=knock]>.shark-art{animation:shark-knock .85s ease-in-out 1}.shark-character[data-expression=relieved]>.shark-art{animation:shark-relief .85s ease-out 1}.shark-character[data-expression=thinking]>.shark-art{animation:shark-think .7s ease-out 1}.shark-avatar{display:inline-block;position:relative;flex:none;width:var(--avatar-size);vertical-align:middle}.shark-avatar-round{height:var(--avatar-size);border-radius:50%;background:var(--w-primary-0);overflow:hidden}.shark-avatar-body{display:block;position:relative;width:100%;aspect-ratio:1/2}.shark-avatar-round .shark-avatar-body{position:absolute;top:-15%}.shark-avatar-base{position:absolute;top:0;right:0;bottom:0;left:0}.shark-accessory{position:absolute;left:50%;transform:translate(-50%);z-index:1}.shark-glasses{width:81%;top:27.4%;left:50%}.shark-neck{left:50%}.shark-neck[data-item=tie]{width:31%;top:53.6%}.shark-neck[data-item=bow]{width:46%;top:54.2%}.shark-neck[data-item=scarf]{width:46%;top:52.8%}.shark-guide{display:flex;align-items:center;gap:14px;border-radius:var(--w-radius-xl);background:var(--w-primary-0);padding:12px 16px;margin:10px 0;min-width:0;text-align:start;color:var(--w-text-strong)}.shark-guide-compact{padding:6px 12px;gap:10px}.shark-guide-copy{min-width:0;flex:1}.shark-guide-copy p{font:var(--w-type-body-sm);line-height:1.8;margin:4px 0 0;overflow-wrap:anywhere}.shark-eyebrow{font:var(--w-type-label-xs);color:var(--w-text-muted)}.shark-guide[data-reaction=success],.shark-guide[data-reaction=relieved]{background:var(--w-success-25)}.shark-tap-clue{border-inline-start:3px solid var(--w-orange-100);padding-inline-start:10px;animation:shark-clue .85s ease-in-out 1}.shark-wardrobe{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr);gap:20px;min-width:0;padding:8px 0 18px}.shark-fitting{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--w-primary-0);border-radius:var(--w-radius-2xl);padding:15px;gap:5px;font:var(--w-type-label-sm);color:var(--w-text-strong)}.shark-controls fieldset{border:0;padding:0;margin:0 0 15px;min-width:0}.shark-controls legend{font:var(--w-type-label-sm);color:var(--w-text-muted);padding:0;margin-bottom:8px}.shark-controls fieldset>div{display:flex;gap:7px;flex-wrap:wrap}.shark-controls button{border:1px solid var(--w-neutral-50);border-radius:var(--w-radius-md);background:var(--w-surface-page);color:var(--w-text-strong);padding:9px 12px;min-height:42px;cursor:pointer;font:var(--w-type-label-sm);display:inline-flex;align-items:center;gap:6px}.shark-controls button[aria-pressed=true]{border-color:var(--w-primary-100);color:var(--w-primary-110);background:var(--w-primary-0)}.shark-controls button>i{width:14px;height:14px;border-radius:50%;display:inline-block}.shark-wardrobe-note{font:var(--w-type-caption);line-height:1.8;color:var(--w-text-muted);margin:0}.shark-studio{max-width:780px;width:100%;margin-inline:auto;padding:20px 12px;color:var(--w-text-strong);direction:rtl;min-width:0}.shark-studio-intro h1{font:var(--w-type-title-lg);margin:4px 0 18px}.shark-studio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.shark-studio-tabs button{border:1px solid var(--w-neutral-50);background:var(--w-surface-page);color:var(--w-text-strong);border-radius:var(--w-radius-md);padding:9px 12px;min-height:42px;cursor:pointer;font:var(--w-type-label-sm)}.shark-studio-tabs button[aria-pressed=true]{background:var(--w-primary-100);color:var(--w-on-primary);border-color:var(--w-primary-100)}.shark-studio-stage{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:24px;background:var(--w-primary-0);border-radius:var(--w-radius-2xl);padding:20px}.shark-studio-copy h2{font:var(--w-type-title-sm);margin:0 0 10px}.shark-studio-copy p{font:var(--w-type-body-sm);line-height:1.8;margin:0 0 10px}.shark-studio-copy small{font:var(--w-type-caption);color:var(--w-text-muted)}@media(max-width:580px){.shark-studio-stage{grid-template-columns:1fr;gap:14px}.shark-studio-stage>.shark-character{justify-self:center}.shark-studio-copy{text-align:center}.shark-studio-copy .shark-studio-tabs{justify-content:center}}.ga-intro{position:relative}.shark-catalog{float:left;margin-inline-start:10px}.ga-intro:after{content:"";display:block;clear:both}.rt .shark-guide{flex:none;margin:0 0 10px}.rt .shark-guide-copy p{font-size:14px;line-height:1.7}@keyframes shark-like{0%,to{transform:translateY(0)}35%{transform:translateY(-7px) rotate(-3deg)}65%{transform:translateY(-2px) rotate(1deg)}}@keyframes shark-point{0%,to{transform:rotate(0)}50%{transform:translate(-4px) rotate(-3deg)}}@keyframes shark-knock{0%,32%,62%,to{transform:translate(0)}20%,50%{transform:translate(-8px) rotate(-2deg)}}@keyframes shark-clue{0%,32%,62%,to{background:transparent}20%,50%{background:var(--w-orange-0)}}@media(max-width:430px){.shark-wardrobe{grid-template-columns:1fr;gap:14px}.shark-fitting .shark-avatar{width:100px}.shark-fitting{padding:8px}.shark-guide{padding:8px 10px;gap:8px}.shark-guide .shark-character{--shark-display-height:80px}.shark-guide-compact .shark-character{--shark-display-height:60px}.shark-guide-copy p{font-size:13px}}@media(prefers-reduced-motion:reduce){.shark-character>.shark-art,.shark-tap-clue{animation:none!important}.shark-character *{transition:none!important}}.shark-avatar-dressed .shark-avatar-body{display:flex;align-items:flex-end;justify-content:center;overflow:visible}.shark-avatar-dressed.shark-avatar-round .shark-avatar-body{position:absolute;inset:auto 0 auto 0;top:4%;align-items:flex-start}.shark-avatar-dressed .shark-character{max-width:none}.shark-stage{position:relative;display:inline-grid;place-items:end center;width:max-content}.shark-stage-float,.shark-stage-react,.shark-stage-pose{display:inline-block;transform-origin:50% 100%}.shark-stage-shadow{position:absolute;bottom:-4px;left:50%;width:calc(var(--stage-size) * .5);height:calc(var(--stage-size) * .07);margin-left:calc(var(--stage-size) * -.25);border-radius:50%;background:radial-gradient(closest-side,#0d1b348c,#0d1b3400);opacity:.42;pointer-events:none}.shark-cheer{position:fixed;top:calc(4px + env(safe-area-inset-top,0px));inset-inline:0;width:max-content;margin-inline:auto;z-index:96;max-width:calc(100vw - 180px);display:flex;align-items:center;gap:8px;padding-block:2px;padding-inline:6px 16px;border-radius:var(--w-radius-pill);background:var(--w-success-25);box-shadow:var(--w-shadow-soft);pointer-events:none;animation:shark-cheer 1.5s ease-out both}.shark-cheer-line{font:var(--w-type-label-sm);color:var(--w-success-100);white-space:nowrap}@keyframes shark-cheer{0%{opacity:0;transform:translateY(-10px) scale(.9)}14%{opacity:1;transform:none}84%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes shark-cheer-fade{0%,to{opacity:0}10%,88%{opacity:1}}@media(prefers-reduced-motion:reduce){.shark-cheer{animation-name:shark-cheer-fade;animation-timing-function:linear}}.shark-composite{display:block;position:relative}.shark-frame{width:100%}.shark-composite .shark-glasses{width:59%;top:24%;left:51%}.shark-composite .shark-neck[data-item=tie]{width:16%;top:51%;left:51%}.shark-composite .shark-neck[data-item=bow]{width:26%;top:52%;left:51%}.shark-composite .shark-neck[data-item=scarf]{width:27%;top:50%;left:51%}.shark-composite .shark-graduation{width:78%;top:-10%;left:54%}.shark-avatar-unified .shark-avatar-body{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.shark-avatar-unified.shark-avatar-round .shark-avatar-body{width:185%;left:-42.5%;top:-4%}.shark-avatar-unified .shark-character{max-width:none}.shark-character[data-mood=relieved]>.shark-art{animation:shark-relief .85s ease-out 1}.shark-character[data-mood=thinking]>.shark-art{animation:shark-think .7s ease-out 1}@keyframes shark-relief{0%{transform:translateY(-3px) scaleY(1.02)}to{transform:translateY(0) scaleY(1)}}@keyframes shark-think{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}.shark-name-form{display:grid;gap:8px;min-width:0}.shark-name-form>div{display:flex;gap:8px;min-width:0}.shark-name-form input{min-width:0;flex:1;min-height:44px;padding:0 12px;border:1px solid var(--w-neutral-75);border-radius:var(--w-r-md);background:var(--w-surface-page);color:var(--w-text-strong);font:400 var(--w-fs-4) var(--w-font-body)}.shark-name-form input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--w-primary-100);border-color:var(--w-primary-100)}.shark-name-form input[aria-invalid=true]{border-color:var(--w-danger-100);box-shadow:inset 0 0 0 1px var(--w-danger-100)}.shark-name-form label{font:600 var(--w-fs-3)/1.5 var(--w-font-body);color:var(--w-text-strong)}.shark-name-form label:has(+div>input[aria-invalid=true]){color:var(--w-danger-200)}.shark-name-form small{font:400 var(--w-fs-1)/1.8 var(--w-font-body);color:var(--w-text-muted)}.shark-name-form small[data-status=error]{color:var(--w-danger-200);font-weight:600}@media(prefers-reduced-motion:reduce){.shark-character>.shark-art{animation:none!important}}.shark-avatar-face>.shark-character{display:block;width:100%;height:100%;max-width:none}.shark-avatar-face .shark-crop{width:100%;height:100%}
