.say-at{z-index:5;pointer-events:none;width:0;height:0;position:absolute;bottom:132px;left:0}.say-mutter,.say-ask{font-family:var(--font-say);white-space:nowrap;animation:say-in .22s var(--ease-out) both;font-size:14px;line-height:20px;position:absolute;bottom:0;left:0;transform:translate(-50%)}.say-mutter{color:var(--brand-ink);text-shadow:0 1px 0 var(--bg-2), 0 0 6px var(--bg)}.say-ask{pointer-events:auto;padding:var(--sp-2) var(--sp-4);background:var(--card);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-3);box-shadow:var(--shadow-1);cursor:pointer;white-space:normal;text-align:center;width:max-content;max-width:16em}.say-ask:after{content:"";background:var(--card);border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.say-ask:active{transform:translate(-50%)translateY(1px)}@keyframes say-in{0%{opacity:0;transform:translate(-38%)translateY(4px)}}@media (prefers-reduced-motion:reduce){.say-mutter,.say-ask{animation:none}}.ego-menu{z-index:6;width:0;height:0;position:absolute;bottom:0;left:0}.ego-touch{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;width:96px;height:96px;margin-left:-48px;padding:0;position:absolute;bottom:0;left:50%}.ego-touch:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:50%}.ego-menu.on .ego-touch{pointer-events:none}.ego-act{border:1px solid var(--line);background:var(--card);width:56px;color:var(--ink-2);font:inherit;letter-spacing:-.01em;box-shadow:0 2px 8px color-mix(in srgb, var(--ink) 10%, transparent);cursor:pointer;opacity:0;pointer-events:none;transition:transform var(--dur-in) var(--ease-out), opacity .12s linear;border-radius:14px;flex-direction:column;align-items:center;gap:2px;margin-left:-28px;padding:7px 0 6px;font-size:11px;line-height:14px;transition-delay:0s;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(0)scale(.4)}.ego-menu.on .ego-act{opacity:1;pointer-events:auto;transform:translate(var(--dx), var(--dy)) scale(1);transition-delay:calc(var(--i) * 40ms)}.ego-act:active{transform:translate(var(--dx), var(--dy)) scale(.94)}.ego-act svg{width:18px;height:18px}@media (prefers-reduced-motion:reduce){.ego-act{transform:translate(var(--dx), var(--dy));transition:opacity .12s linear}.ego-menu.on .ego-act{transition-delay:0s}}.night{z-index:20;background:var(--bg);max-width:480px;animation:night-in var(--dur-panel) var(--ease-out);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0}@keyframes night-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.night{animation-duration:10ms}}.night-top{padding:calc(env(safe-area-inset-top) + var(--sp-1)) var(--sp-2) 0;flex:none;justify-content:flex-end;display:flex}.night-x{width:var(--tap);height:var(--tap);border-radius:var(--r-2);color:var(--ink-3);justify-content:center;align-items:center;display:flex}.night-body{padding:var(--sp-2) var(--gutter) var(--sp-8);flex:auto;overflow-y:auto}.paper{background:var(--card);border-radius:var(--r-3);padding:var(--sp-8) var(--sp-6) var(--sp-10);box-shadow:var(--shadow-2);isolation:isolate;min-height:100%;position:relative}.paper:before{content:"";z-index:-1;border-radius:inherit;background-image:var(--grain);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.day{font-family:var(--font-record);letter-spacing:-.01em;color:var(--ink);font-size:26px;font-weight:700;line-height:34px}.cnt{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-3);margin-top:2px}.grp{margin-top:var(--sp-8)}.grp h2{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--ink-3);letter-spacing:.06em;padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);margin-bottom:var(--sp-4)}.grp .q{font-family:var(--font-record);font-size:var(--fs-record);line-height:var(--lh-record);color:var(--ink);white-space:pre-line;max-width:30em}.grp .q+.q{margin-top:var(--sp-4)}.raw{margin:var(--sp-8) 0 0;padding:0;list-style:none}.raw li{gap:var(--sp-4);padding:var(--sp-3) 0;align-items:baseline;display:flex}.raw li+li{border-top:1px solid var(--line)}.raw .t{font-size:var(--fs-small);color:var(--ink-3);letter-spacing:0;flex:none}.raw .s{font-size:var(--fs-list);line-height:var(--lh-list);color:var(--ink-2);white-space:pre-line}.seg{gap:var(--sp-1);padding:var(--sp-2) var(--sp-1) calc(var(--sp-4) + env(safe-area-inset-bottom));flex:none;margin:0 auto;display:flex}.seg button{border-radius:var(--r-full);min-width:92px;height:38px;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--ink-3);transition:background var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out)}.seg button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-ink)}.night .q[role=button]{cursor:pointer}.night .q.on{background:var(--bg);box-shadow:-6px 0 0 var(--bg), 6px 0 0 var(--bg)}.night .move{gap:6px;margin:4px 0 10px;display:flex}.night .move button{border-radius:var(--r-1);border:1px solid var(--line-strong);background:var(--card);height:32px;font:inherit;font-size:var(--fs-small);color:var(--ink-2);cursor:pointer;flex:1 1 0}.night .move button:active{background:var(--bg)}.skin-scrim{z-index:40;background:color-mix(in srgb, var(--ink) 26%, transparent);animation:fade var(--dur-in) var(--ease-out) both;align-items:flex-end;display:flex;position:fixed;inset:0}.skin-sheet{background:var(--card);border-top:1px solid var(--line);width:100%;padding:16px 0 calc(16px + env(safe-area-inset-bottom));animation:rise var(--dur-in) var(--ease-out) both;border-radius:16px 16px 0 0}.skin-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:4px;padding:0 16px;display:flex;overflow-x:auto}.skin-row::-webkit-scrollbar{display:none}.skin-pick{scroll-snap-align:center;cursor:pointer;width:84px;font:inherit;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);transition:background var(--dur-press) var(--ease-out), border-color var(--dur-press) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:8px 0 10px;display:flex}.skin-pick[aria-pressed=true]{background:var(--bg);border-color:var(--line-strong);color:var(--ink)}.skin-pick:active{transform:scale(.97)}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.skin-scrim,.skin-sheet{animation:none}}.screen{max-width:480px;height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex}.stage{flex:auto;min-height:0;position:relative;overflow:hidden}.floor{left:var(--gutter);right:var(--gutter);background:var(--line);height:1px;position:absolute;bottom:28px}.drop{background:var(--card);border:1px solid var(--line);border-radius:var(--r-2);width:208px;padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-2);font-family:var(--font-record);font-size:var(--fs-record);line-height:var(--lh-record);color:var(--ink);will-change:transform, opacity;animation:drop-in var(--drop-dur,1.1s) cubic-bezier(.5, 0, .9, .55) forwards;position:absolute;bottom:40px}.drop .kind{font-family:var(--font);font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--brand-ink);margin-bottom:var(--sp-1);display:block}.drop.eaten{animation:eaten .22s var(--ease-in) forwards}.drop .body{-webkit-line-clamp:5;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes drop-in{0%{transform:translateY(calc(-1 * var(--drop-h,460px))) rotate(-4deg);opacity:0}10%{opacity:1}92%{transform:translateY(0)rotate(-1.5deg)}to{transform:translateY(0)rotate(-1.5deg)}}@keyframes eaten{to{opacity:0;transform:translateY(6px)scale(.5)}}@media (prefers-reduced-motion:reduce){.drop{animation-duration:10ms}}.ego{z-index:2;transform-origin:50% 100%;will-change:transform;position:absolute;bottom:28px;left:0}.ego canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.ego-shadow{z-index:1;pointer-events:none;background:#3e27231a;border-radius:50%;width:56px;height:7px;position:absolute;bottom:25px;transform:translate(-50%)}.sheet{background:var(--bg);flex-direction:column;flex:0 auto;min-height:0;display:flex}.handle{width:100%;height:var(--tap);justify-content:center;align-items:center;gap:var(--sp-2);flex:none;display:flex}.handle .bar{border-radius:var(--r-full);background:var(--line-strong);opacity:.5;width:36px;height:4px;transition:opacity var(--dur-ui) var(--ease-out)}.handle:hover .bar{opacity:.8}.handle .count{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);font-variant-numeric:tabular-nums}.list{min-height:0;max-height:42vh;padding:0 var(--gutter) var(--sp-2);gap:var(--sp-2);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.row{align-items:center;gap:var(--sp-3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);min-height:var(--tap);display:flex}.row .ic{color:var(--brand-ink);flex:none;display:flex}.row .tx{min-width:0;font-size:var(--fs-list);line-height:var(--lh-list);color:var(--ink);white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:auto;display:-webkit-box;overflow:hidden}.row .tm{font-size:var(--fs-small);color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:0;flex:none}.bar-input{background:var(--bg-2);border-top:1px solid var(--line);padding:var(--sp-2) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));align-items:flex-end;gap:var(--sp-2);flex:none;display:flex}.field-wrap{flex:auto;min-width:0;display:flex;position:relative}.field{--bw:1px;min-width:0;min-height:var(--control);max-height:calc(3 * var(--lh-body) + 2 * var(--sp-2) + 2 * var(--bw));padding:var(--sp-2) var(--sp-4);background:var(--card);border:var(--bw) solid var(--line-strong);border-radius:var(--r-2);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);resize:none;flex:auto;overflow-y:auto}.field.tall{max-height:50dvh}.field::placeholder{color:var(--ink-3)}.field:focus{border-color:var(--brand);outline:none}.send{width:var(--control);height:var(--control);border-radius:var(--r-2);background:var(--brand);color:var(--on-brand);transition:background var(--dur-ui) var(--ease-out), opacity var(--dur-ui) var(--ease-out);flex:none;justify-content:center;align-items:center;display:flex}.send:hover{background:var(--brand-hover)}.send:active{transition-duration:var(--dur-press);transform:scale(.96)}.send[disabled]{opacity:.34;cursor:default}.send{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.send.on{background:var(--brand-hover)}.rec{align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);background:var(--card);border:1px solid var(--brand);border-radius:var(--r-2);display:flex;position:absolute;inset:0}.rec .dot{background:var(--bad);width:8px;height:8px;animation:rec-pulse 1.4s var(--ease-inout) infinite;border-radius:50%}.rec .num{font-size:var(--fs-body);color:var(--ink)}@keyframes rec-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.rec .dot{animation:none}}.row .ic.play{justify-content:center;align-items:center;display:flex}.row .ic.play:hover{color:var(--brand)}.ego-touch{z-index:3;border-radius:var(--r-3);width:104px;height:104px;position:absolute;bottom:20px;left:0}.call{text-align:center;width:100%;padding:var(--sp-3) var(--gutter) 0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--brand-ink);display:block}.call b{font-weight:var(--w-bold)}.empty{color:var(--ink-2);font-size:var(--fs-list);padding:0 0 var(--sp-2)}.crumb{z-index:1;padding:var(--sp-1);border-radius:var(--r-2);transition:transform var(--dur-ui) var(--ease-out);position:absolute}.crumb:hover{transform:translateY(-2px)rotate(-4deg)}.crumb:active{transform:translateY(0)rotate(2deg)}.crumb canvas{pointer-events:none}.bowl{bottom:var(--sp-5);z-index:1;min-width:var(--tap);min-height:var(--tap);padding:0 var(--sp-1);border-radius:var(--r-2);transition:transform var(--dur-ui) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:absolute}.bowl:hover{transform:translateY(-1px)}.bowl:active{transform:translateY(1px)}.bowl.on canvas{filter:brightness(1.06)}.bowl canvas{pointer-events:none}.crumb-say{z-index:4;width:220px;max-width:calc(100% - var(--sp-8));background:var(--card);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-2);animation:say-in var(--dur-in) var(--ease-out);position:absolute;bottom:78px;transform:translate(-38%)}@media (prefers-reduced-motion:reduce){.crumb-say{animation-duration:10ms}}.crumb-say .w{font-size:var(--fs-list);line-height:var(--lh-list);font-weight:var(--w-medium);color:var(--ink)}.crumb-say .t{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-3);margin-top:var(--sp-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crumb-say .b{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.crumb-say .b button{border-radius:var(--r-1);height:36px;font-size:var(--fs-small);font-weight:var(--w-medium);background:var(--brand-soft);color:var(--brand-ink);flex:1 1 0}.crumb-say .b .x{color:var(--ink-3);border:1px solid var(--line-strong);background:0 0}.pick{width:var(--control);height:var(--control);border-radius:var(--r-2);color:var(--ink-2);border:1px solid var(--line-strong);background:var(--card);transition:background var(--dur-ui) var(--ease-out);flex:none;justify-content:center;align-items:center;display:flex}.pick:hover{background:var(--brand-soft);color:var(--brand-ink)}.pick input{display:none}.drop .shot{object-fit:cover;border-radius:var(--r-1);width:100%;height:132px;margin-bottom:var(--sp-2);background:var(--bg-2);display:block}.row .shot{object-fit:cover;border-radius:var(--r-1);flex:none;width:32px;height:32px}.more{z-index:3;width:var(--control);height:var(--control);cursor:pointer;opacity:.5;transition:opacity var(--dur-ui) var(--ease-out);background:0 0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;top:10px;right:10px}.more:hover,.more:focus-visible{opacity:1}.more span{background:var(--ink-3);border-radius:50%;width:3px;height:3px}.more:focus-visible{outline:2px solid var(--brand-ink);outline-offset:-4px}