:root{--bg:#efe6d8;--paper:#fdfbf6;--ink:#3a332b;--stroke:#3a332b;--muted:#8c7f6d;--line:#e2d6c3;--yellow:#f6c443;--rainbow:linear-gradient(90deg, #e8483f 0 20%, #f39a2b 20% 40%, #f6c443 40% 60%, #5fb760 60% 80%, #3e8ed0 80% 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:repeating-linear-gradient(0deg, #785f3c09 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, #785f3c08 0 1px, transparent 1px 5px), var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600}body.locked{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.top{z-index:10;padding:calc(12px + env(safe-area-inset-top)) 16px 16px;background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #503c1e26}.top:after{content:"";background:var(--rainbow);height:5px;position:absolute;bottom:0;left:0;right:0}.top h1{margin:0;font-family:Playpen Sans,Quicksand,cursive;font-size:25px;font-weight:700;line-height:1.1}.top p{color:var(--muted);margin:0;font-size:13px}.top-actions{scrollbar-width:none;gap:8px;max-width:100%;padding:2px;display:flex;overflow-x:auto}.top-actions::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--stroke);background:var(--paper);white-space:nowrap;border-radius:6px;flex:none;padding:6px 14px;font-size:14px;transition:transform .12s}.chip:active{transform:scale(.94)rotate(-1deg)}.chip.dark{background:var(--stroke);color:var(--paper)}.chip[aria-pressed=true]{background:var(--yellow)}.chip.music[aria-pressed=true]{animation:.9s ease-in-out infinite wiggle}@keyframes wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.icon-btn{color:#fff;background:#ffffff1a;border:1.5px solid #fff9;border-radius:6px;width:40px;height:40px;font-size:24px;line-height:1}.state{background:var(--paper);text-align:center;max-width:300px;color:var(--muted);margin:70px auto;padding:30px 22px 44px;transform:rotate(-2deg);box-shadow:0 6px 18px #503c1e40}.state.loading{box-shadow:none;background:0 0;transform:none}.state .big{margin-bottom:8px;font-size:46px}.state h2{color:var(--ink);margin:0 0 6px;font-family:Playpen Sans,Quicksand,cursive;font-size:21px;font-weight:700}.state p{margin:0;font-size:14px}.spinner{border:3px solid var(--line);border-top-color:var(--stroke);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shake-hint{border:1.5px dashed var(--stroke);background:var(--yellow);border-radius:6px;margin:16px auto 0;padding:8px 16px;font-size:14px;font-weight:700;display:block;transform:rotate(-1deg)}.grid{column-count:2;column-gap:16px;max-width:1200px;margin:0 auto;padding:26px 16px 48px}@media (width>=700px){.grid{column-count:3;column-gap:28px;padding:36px 28px 60px}}@media (width>=1100px){.grid{column-count:4}}.card{box-sizing:content-box;background:var(--paper);break-inside:avoid;border:none;border-radius:3px;width:calc(100% - 16px);margin:0 0 26px;padding:8px 8px 38px;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 1px 2px #503c1e40,0 8px 18px #503c1e38}@media (width>=700px){.card{margin-bottom:36px}}.card:nth-child(4n+1){transform:rotate(-2.4deg)}.card:nth-child(4n+2){transform:rotate(1.8deg)}.card:nth-child(4n+3){transform:rotate(-1deg)}.card:nth-child(4n+4){transform:rotate(2.6deg)}.card:hover,.card:active{z-index:1;transform:rotate(0)scale(1.04);box-shadow:0 2px 4px #503c1e40,0 16px 30px #503c1e4d}.card:before{content:"";z-index:1;background:#f6c443bf;width:64px;height:22px;margin-left:-32px;position:absolute;top:-11px;left:50%;transform:rotate(-4deg);box-shadow:0 1px 2px #503c1e33}.card:nth-child(3n+2):before{background:#e8788cb3;transform:rotate(5deg)}.card:nth-child(3n+3):before{background:#6eaad7b3;transform:rotate(-2deg)}.card img,.card video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.card.video{aspect-ratio:3/4}.card .play{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;padding-left:4px;font-size:20px;display:grid;position:absolute;inset:0;translate:0 -15px}.card .cap{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:Playpen Sans,Quicksand,cursive;font-size:13px;font-weight:500;position:absolute;bottom:9px;left:8px;right:8px;overflow:hidden}.grid.plain .card{box-sizing:border-box;background:var(--line);width:100%;padding:0}.grid.plain .card .play{translate:none}.card img.undeveloped{opacity:0}.card img.developing{animation:2.8s ease-out both develop}@keyframes develop{0%{opacity:0;filter:blur(10px)brightness(1.7)sepia()saturate(.2)}35%{opacity:.75;filter:blur(4px)brightness(1.35)sepia(.8)saturate(.5)}to{opacity:1;filter:none}}body.can-shake .card img.developing{animation-duration:11s}body.can-shake .grid.shaken .card img.developing{animation-duration:.9s}.lightbox,.story,.editor,.hold{z-index:100;color:#fff;background:#0c0c0c;flex-direction:column;display:flex;position:fixed;inset:0}.editor{z-index:110}.lb-top{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;justify-content:space-between;align-items:center;font-size:14px;display:flex}.lb-top-actions{align-items:center;gap:8px;display:flex}.lb-track{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.lb-track::-webkit-scrollbar{display:none}.lb-slide{scroll-snap-align:center;scroll-snap-stop:always;perspective:900px;flex:0 0 100%;place-items:center;min-width:0;height:100%;padding:0 10px;display:grid}.lb-media{max-width:100%;min-height:0;max-height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out;display:grid;position:relative}.flip{min-width:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);display:grid}.flip.flipped{transform:rotateY(180deg)}.face{background:var(--paper);backface-visibility:hidden;border-radius:3px;grid-area:1/1;min-width:0;position:relative;box-shadow:0 14px 40px #0000008c}.face.front{padding:12px 12px 54px}.face.front img,.face.front video{object-fit:contain;max-width:100%;max-height:calc(100dvh - 285px);display:block}.face.front.plain{background:0 0;border-radius:10px;padding:0;overflow:hidden}.face.front.plain img,.face.front.plain video{max-height:calc(100dvh - 220px)}.face.back{color:var(--ink);flex-direction:column;align-items:center;padding:22px 18px 14px;display:flex;transform:rotateY(180deg)}.glare{pointer-events:none;opacity:0;mix-blend-mode:color-dodge;background:linear-gradient(115deg,#0000 20%,#ff5ac859 36%,#5adcff66 50%,#fff07859 64%,#0000 80%) 0 0/250% 250%;transition:opacity .3s;position:absolute;inset:12px 12px 54px}.face.front.plain .glare{inset:0}.lb-media.holo .glare{opacity:1}.cap-input{text-align:center;width:calc(100% - 24px);height:32px;color:var(--ink);background:0 0;border:none;outline:none;padding:0;font-family:Playpen Sans,Quicksand,cursive;font-size:17px;font-weight:500;position:absolute;bottom:11px;left:12px;right:12px}.cap-input::placeholder{color:var(--muted)}.back-date{font-family:Playpen Sans,Quicksand,cursive;font-size:24px;font-weight:700}.back-booth{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px}.back-note{resize:none;background:repeating-linear-gradient(transparent 0 31px, var(--line) 31px 32px);text-align:center;width:100%;min-height:0;color:var(--ink);border:none;outline:none;flex:1;margin:12px 0 8px;padding:0;font-family:Playpen Sans,Quicksand,cursive;font-size:17px;font-weight:500;line-height:32px}.lb-bar{padding:12px 14px calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lb-action{color:#fff;background:0 0;border:1.5px solid #fff;border-radius:6px;flex:1;max-width:180px;padding:12px 10px;font-size:15px;font-weight:700}.lb-bar .lb-action{white-space:nowrap;flex:40%;max-width:none;padding:12px 4px;font-size:14px}.lb-action.primary,.lb-action[aria-pressed=true]{background:var(--yellow);color:#151515;border-color:#fff}.lb-action:disabled{opacity:.5}.lb-action.small{background:#00000059;flex:none;padding:8px 12px;font-size:13px}.story-bars{top:calc(10px + env(safe-area-inset-top));z-index:2;gap:4px;display:flex;position:absolute;left:10px;right:10px}.story-bars span{background:#ffffff4d;border-radius:3px;flex:1;height:3px;overflow:hidden}.story-bars i{background:#fff;width:0;height:100%;display:block}.story-save,.story-close{top:calc(24px + env(safe-area-inset-top));z-index:2;position:absolute}.story-save{left:12px}.story-close{right:12px}.story-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;position:relative;overflow:hidden}.story-stage img{object-fit:contain;pointer-events:none;width:100%;height:100%;animation:.6s both fade-in;position:absolute;inset:0}.story-stage img.bg{object-fit:cover;filter:blur(30px)brightness(.5);transform:scale(1.2)}.story-stage img.kb{animation:fade-in .6s both, kenburns var(--story-ms,4s) ease-out both}.story-stage.paused img.kb{animation-play-state:paused}@keyframes fade-in{0%{opacity:0}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.12)}}.ed-top{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;justify-content:space-between;display:flex}.editor .chip{color:#fff;background:0 0;border-width:1px;border-color:#ffffff40}.editor .chip.solid,.editor .chip.active{background:var(--yellow);color:#151515;border-color:#fff}.editor .chip:disabled{opacity:.5}.ed-stage{flex:1;min-height:0;position:relative}.ed-stage canvas{touch-action:none;border-radius:6px;max-width:calc(100% - 24px);max-height:calc(100% - 12px);margin:auto;position:absolute;inset:6px 12px}.ed-item{align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex}.ed-item label{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.ed-item input{flex:1;min-width:0}.ed-tabs{border-top:1px solid #ffffff1f;display:flex}.ed-tab{color:#ffffff8c;background:0 0;border:none;flex:1;padding:12px 0;font-size:14px}.ed-tab.active{color:#fff;font-weight:700}.ed-panel{min-height:64px;padding:6px 14px calc(14px + env(safe-area-inset-bottom));scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.ed-panel::-webkit-scrollbar{display:none}.ed-panel .emoji{background:#ffffff1a;border:none;border-radius:12px;flex:none;width:46px;height:46px;font-size:26px}.ed-panel input[type=text]{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:10px;flex:1;min-width:120px;padding:10px 12px;font-size:16px}.ed-panel .swatch{border:2px solid #fff6;border-radius:50%;flex:none;width:28px;height:28px}.ed-panel .swatch.big{width:40px;height:40px}.ed-panel .swatch.active{outline-offset:2px;border-color:#fff;outline:2px solid #fff}.thumb{color:#fff;text-shadow:0 1px 4px #000;opacity:.5;background-position:50%;background-size:cover;border:2px solid #ffffff4d;border-radius:6px;flex:none;width:52px;height:52px;font-size:20px;font-weight:700}.thumb.active{border-color:var(--yellow);opacity:1}.rec-status{padding:14px 16px calc(18px + env(safe-area-inset-bottom));text-align:center;color:#fff;margin:0}.sheet{z-index:200;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-body{width:100%;max-width:480px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border:1.5px solid var(--stroke);background:var(--paper);text-align:center;border-bottom:none;border-radius:20px 20px 0 0}.sheet-body h2{margin:0 0 12px;font-size:22px}.music-list{flex-direction:column;gap:8px;max-height:50vh;margin-bottom:16px;display:flex;overflow-y:auto}.music-list button{border:1.5px solid var(--stroke);text-align:left;background:0 0;border-radius:6px;padding:13px 16px;font-size:15px;font-weight:700}.music-list button.active{background:var(--yellow);color:#151515}.hold{z-index:300;text-align:center;justify-content:center;align-items:center;padding:16px}.hold .icon-btn{top:calc(12px + env(safe-area-inset-top));position:absolute;right:12px}.hold img{-webkit-touch-callout:default;border-radius:10px;max-width:96vw;max-height:74vh}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:400;color:#fff;white-space:nowrap;background:#141414eb;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.card img.developing,.story-stage img.kb{animation:none}.card img.undeveloped{opacity:1}}.story-canvas{width:100%;height:100%;position:absolute;inset:0}.picker .ed-top{align-items:center;gap:8px}.picker-hint{color:#ffffffb3;margin:0;padding:0 14px 10px;font-size:14px}.picker-grid{min-height:0;padding:0 14px calc(18px + env(safe-area-inset-bottom));flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;display:grid;overflow-y:auto}@media (width>=700px){.picker-grid{grid-template-columns:repeat(5,1fr)}}.picker-item{aspect-ratio:3/4;opacity:.45;background:#222;border:2px solid #0000;border-radius:6px;padding:0;position:relative;overflow:hidden}.picker-item.active{border-color:var(--yellow);opacity:1}.picker-item img{object-fit:cover;width:100%;height:100%;display:block}.picker-badge{color:#151515;background:#00000059;border:2px solid #fff;border-radius:999px;min-width:24px;height:24px;padding:0 6px;font-size:13px;font-weight:700;line-height:20px;position:absolute;top:6px;right:6px}.picker-item.active .picker-badge{background:var(--yellow)}