: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:900px;margin:0 auto;padding:26px 16px 48px}@media (width>=700px){.grid{column-gap:24px;padding:36px 28px 60px}}.card{background:var(--line);break-inside:avoid;border:none;border-radius:6px;width:100%;margin:0 0 16px;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #503c1e40,0 8px 18px #503c1e38}.card:hover,.card:active{z-index:1;transform:scale(1.03);box-shadow:0 2px 4px #503c1e40,0 16px 30px #503c1e4d}.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}@media (width>=700px){.card{margin-bottom:24px}}.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}.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-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{will-change:transform;border-radius:10px;max-width:100%;min-height:0;max-height:100%;transition:transform .15s ease-out;display:grid;position:relative;overflow:hidden}.lb-media img,.lb-media video{object-fit:contain;max-width:100%;max-height:calc(100dvh - 220px);display:block}.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:0}.lb-media.holo .glare{opacity:1}.lb-media.holo{box-shadow:0 20px 50px #0009}.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}}