.prompt-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.prompt-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;min-height:64px;color:var(--sage-deep);font:15px/22px var(--serif);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:grid}button.prompt-card{cursor:pointer;transition:border-color .16s var(--ease-out), transform var(--dur-press) var(--ease-out)}button.prompt-card:hover{border-color:var(--frame-line)}button.prompt-card:active{transform:scale(.98)}.prompt-num{min-width:34px;font:30px/1 var(--script);color:var(--sage-script);text-align:center;white-space:nowrap}.prompt-go{background:var(--sage-deep);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.prompt-go svg{fill:none;width:22px;height:22px;stroke:var(--cream);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.prompt-card.is-answered{background:#fbf6ea}.prompt-body{gap:2px;display:grid}.prompt-status{color:var(--sage-script);font-size:12.5px;font-style:italic;line-height:18px}.mini-polaroid{background:var(--polaroid);width:60px;box-shadow:var(--shadow-card);padding:4px 4px 14px;position:relative;transform:rotate(4deg)}.mini-polaroid img{aspect-ratio:1;object-fit:cover;background:var(--sky);width:100%;display:block}.mini-polaroid.arriving{animation:fade-in var(--dur-enter) var(--ease-out) both}.mini-polaroid.developing{animation:.76s both mini-drop}.mini-polaroid.developing:before,.mini-polaroid.developing:after{content:"";aspect-ratio:1;pointer-events:none;position:absolute;top:4px;left:4px;right:4px}.mini-polaroid.developing:before{mix-blend-mode:lighten;animation:5s linear .6s both develop-shadows}.mini-polaroid.developing:after{background:var(--develop-grey);animation:5s linear .6s both develop-wash}@keyframes develop-shadows{0%{background-color:var(--develop-grey)}to{background-color:#000}}@keyframes develop-wash{0%{opacity:1}50%,to{opacity:0}}@keyframes mini-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(-16px)rotate(-10deg)}30%{opacity:1}62%{animation-timing-function:cubic-bezier(.4,0,.4,1);transform:translateY(1px)rotate(5.5deg)}to{transform:rotate(4deg)}}.camera{z-index:50;touch-action:none;width:100vw;max-width:none;height:100dvh;max-height:none;padding:max(22px, env(safe-area-inset-top)) 10px max(22px, env(safe-area-inset-bottom));color:#e9e6df;background:#0b0b0b;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.camera[open]{animation:field-in .18s var(--ease-out);display:flex}.camera[open] .cam{animation:cam-in var(--dur-spring) var(--spring)}.camera.closing{animation:field-out var(--dur-exit) var(--ease-in) forwards}.camera.closing .cam{animation:cam-out var(--dur-exit) var(--ease-in) forwards}@keyframes field-in{0%{background-color:#0000}}@keyframes field-out{to{background-color:#0000}}@keyframes cam-in{0%{opacity:0;transform:translateY(32px)scale(.98)}}@keyframes cam-out{to{opacity:0;transform:translateY(24px)scale(.98)}}.cam{background:linear-gradient(#2a2a2a 0%,#1b1b1b 30%,#141414 100%);border-radius:30px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:min(100%,600px,60dvh - 12px);height:100%;max-height:1000px;margin:auto;padding:14px 14px 18px;display:grid;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #000000b3,0 0 0 1px #000,0 20px 40px #0009}.cam-top{align-items:center;gap:14px;display:flex}.cam-prompt{color:#d9d5cc;flex:1;font-size:15px;font-style:italic;line-height:21px}.cam-bezel{background:#0a0a0a;border-radius:20px;min-height:0;padding:6px;display:flex;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff12}.cam-window{background:#000;border-radius:15px;flex:1;position:relative;overflow:hidden}.cam-preview,.cam-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam-preview.mirrored{transform:scaleX(-1)}.cam-preview{transition:opacity .24s var(--ease-out)}.cam-preview.warming{opacity:0;transition:none}.cam-preview[hidden],.cam-still[hidden]{display:none}.cam-glass{pointer-events:none;background:linear-gradient(130deg,#ffffff14 0%,#fff0 35%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.cam-message{text-align:center;white-space:pre-line;background:#0000008c;place-items:center;padding:28px;font-size:15px;line-height:24px;display:grid;position:absolute;inset:0}.cam-message[hidden]{display:none}.cam-controls{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;display:grid}.cam-controls,.cam-review{transition:opacity .22s var(--ease-out), transform .32s var(--spring), visibility 0s;grid-area:3/1}.camera.reviewing .cam-controls,.camera:not(.reviewing) .cam-review{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s var(--ease-in), transform .24s var(--ease-in), visibility 0s .24s}.camera.reviewing .cam-controls{transform:scale(.9)}.camera:not(.reviewing) .cam-review{transform:translateY(10px)}.cam-knob{cursor:pointer;width:46px;height:46px;transition:transform var(--dur-press) var(--ease-out);background:linear-gradient(#333,#1e1e1e);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #000,0 2px 4px #0009}.cam-knob:active{transform:translateY(1px)scale(.96);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #000}.cam-knob svg{fill:none;stroke:#e9e6df;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.cam-knob[hidden]{visibility:hidden}.cam-controls .cam-knob{justify-self:start}.cam-shutter{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:conic-gradient(from 200deg,#d9d9d9,#8a8a8a,#cfcfcf,#6e6e6e,#bdbdbd,#d9d9d9);border:0;border-radius:50%;width:84px;height:84px;padding:6px;box-shadow:0 0 0 2px #000,0 6px 12px #0009,inset 0 1px 1px #ffffffb3}.cam-shutter span{width:100%;height:100%;transition:transform 90ms var(--ease-out);background:radial-gradient(circle at 45% 35%,#3a3a3a,#121212 70%);border-radius:50%;display:block;box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -2px 4px #000c,0 1px 2px #000c}.cam-shutter:active span{transform:scale(.92)}.cam-shutter:disabled{cursor:default;opacity:.6}.cam-shutter:focus-visible,.cam-knob:focus-visible,.cam-pill:focus-visible{outline-offset:4px;outline:2px solid #e9e6df}.cam-review{justify-content:center;align-items:center;gap:12px;display:flex}.cam-pill{color:#e9e6df;min-width:130px;height:54px;font:700 16px var(--serif);cursor:pointer;transition:transform var(--dur-press) var(--ease-out);background:linear-gradient(#333,#1e1e1e);border:0;border-radius:27px;padding:0 24px;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #000,0 2px 4px #0009}.cam-pill:active{transform:scale(.96)}@keyframes review-in{0%{opacity:0;transform:translateY(10px)}}.cam-send{color:#111;background:#e9e6df;box-shadow:0 0 0 1px #000,0 2px 4px #0009}.cam-flashfx{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}.cam-video{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}@media (height<=700px){.cam{gap:10px;padding:10px 10px 14px}.cam-shutter{width:74px;height:74px}}@media (prefers-reduced-motion:reduce){.camera[open],.camera.closing,.camera[open] .cam,.camera.closing .cam{animation:none}.cam-controls,.cam-review{transition:none}.mini-polaroid.developing{animation:none}.mini-polaroid.developing:before,.mini-polaroid.developing:after{animation-duration:1.2s;animation-delay:0s}}.prompt-see{color:var(--sage-deep);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--frame-line);text-decoration-color:var(--frame-line);margin-top:2px;font-size:13px;line-height:18px}.sheet.feed{border-radius:0;max-width:560px;height:100dvh;max-height:100dvh;overflow:hidden}.feed-body{height:100%;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;display:grid;position:relative}.feed-close{top:max(12px, env(safe-area-inset-top));z-index:20;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:12px}.feed-close svg{fill:none;width:22px;height:22px;stroke:var(--sage-deep);stroke-width:1.6px;stroke-linecap:round}.feed-head{text-align:center;color:var(--sage-script);gap:6px;padding:8px 36px 0;display:grid}.feed-title{font:italic 400 21px/30px var(--serif);color:var(--sage-ink);text-wrap:balance;margin:0}.feed-count{min-height:18px;color:var(--sage-script);font-size:13px;line-height:18px}.feed-stage{place-items:center;min-height:0;display:grid;position:relative}.feed-pile{--card-w:min(84vw, 380px, calc((100dvh - 290px) / 1.22));width:var(--card-w);height:calc(var(--card-w) * 1.22);position:relative}.feed-card{background:var(--polaroid);transform:var(--drag,translate(0, 0)) translateY(calc(var(--depth,0) * 12px)) scale(calc(1 - var(--depth,0) * .04)) rotate(var(--tilt,0deg));transition:transform var(--dur-spring) var(--spring);touch-action:none;-webkit-user-select:none;user-select:none;animation:feed-card-in var(--dur-enter) var(--ease-out);margin:0;padding:4.5% 4.5% 0;position:absolute;inset:0 0 auto;box-shadow:0 2px 10px #2e522929,0 14px 30px #2e52291f}@keyframes feed-card-in{0%{opacity:0}}.feed-card.is-top{cursor:grab}.feed-card.dragging{cursor:grabbing;transition:none}.feed-photo{aspect-ratio:1;background:var(--undeveloped);overflow:hidden}.feed-photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease-out);pointer-events:none;display:block}.feed-photo.loaded img{opacity:1}.feed-card figcaption{height:calc(var(--card-w) * .18);font:400 clamp(26px, calc(var(--card-w) * .09), 36px) / 1.1 var(--script);color:var(--sage-ink);white-space:nowrap;text-overflow:ellipsis;place-items:center;padding:0 8px;display:grid;overflow:hidden}.feed-end{text-align:center;animation:review-in var(--dur-enter) var(--spring);place-content:center;justify-items:center;gap:16px;padding:0 24px;font-size:15px;line-height:24px;display:grid;position:absolute;inset:0}.feed-end[hidden]{display:none}.feed-controls{justify-content:center;gap:12px;padding-top:12px;display:flex}.feed-close{transition:transform var(--dur-press) var(--ease-out)}.feed-close:active{transform:scale(.92)}@media (width>=700px) and (height>=700px){.sheet.feed{border-radius:20px;max-width:560px;height:min(100dvh - 64px,940px);max-height:none}.feed-pile{--card-w:min(440px, calc((min(100dvh - 64px, 940px) - 300px) / 1.22))}}.feed-controls button:disabled{opacity:.4}@media (prefers-reduced-motion:reduce){.feed-card{transition:none;animation:none}}
