div.t02-root{position:absolute;inset:0;pointer-events:none;--pw: 280px}.pl-layer>.t02-root>*{pointer-events:none}.t02-view{position:absolute;overflow:hidden;border-radius:var(--r-once);background:#000;box-shadow:var(--shadow-float);visibility:hidden}.t02-view.is-open{visibility:visible}.t02-photo{position:absolute;inset:0;background:#000 center / cover no-repeat;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.t02-from{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:var(--r-pill);background:rgb(var(--ink-rgb) / .48);color:#fff;font:600 13px/1 var(--font-ui)}.t02-from b{font-weight:600}.t02-ava{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--coral);color:var(--ink);font:800 11px/1 var(--font-mono);font-style:normal;text-transform:lowercase}.t02-view.is-closed .t02-photo,.t02-view.is-closed .t02-from{display:none}.t02-view.is-closed{background:var(--ink)}.t02-phone{position:absolute;isolation:isolate;box-sizing:border-box;padding:calc(var(--pw) * .034);border-radius:calc(var(--pw) * .17);background:#131211;box-shadow:var(--shadow-float),inset 0 0 0 1.5px #ffffff17,inset 0 0 0 4px #0b0a09}.t02-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--pw) * .135);background:#000}.t02-screen:before{content:"";position:absolute;z-index:2;left:50%;top:calc(var(--pw) * .036);width:calc(var(--pw) * .3);height:calc(var(--pw) * .088);translate:-50% 0;border-radius:var(--r-pill);background:#000}.t02-phone .t02-view{inset:0;border-radius:0;box-shadow:none}.t02-phone .t02-photo{inset:50% 0 auto;aspect-ratio:3 / 4;translate:0 -50%}.t02-phone .t02-from{left:14px;top:calc(var(--pw) * .16);font-size:14px;background:none;padding-left:0}.t02-hw{position:absolute;left:-4px;width:4px;border-radius:3px 0 0 3px;background:#1f1d1b}.t02-keys{position:absolute;margin:0;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--on-field-72);font:500 var(--fs-mono-m)/1 var(--font-mono);letter-spacing:.04em;opacity:0;transition:opacity var(--dur-ui) var(--ease)}.t02-keys kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--on-field-72),inset 0 -2px rgb(var(--on-field-rgb) / .28);color:var(--on-field);font:600 14px/1 var(--font-ui)}.t02-root.is-waiting .t02-keys{opacity:1}.pl-layer>.t02-root>.t02-nub,.t02-nub{position:absolute;display:flex;align-items:center;gap:9px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;visibility:hidden;transition:transform .26s var(--ease),opacity .2s var(--ease),visibility 0s linear .26s}.t02-nub[data-attach=r]{flex-direction:row-reverse}.t02-nub:disabled{cursor:default;pointer-events:none}.t02-nub:focus{outline:none}.t02-nub:focus-visible .t02-nub__key{outline:2px solid var(--focus);outline-offset:3px}.t02-nub:focus-visible .t02-nub__tap{outline:2px solid var(--focus);outline-offset:2px}.t02-nub{--key: var(--coral);--key-rgb: 236 129 107}[data-field=coral] .t02-nub,[data-field=pink] .t02-nub{--key: var(--cream);--key-rgb: 244 238 228}.t02-nub__key{position:relative;flex:none;display:block;width:18px;height:var(--key-h, 72px);border-radius:0 10px 10px 0;background:var(--key);box-shadow:0 0 0 1.5px rgb(var(--ink-rgb) / .9),0 0 14px 3px rgb(var(--key-rgb) / .9),0 0 34px 10px rgb(var(--key-rgb) / .42);transform-origin:0 50%;transition:transform 90ms var(--ease),background-color 90ms linear,box-shadow 90ms linear}.t02-nub[data-attach=r] .t02-nub__key{border-radius:10px 0 0 10px;transform-origin:100% 50%}.t02-nub__ring{position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px var(--key),0 0 14px 4px rgb(var(--key-rgb) / .8);opacity:0;transform-origin:0 50%;pointer-events:none}.t02-nub[data-attach=r] .t02-nub__ring{transform-origin:100% 50%}.t02-nub__tap{position:relative;flex:none;padding:6px 8px 5px 9px;border-radius:7px;background:var(--ink);color:var(--cream);font:800 12px/1 var(--font-mono);letter-spacing:.14em;white-space:nowrap;transition:opacity .12s var(--ease)}.t02-nub[data-chip=off] .t02-nub__tap{visibility:hidden}.t02-nub__tap:before{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border:5px solid transparent;border-right:6px solid var(--ink);border-left-width:0}.t02-nub[data-attach=r] .t02-nub__tap:before{right:auto;left:100%;border-right-width:0;border-left:6px solid var(--ink)}.t02-root[data-desktop="0"] .t02-nub__key{width:20px;border-radius:10px}.t02-root[data-desktop="0"] .t02-nub[data-side=l] .t02-nub__key{margin-left:4px}.t02-root[data-desktop="0"] .t02-nub[data-side=r] .t02-nub__key{margin-right:4px}.t02-root[data-desktop="0"]:not(.is-waiting) .t02-nub[data-side=l]{transform:translate(-100%)}.t02-root[data-desktop="0"]:not(.is-waiting) .t02-nub[data-side=r]{transform:translate(100%)}.t02-root.is-waiting .t02-nub[data-side]{visibility:visible;transform:none;transition:transform .26s var(--ease),opacity .2s var(--ease),visibility 0s}.t02-root[data-desktop="0"].is-done .t02-nub{opacity:0}.t02-root.is-holding .t02-nub__key,.t02-root.is-pressed .t02-nub__key{transform:scaleX(.42);background:#fff;box-shadow:0 0 0 1.5px rgb(var(--ink-rgb) / .9),0 0 20px 7px #fffffff2,0 0 52px 20px rgb(var(--key-rgb) / .6)}.t02-root.is-holding .t02-nub__tap,.t02-root.is-pressed .t02-nub__tap{opacity:0}.t02-root.is-holding .t02-nub__ring,.t02-root.is-pressed .t02-nub__ring{display:none}.t02-root[data-desktop="1"] .t02-nub{visibility:visible;transition:none}.t02-root[data-desktop="1"] .t02-nub__key{width:7px;border-radius:0 4px 4px 0;background:#1f1d1b;box-shadow:none}.t02-root[data-desktop="1"] .t02-nub[data-attach=r] .t02-nub__key{border-radius:4px 0 0 4px}.t02-root[data-desktop="1"] .t02-nub__tap{opacity:0}.t02-root[data-desktop="1"].is-waiting .t02-nub__key{background:var(--key);box-shadow:0 0 14px 4px rgb(var(--key-rgb) / .9),0 0 36px 12px rgb(var(--key-rgb) / .45)}.t02-root[data-desktop="1"].is-waiting .t02-nub__tap{opacity:1}.t02-root[data-desktop="1"].is-holding .t02-nub__key,.t02-root[data-desktop="1"].is-pressed .t02-nub__key{transform:scaleX(.35);background:#fff;box-shadow:0 0 16px 6px #fffffff2,0 0 40px 14px rgb(var(--key-rgb) / .55)}.t02-root[data-desktop="1"].is-holding .t02-nub__tap,.t02-root[data-desktop="1"].is-pressed .t02-nub__tap{opacity:0}.t02-root[data-desktop="1"].is-done .t02-nub__key{transition:background-color .3s linear,box-shadow .3s linear}@media (hover: hover){.t02-root[data-desktop="1"].is-waiting .t02-nub:hover .t02-nub__key{background:#fff}}.sh-flash{position:fixed;inset:-64px;z-index:calc(var(--z-blackout) - 1);background:#fff;opacity:0;pointer-events:none}.sh-flash--dim{background:#000}.sh-shot{position:absolute;box-sizing:border-box;display:block;margin:0;padding:0;overflow:hidden;border:0 solid #fff;background:var(--card-night);color:inherit;font:inherit;transform-origin:50% 50%;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.pl-layer>.t02-root>.sh-shot{pointer-events:auto;z-index:3}.sh-shot.is-fixed{position:fixed;z-index:calc(var(--z-blackout) - 2);pointer-events:none}.sh-shot.is-big{cursor:default}.sh-shot:focus{outline:none}.sh-shot:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sc-screen{position:relative;overflow:hidden;background:var(--card-night)}.sc-screen--fill{position:absolute;inset:0}.sc-card{position:absolute;left:50%;top:50%;transform-origin:50% 50%}.sc-art{position:absolute;left:0;top:0;overflow:visible}.sc-msg{position:absolute;margin:0;font-family:var(--font-mono);font-weight:800;font-size:12px;line-height:var(--sc-line);letter-spacing:1.5px;color:#efe9dc;white-space:nowrap;text-transform:none;text-align:left}.sc-msg span{display:block}.sc-msg span+span{margin-top:var(--sc-gap)}.sc-stamp{position:absolute;padding:3px 6px;font-family:var(--font-mono);font-weight:800;font-size:9px;line-height:10.8px;letter-spacing:1px;color:#1c1916;background:var(--lav);white-space:nowrap}.sc-real{width:100%;height:100%;object-fit:cover;display:block}@media (prefers-reduced-motion: reduce){.t02-nub,.t02-root.is-waiting .t02-nub[data-side],.t02-nub__key,.t02-nub__tap,.t02-keys{transition:none!important}.t02-nub__ring{display:none}}