@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(./vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff")}:root{--ink: #0B0A09;--panel: #15120F;--bubble: #1F1A15;--line: #2E2720;--text: #E9E2D5;--dim: #948B7C;--shiba: #C9843F;--chrome: #A29D92;--paper: #E4D9BE;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--stamp: "VT323", ui-monospace, Menlo, monospace;--fh: clamp(190px, min( calc(100dvh - 410px) , calc(100vw - 32px) ), 560px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:var(--ui);-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit}a{color:inherit}.prejs{max-width:420px;margin:0 auto;padding:24px 16px;display:grid;gap:12px}.prejs h1{margin:0;font-size:28px}.prejs p{margin:0}.prejs-tag{color:var(--shiba);font-size:13px}.prejs-dog{width:100%;height:auto}.prejs-ca code{font-family:var(--mono);font-size:15px;color:var(--paper);word-break:break-all}.prejs-clock{color:var(--dim);font-family:var(--mono);font-size:12px}.app{position:relative;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(120% 80% at 50% 40%,#171310 0%,var(--ink) 70%);overflow:hidden}.bar{display:flex;align-items:center;gap:12px;padding:8px 16px;min-height:56px;background:var(--panel);border-bottom:1px solid var(--line)}.back{color:var(--shiba);display:grid;place-items:center}.avatar{width:38px;height:38px;border-radius:50%;flex:none;background:url(../assets/dog.jpg) 52% 44% / 210% no-repeat;background-color:#2a1d10;box-shadow:0 0 0 2px var(--line)}.who{min-width:0;flex:1}.who h1{margin:0;font-size:16px;line-height:1.2;font-weight:600;letter-spacing:.01em}.who p{margin:2px 0 0;font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.halves{display:flex;align-items:baseline;gap:6px;flex:none;padding:4px 10px;border:1px solid var(--line);border-radius:12px;background:#100d0b}.halves-n{font-family:var(--mono);font-size:16px;color:var(--shiba);min-width:1ch;text-align:right}.halves-l{font-size:11px;color:var(--dim);text-transform:lowercase}.chat{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 0;overflow:hidden}.daychip{font-size:11px;color:var(--dim);background:#ffffff0d;padding:3px 12px;border-radius:12px}.fwdlabel{margin:0;align-self:flex-start;padding-left:max(16px,calc(50% - var(--fh) / 2));font-size:12px;color:var(--shiba);display:flex;align-items:center;gap:6px;font-style:italic}.stripwrap{position:relative;width:100%;flex:none;height:var(--fh)}.strip{display:flex;gap:12px;height:100%;overflow-x:auto;overflow-y:hidden;padding-inline:max(16px,calc(50vw - var(--fh) / 2));scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;cursor:grab}.strip::-webkit-scrollbar{display:none}.strip.panning{cursor:grabbing;scroll-snap-type:none;user-select:none}.frame{position:relative;flex:none;height:100%;overflow:hidden;background:#050403;scroll-snap-align:center;border-radius:4px;box-shadow:0 0 0 1px #000}.frame img{height:100%;width:auto;display:block;user-select:none;-webkit-user-drag:none;filter:contrast(1.05) saturate(.9)}.f1{aspect-ratio:1}.f1 .dogwrap{position:absolute;inset:0}.f1 .dog{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.locked{position:absolute;left:8px;bottom:8px;font-family:var(--mono);font-size:11px;color:var(--paper);background:#0009;padding:3px 8px;border-radius:6px}.jpg{position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0000 0 7px,#0000000d 7px 8px),repeating-linear-gradient(90deg,#0000 0 7px,#0000000d 7px 8px)}.pole{position:absolute;top:-2%;bottom:-2%;width:10.5%;transform:translate(-50%);z-index:3;cursor:grab;touch-action:none;transform-origin:50% 0;outline:none}.pole:before{content:"";position:absolute;inset:0 -22px}.polebar{position:absolute;inset:0;background:url(../assets/pole.jpg) center / 100% 100% no-repeat;box-shadow:-9px 0 14px -6px #000000b3,9px 0 14px -6px #000000b3,inset 3px 0 6px #ffebcd1a,inset -3px 0 6px #00000073;filter:brightness(1.25) contrast(1.1)}.pole:focus-visible .polebar{outline:2px solid var(--shiba);outline-offset:2px}.pole.dragging{cursor:grabbing}.pole.dragging .polebar{filter:brightness(1.45) contrast(1.15)}.pole.hint .polebar{animation:nudge 2.6s ease-in-out infinite}@keyframes nudge{0%,60%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(7px)}}.tag{position:absolute;z-index:4;font-family:var(--mono);font-size:11px;color:var(--paper);background:#0000009e;padding:3px 8px;border-radius:6px;pointer-events:none;max-width:calc(100% - 16px)}.tag-hid{left:8px;top:8px}.tag-say{left:8px;top:34px;color:var(--shiba)}.tag-say.pop{animation:pop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.85)}to{transform:none}}.tag-hint{left:50%;bottom:62px;transform:translate(-50%);background:var(--shiba);color:#1a1006;font-weight:500;animation:pop .4s both}.stamp{position:absolute;right:10px;bottom:26px;z-index:4;font-family:var(--stamp);font-size:24px;line-height:1;color:#ff9a2a;text-shadow:0 0 3px rgba(255,140,20,.55),1px 1px 0 rgba(0,0,0,.6);letter-spacing:.04em;opacity:.92}.load{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--dim);pointer-events:none}.load-bar{flex:1;height:3px;background:#ffffff24;border-radius:2px;overflow:hidden}.load-bar i{display:block;height:100%;width:91%;background:var(--paper);animation:load 34s cubic-bezier(.1,.7,.2,1) both}@keyframes load{0%{width:4%}to{width:91%}}.syschip{margin:0;min-height:22px;font-size:12px;color:var(--paper);background:#ffffff12;padding:3px 12px;border-radius:12px;animation:pop .3s both}.syschip.ghost{visibility:hidden;animation:none}.bubble{position:relative;width:min(560px,calc(100% - 32px));background:var(--bubble);border-radius:14px 14px 14px 4px;padding:10px 14px 8px;border:1px solid var(--line);box-shadow:0 6px 18px -10px #000;flex:none}.bfwd{margin:0 0 4px;font-size:12px;font-style:italic;color:var(--shiba)}.btext{margin:0 0 8px;font-size:15px;line-height:1.35}.ca{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer;background:#120f0c;border:1px dashed #4a3f31;border-radius:8px;padding:8px 10px}.ca:hover{border-color:var(--shiba)}.ca:focus-visible{outline:2px solid var(--shiba);outline-offset:2px}.ca-t{font-family:var(--mono);font-weight:500;font-size:15px;color:var(--paper);letter-spacing:.01em;word-break:break-all}.ca-s{font-size:11px;color:var(--dim);flex:none}.ca-s.on{color:#1a1006;background:var(--shiba);border-radius:6px;padding:2px 8px;animation:pop .3s both}.bmeta{margin:6px 0 0;display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;color:var(--dim)}.ticks{color:#5d5447;transition:color .25s}.ticks.sent{color:var(--dim)}.ticks.seen{color:var(--shiba)}.react{position:absolute;left:12px;bottom:-12px;width:26px;height:26px;border-radius:50%;background:var(--panel);border:2px solid var(--bubble);display:grid;place-items:center;animation:pop .45s cubic-bezier(.2,1.8,.4,1) both}.react i{display:block;width:20px;height:20px;border-radius:50%;background:url(../assets/dog.jpg) 52% 44% / 210% no-repeat;position:relative;overflow:hidden}.react i:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:6px;transform:translate(-50%);background:#4b4842}.rail{display:flex;align-items:center;gap:12px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);min-height:64px}.xlink{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;transition:transform .15s}.xlink:hover{transform:rotate(8deg) scale(1.08)}.xlink img{width:36px;height:36px;object-fit:contain;filter:brightness(1.5) contrast(1.1)}.thumbs{flex:1;display:flex;justify-content:center;gap:8px;min-width:0}.thumb{width:44px;height:44px;flex:none;padding:0;border:2px solid var(--line);border-radius:10px;background-size:cover;background-position:center;cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s,transform .15s;filter:contrast(1.05) saturate(.85)}.thumb.on{border-color:var(--shiba);opacity:1;transform:translateY(-2px)}.thumb:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.ticket{flex:none;margin-right:6px;display:grid;place-items:center;width:84px;height:48px;transform:rotate(-6deg);transition:transform .12s cubic-bezier(.3,1.6,.5,1);filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.ticket img{width:84px;height:auto;max-height:48px;object-fit:contain}.ticket:hover{transform:rotate(-2deg) translateY(-3px)}.ticket:active{transform:rotate(-8deg) scale(.94)}.ticket:focus-visible{outline:2px solid var(--shiba);outline-offset:4px}.grain{position:absolute;inset:-40px;pointer-events:none;z-index:20;background-image:var(--grain, none);opacity:.55;mix-blend-mode:overlay;animation:flick .9s steps(1) infinite}@keyframes flick{0%{transform:translate(0)}20%{transform:translate(-31px,17px)}40%{transform:translate(23px,-29px)}60%{transform:translate(-13px,-21px)}80%{transform:translate(35px,11px)}}.lurching .strip{animation:lurch 1.1s cubic-bezier(.3,1.4,.5,1)}.lurching .f1 .dogwrap{animation:hold 1.1s cubic-bezier(.3,1.4,.5,1)}.lurching .pole .polebar{animation:swing 1.3s ease-out;transform-origin:50% 0}.lurching .sway img{animation:bag 1.4s ease-out;transform-origin:50% 0}@keyframes lurch{0%{transform:none}16%{transform:translate(-18px,3px) rotate(-.8deg)}38%{transform:translate(12px,-2px) rotate(.55deg)}62%{transform:translate(-6px,1px) rotate(-.25deg)}to{transform:none}}@keyframes hold{0%{transform:none}16%{transform:translate(17px,-3px) rotate(.75deg)}38%{transform:translate(-11px,2px) rotate(-.5deg)}62%{transform:translate(5px,-1px) rotate(.2deg)}to{transform:none}}@keyframes swing{0%{transform:rotate(0)}20%{transform:rotate(2.2deg)}50%{transform:rotate(-1.4deg)}78%{transform:rotate(.6deg)}to{transform:rotate(0)}}@keyframes bag{0%{transform:rotate(0)}25%{transform:rotate(4deg) scale(1.03)}55%{transform:rotate(-3deg) scale(1.03)}80%{transform:rotate(1.2deg) scale(1.03)}to{transform:rotate(0)}}@media(max-width:560px){.halves-l{display:none}.btext{font-size:14px}.ca-t{font-size:13.5px}.thumbs{gap:6px}.thumb{width:40px;height:40px}.rail{gap:8px;padding-inline:12px}.ticket,.ticket img{width:72px}}@media(max-width:380px){.thumb{width:34px;height:34px;border-radius:8px}.thumbs{gap:4px}.xlink{width:38px}.xlink img{width:32px;height:32px}.ticket,.ticket img{width:62px}.rail{gap:6px;padding-inline:10px}.bar{gap:10px;padding-inline:12px}}@media(max-height:640px){.daychip{display:none}}@media(prefers-reduced-motion:reduce){.grain,.pole.hint .polebar,.load-bar i,.tag-say.pop,.tag-hint,.syschip,.react,.ca-s.on,.lurching .strip,.lurching .f1 .dogwrap,.lurching .pole .polebar,.lurching .sway img{animation:none}}