:root{--leather-hi:#f0b7c2;--leather-lo:#d97f92;--leather-deep:#c66a7e;--accent:#e2788c;--accent-strong:#c95a70;--card-bg:#fffdf8;--card-ink:#5b4a42;--slot-face:#2b2226;--stripe-a:#efd9b8;--stripe-b:#c95a70;--cam-body:#f5ede2;--cam-line:#b8a591;--btn-yellow:#ffce4f;--btn-yellow-edge:#d9a520}:root[data-theme=red]{--leather-hi:#a5303a;--leather-lo:#741a22;--leather-deep:#5d1319;--accent:#b03a44;--accent-strong:#8e1c22;--card-bg:#fdf8ef;--card-ink:#4d3b35;--slot-face:#241214;--stripe-a:#e8c98f;--stripe-b:#3c2a25}:root[data-theme=cream]{--leather-hi:#f4ecd9;--leather-lo:#e3d4b6;--leather-deep:#d3c1a0;--accent:#d99a51;--accent-strong:#b97b34;--card-bg:#fff;--card-ink:#5f5142;--slot-face:#40352a;--stripe-a:#d99a51;--stripe-b:#8a7358}:root{--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:var(--leather-lo);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;overflow:hidden}#app{width:100%;height:100dvh;position:relative}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.hidden{display:none!important}.camera-body{height:100%;padding:0 max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));background:var(--noise), radial-gradient(140% 90% at 50% 0%, var(--leather-hi) 0%, var(--leather-lo) 55%, var(--leather-deep) 100%);background-blend-mode:soft-light, normal;flex-direction:column;display:flex;position:relative}.print-slot{z-index:30;margin:calc(env(safe-area-inset-top) + 14px) auto 0;background:linear-gradient(#00000038,#00000014);border-radius:16px;width:min(88%,420px);padding:12px 18px 14px;position:relative;box-shadow:inset 0 2px 5px #00000059,0 1px #ffffff40}.slot-stripes{background:repeating-linear-gradient(-45deg, var(--stripe-a) 0 10px, var(--stripe-b) 10px 20px);opacity:.9;border-radius:4px;height:8px;margin-bottom:10px}.slot-opening{background:linear-gradient(180deg, #050405 0%, var(--slot-face) 80%);border-radius:7px;height:12px;box-shadow:inset 0 3px 6px #000000e6,inset 0 -1px #ffffff1f}.body-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,4dvh,34px);min-height:0;display:flex}.front-card{background:var(--card-bg);width:min(86%,380px);color:var(--card-ink);touch-action:none;border-radius:26px;padding:22px 20px 26px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 14px 30px #280f1447,inset 0 1px #ffffffe6}.front-card.dragging{transition:none}.card-home{flex-direction:column;align-items:center;gap:10px;display:flex}.cam-illust{width:min(62%,210px);height:auto}.pull-hint{letter-spacing:.06em;font-family:Yomogi,cursive;font-size:1.25rem}.pull-arrow{color:var(--accent-strong);font-size:.9rem;animation:1.6s ease-in-out infinite bob}@keyframes bob{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.card-finder{flex-direction:column;align-items:center;gap:14px;display:flex}.finder-frame{aspect-ratio:1;background:#14100f;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #00000080}.finder-frame video{object-fit:cover;width:100%;height:100%}.finder-frame video.mirrored{transform:scaleX(-1)}.frame-select{gap:8px;display:flex}.frame-chip{border:2px solid var(--accent);color:var(--accent-strong);background:0 0;border-radius:999px;padding:6px 14px;font-family:Yomogi,cursive;font-size:.95rem;transition:background .15s,color .15s}.frame-chip.selected{background:var(--accent);color:#fff}.finder-controls{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.shutter-btn{background:radial-gradient(circle at 32% 28%, #ffe28f, var(--btn-yellow) 55%, var(--btn-yellow-edge));width:74px;height:74px;box-shadow:0 5px 0 var(--btn-yellow-edge), 0 9px 16px #3c1e0059, inset 0 2px 3px #ffffffb3;border-radius:50%;justify-self:center;transition:transform 80ms}.shutter-btn:active{box-shadow:0 1px 0 var(--btn-yellow-edge), 0 4px 8px #3c1e004d;transform:translateY(4px)}.flip-btn,.close-btn{width:46px;height:46px;color:var(--card-ink);background:#0000000f;border-radius:50%;font-size:1.35rem;box-shadow:inset 0 0 0 2px #0000001f}.flip-btn{justify-self:start}.close-btn{justify-self:end}.collection{width:min(88%,420px)}.collection-label{letter-spacing:.18em;color:#ffffffd9;text-shadow:0 1px 2px #00000040;margin-bottom:8px;font-family:Yomogi,cursive;font-size:1rem;font-weight:400}:root[data-theme=cream] .collection-label{color:#5a462dcc;text-shadow:none}.thumbs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;min-height:86px;padding:6px 2px 10px;display:flex;overflow-x:auto}.thumbs::-webkit-scrollbar{display:none}.thumb{background:#fff;border-radius:6px;flex:none;width:62px;transition:transform .15s;overflow:hidden;transform:rotate(-2deg);box-shadow:0 3px 8px #1e0a0f4d}.thumb:nth-child(2n){transform:rotate(2deg)}.thumb:active{transform:scale(.94)}.thumb img{pointer-events:none;width:100%;height:auto;display:block}.thumbs-empty{color:#ffffffb3;align-self:center;font-size:.85rem}:root[data-theme=cream] .thumbs-empty{color:#5a462d99}.lens-btn{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;background:radial-gradient(circle at 35% 30%,#6c8496,#33424e 60%,#171f26);border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;box-shadow:0 6px 14px #0006,inset 0 1px 2px #fff6}.lens-inner{background:radial-gradient(circle at 38% 32%,#b9dcee 8%,#22303a 45%,#0a0f13);border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 3px #ffffff1f}.lens-btn:active{transform:scale(.93)}.flash-overlay{opacity:0;pointer-events:none;z-index:90;background:#fff;position:fixed;inset:0}.flash-overlay.firing{animation:.45s ease-out flashfire}@keyframes flashfire{0%{opacity:0}8%{opacity:1}to{opacity:0}}.develop-stage{z-index:25;background:#190a0e73;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.ejected-wrap{margin-top:calc(env(safe-area-inset-top) + 44px);width:min(66vw,290px);padding-bottom:24px;overflow:hidden}.ejected-wrap.ejected{overflow:visible}.ejected-photo{aspect-ratio:1080/1350;filter:brightness(1.85)contrast(.08)saturate(0);border-radius:4px;width:100%;display:block;transform:translateY(-103%);box-shadow:0 12px 28px #00000073}.ejected-wrap.ejecting .ejected-photo,.ejected-wrap.ejected .ejected-photo{transition:transform 1.5s cubic-bezier(.25,.6,.35,1);transform:translateY(0)}.ejected-photo.developing{animation:3.6s ease-in-out forwards develop}.ejected-photo.developed{filter:none;animation:none}@keyframes develop{0%{filter:brightness(1.85)contrast(.08)saturate(0);opacity:.96}45%{filter:brightness(1.35)contrast(.5)saturate(.35);opacity:1}to{filter:brightness()contrast()saturate();opacity:1}}.caption-form{flex-direction:column;gap:12px;width:min(78vw,320px);margin-top:18px;animation:.3s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.caption-form input,.modal-card input{border:2px solid var(--accent);color:#4c4a47;-webkit-user-select:text;user-select:text;background:#fffdf8;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-family:Yomogi,cursive;font-size:1.05rem}.caption-actions{justify-content:center;gap:10px;display:flex}.btn{color:var(--card-ink);background:#fffdf8;border-radius:999px;padding:10px 20px;font-size:.95rem;font-weight:700;box-shadow:0 3px 8px #0003}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:#ffffffbf}.btn-danger{color:#fff;background:#c0392b}.modal{z-index:50;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);background:#14080c99;position:absolute;inset:0}.modal-card{background:var(--card-bg);border-radius:22px;flex-direction:column;gap:12px;width:min(88vw,360px);max-height:calc(100dvh - 40px);padding:18px 18px 20px;animation:.25s ease-out rise;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 45px #00000073}.modal-photo{border-radius:6px;width:100%;box-shadow:0 6px 16px #00000040}.modal-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.modal-close{width:38px;height:38px;color:var(--card-ink);background:#00000014;border-radius:50%;font-size:1.3rem;position:absolute;top:10px;right:12px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;color:#fff;text-align:center;background:#1e1416eb;border-radius:14px;max-width:86vw;padding:12px 20px;font-size:.9rem;animation:.25s ease-out rise;position:fixed;transform:translate(-50%)}