:root{--app-font-family: "Memory Roll Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color:#3f3735;background:#fff8f6;font-family:var(--app-font-family);font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}@font-face{font-family:Memory Roll Sans;src:url(/fonts/noto-sans-jp-ui.woff2) format("woff2");font-style:normal;font-weight:400 800;font-display:swap}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;overflow-y:auto}button,input{font:inherit}.app-shell{position:relative;display:grid;min-height:100vh;min-height:100svh;place-items:center;background:radial-gradient(circle at 24% 18%,rgba(255,214,216,.85),transparent 28%),radial-gradient(circle at 86% 12%,rgba(255,241,196,.72),transparent 26%),linear-gradient(160deg,#fffafb,#f7fff6 48%,#fff1f0)}.stage{--status-row: clamp(136px, 24svh, 190px);position:relative;display:grid;width:min(100vw,480px);min-height:100svh;height:100vh;height:100dvh;padding:max(22px,env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom));grid-template-areas:"status" "content" "actions";grid-template-rows:var(--status-row) minmax(0,1fr) auto;isolation:isolate}.ambient-petals{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ambient-petals span{position:absolute;width:var(--size, 12px);height:calc(var(--size, 12px) * 1.55);border-radius:80% 12% 80% 18%;background:linear-gradient(135deg,#fff,#ffc7cf 52%,#f7aebc);box-shadow:0 7px 16px #e2788c2e;transform-origin:50% 100%}.ambient-petals span{left:var(--x);top:-12vh;animation:drift var(--dur) linear infinite;animation-delay:var(--delay)}.upload-petal-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:visible;pointer-events:none;perspective:760px;transform-style:preserve-3d}.upload-petal{position:absolute;top:calc(100% + 44px);left:var(--petal-left, 50%);z-index:1;width:clamp(24px,8vw,42px);height:clamp(38px,12vw,64px);border-radius:80% 12% 80% 18%;border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,#fff7f8,#f6b1bf 48%,#d87593);box-shadow:0 10px 22px #e2788c47,0 0 20px #ffa7b83d;transform:translate3d(-50%,0,var(--petal-depth, 0px)) rotate(var(--petal-rotation, 0deg)) scale(.84);transform-origin:50% 100%;isolation:isolate;transform-style:preserve-3d;will-change:top,transform,opacity;animation:petal-rise var(--petal-duration, 8s) cubic-bezier(.24,.7,.3,1) both}.upload-petal:after{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;z-index:-1;border-radius:inherit;background:#ffb5c39e;content:"";filter:blur(9px);opacity:.9}.upload-petal.is-rising{filter:brightness(1.12) drop-shadow(0 10px 16px rgba(226,120,140,.28))}.status-area{z-index:3;display:grid;grid-area:status;place-items:center;justify-self:center;align-self:center;width:100%;min-height:100%;pointer-events:none}.app-brand{display:inline-flex;flex-direction:column;align-items:center;gap:4px;color:#665350;text-align:center}.brand-mark{display:block;width:48px;height:48px;border-radius:12px;box-shadow:0 5px 12px #b8677b29}.app-name{font-size:1.05rem;font-weight:800;letter-spacing:.01em;line-height:1.15}.app-subtitle{color:#876f6a;font-size:.7rem;font-weight:600;letter-spacing:.01em;line-height:1.3;white-space:nowrap}.daily-image-count{min-height:1.1rem;margin:6px 0 0;color:#9a817d;font-size:.7rem;font-weight:600;letter-spacing:.015em;line-height:1.3;white-space:nowrap}.daily-image-count strong{color:#6f5553;font-variant-numeric:tabular-nums;font-weight:800}.progress-status{position:absolute;top:50%;left:50%;z-index:4;display:grid;width:min(100%,220px);justify-items:center;text-align:center;pointer-events:none;opacity:.52;transform:translate(-50%,-50%)}.progress-ring-content{display:grid;justify-items:center;gap:12px}.progress-ring-wrap{position:relative;width:clamp(112px,30vw,132px);height:clamp(112px,30vw,132px)}.progress-ring{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.progress-ring-track,.progress-ring-value{fill:none;stroke-width:6}.progress-ring-track{stroke:#b8959629}.progress-ring-value{stroke:#ed91a7b8;stroke-linecap:round;filter:drop-shadow(0 2px 4px rgba(219,93,119,.12));transition:stroke-dashoffset .36s cubic-bezier(.2,.8,.25,1)}.progress-ring-number{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#644e4d;font-size:clamp(1.55rem,7vw,2rem);font-weight:800;letter-spacing:-.04em;opacity:.62}.progress-ring-label{padding:8px 14px;border-radius:999px;background:#ffffffc7;box-shadow:0 10px 24px #ae6f691f;color:#7b605e;font-size:.9rem;font-weight:700;white-space:nowrap;opacity:.68}.flower-art{display:block;width:min(180px,48vw,24svh);height:min(180px,48vw,24svh);opacity:0;transform:scale(.68) rotate(-12deg);transform-origin:50% 50%}.flower-petals{filter:drop-shadow(0 9px 9px rgba(219,93,119,.14))}.flower-center{filter:drop-shadow(0 4px 5px rgba(199,137,45,.12))}.stage[data-state=complete] .flower-art{animation:flower-open .98s cubic-bezier(.2,.82,.28,1) forwards}.copy{display:flex;grid-area:content;min-height:0;align-self:stretch;justify-self:stretch;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(22px,9svh,86px);text-align:center;transition:opacity .22s ease,transform .22s ease}h1,h2,p{margin:0}h1{font-size:clamp(1.75rem,8.8vw,2.28rem);line-height:1.16}h1 span{display:block;white-space:nowrap}.message{max-width:19rem;margin:14px auto 0;color:#6a5e5b;font-size:.95rem;line-height:1.75}.message span{display:block;white-space:nowrap}.card-zone{position:relative;display:grid;grid-area:content;grid-template-rows:minmax(0,1fr) auto;min-height:0;align-self:stretch;justify-self:stretch;z-index:4;overscroll-behavior:contain;overflow:visible;opacity:0;pointer-events:none;transform:translateY(0);transition:opacity .26s ease}.photo-interaction{position:relative;grid-row:1;align-self:end;justify-self:center;z-index:20;width:min(72vw,270px);aspect-ratio:4 / 5;margin-bottom:20px}.photo-stack-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;width:100%;height:100%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.photo-stack-shell:active{cursor:grabbing}.photo-stack-shell:focus-visible{outline:3px solid rgba(255,143,165,.65);outline-offset:12px}.swipe-guide-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;transition:opacity .12s ease}.swipe-guide-arrow-track{position:absolute;top:78%;left:50%;z-index:1;width:34px;height:50px;transform:translate(-50%,-50%) scale(.86);will-change:top,opacity,transform;animation:swipe-guide-arrow-rise 3.6s cubic-bezier(.3,.72,.35,1) infinite}.swipe-guide-arrow{display:block;width:34px;height:50px;color:#df829a;filter:drop-shadow(0 2px 5px rgba(219,93,119,.2))}.swipe-guide-label{position:absolute;top:52%;left:50%;z-index:2;display:flex;min-height:32px;align-items:center;justify-content:center;margin:0;padding:0 14px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:#ffffffb8;box-shadow:0 5px 14px #b97a7d24;color:#735653;font-size:.78rem;font-weight:800;line-height:1.1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;text-shadow:0 1px 5px rgba(255,255,255,.98),0 1px 10px rgba(255,255,255,.72);transform:translate(-50%,-50%);white-space:nowrap}@keyframes swipe-guide-arrow-rise{0%{top:78%;opacity:0;transform:translate(-50%,-50%) scale(.86)}10%{opacity:1}78%{top:22%;opacity:1;transform:translate(-50%,-50%) scale(1)}94%{top:18%;opacity:0;transform:translate(-50%,-50%) scale(.92)}to{top:78%;opacity:0;transform:translate(-50%,-50%) scale(.86)}}.photo-stack{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none;will-change:transform,opacity}.stack-shadow{position:absolute;right:12%;bottom:-14px;left:12%;height:25px;border-radius:999px;background:#7e514a2e;filter:blur(12px)}.photo-card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:8px solid #fff;border-radius:8px;background:#fff;box-shadow:0 20px 40px #78534d38}.back-card{background:#ffe7e9;transform:rotate(-9deg) translate(-12px,16px)}.mid-card{background:#ecf7e7;transform:rotate(7deg) translate(12px,10px)}.main-card img{display:block;width:100%;height:100%;object-fit:cover}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:8px;place-items:center;color:#9b8580;background:linear-gradient(145deg,#fff5f5,#eef9ea)}.main-card img+.placeholder{display:none}.placeholder span{width:58px;height:58px;border-radius:999px;background:radial-gradient(circle at 60% 40%,#ffdbe0 0 28%,transparent 29%),linear-gradient(135deg,#b5d7a6,#ffe2a6)}.count-badge{position:absolute;right:10px;bottom:10px;min-width:42px;padding:8px 10px;border-radius:999px;background:#3f3735c7;color:#fff;font-size:.88rem;font-weight:700;text-align:center}.error-message{max-width:min(100%,21rem);margin:0;padding:10px 14px;border-radius:999px;background:#ffffffb8;box-shadow:0 10px 24px #ae6f691f;font-size:.92rem;font-weight:700;text-align:center}.error-message{margin-top:-2px;border-radius:16px;color:#9d2432;line-height:1.55}.selection-summary{display:inline-flex;align-items:center;gap:9px;color:#7b605e;font-size:.82rem;font-weight:700}.selection-controls{position:relative;grid-row:2;justify-self:center;width:100%;z-index:21;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:auto}.selection-controls.is-reserved{opacity:0;pointer-events:none}.selection-thumbnails{display:inline-flex;align-items:center;padding-left:3px}.selection-thumbnails img,.thumbnail-more{width:28px;height:35px;margin-left:-5px;border:2px solid #fff;border-radius:5px;box-shadow:0 5px 10px #78534d29;object-fit:cover}.thumbnail-more{display:grid;place-items:center;background:#f6d9db;color:#765b5a;font-size:.68rem}.change-selection-button{width:min(100%,280px);min-height:50px;border:1px solid rgba(193,151,145,.32);border-radius:999px;background:#ffffffbd;box-shadow:0 10px 24px #8a605b1a;color:#7b605e;font-size:.9rem;font-weight:800;cursor:pointer}.action-bar{position:relative;grid-area:actions;z-index:5;display:flex;flex-direction:column;gap:10px;align-self:stretch}.action-button,.reset-button{display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(193,151,145,.32);border-radius:999px;background:#ffffffbd;color:#554744;box-shadow:0 14px 34px #8a605b24;font-weight:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.action-button.primary,.reset-button{border:0;background:linear-gradient(135deg,#ff8fa5,#ffbd8f);color:#fff}.action-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.icon{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:#ffffff8c;line-height:1}.complete-panel{position:relative;display:grid;grid-area:content;min-height:0;align-self:center;justify-self:stretch;width:100%;padding-block:22px;gap:18px;justify-items:center;opacity:0;pointer-events:none;text-align:center;transform:translateY(18px);transition:opacity .26s ease,transform .26s ease}.complete-panel h2{max-width:21rem;font-size:clamp(1.45rem,1.72rem,2rem);line-height:1.35}.reset-button{width:min(100%,280px)}.stage[data-state=selected] .copy,.stage[data-state=throwing] .copy,.stage[data-state=uploading] .copy,.stage[data-state=complete] .copy{opacity:0;pointer-events:none;transform:translateY(-10px)}.stage[data-state=selected] .card-zone,.stage[data-state=throwing] .card-zone,.stage[data-state=uploading] .card-zone{opacity:1;pointer-events:auto;transform:translateY(0)}.stage[data-state=selected] .card-zone{overflow:visible;transform:translateY(0)}.stage[data-state=throwing] .card-zone,.stage[data-state=uploading] .card-zone{overflow:visible}.stage[data-state=complete] .action-bar,.stage[data-state=complete] .card-zone{opacity:0;pointer-events:none}.stage[data-state=complete] .complete-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.stage[data-state=throwing] .action-bar,.stage[data-state=uploading] .action-bar{opacity:0;pointer-events:none}@keyframes drift{0%{opacity:0;transform:translate3d(-18px,-10vh,0) rotate(0)}12%,82%{opacity:.9}to{opacity:0;transform:translate3d(32px,115vh,0) rotate(360deg)}}@keyframes petal-rise{0%{top:calc(100% + 44px);opacity:0;transform:translate3d(-50%,0,var(--petal-depth, 0px)) rotate(var(--petal-rotation, 0deg)) scale(.84)}10%{opacity:var(--petal-opacity, .8)}48%{transform:translate3d(calc(-50% + var(--petal-sway, 0px)),0,var(--petal-depth, 0px)) rotate(calc(var(--petal-rotation, 0deg) + 8deg)) scale(var(--petal-scale, 1))}82%{opacity:var(--petal-opacity, .8)}to{top:-14%;opacity:0;transform:translate3d(calc(-50% + var(--petal-drift, 0px)),0,var(--petal-depth, 0px)) rotate(calc(var(--petal-rotation, 0deg) - 14deg)) scale(.92)}}@keyframes flower-open{to{opacity:1;transform:scale(1) rotate(0)}}@media (min-width: 760px){.stage{border-inline:1px solid rgba(255,255,255,.62);box-shadow:0 0 80px #a06f6929}}@media (max-height: 700px){.stage{--status-row: 150px}}@media (max-height: 620px){.stage{--status-row: 120px}.photo-interaction{width:min(68vw,220px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.ambient-petals span{top:14vh;opacity:.35;animation:none}.swipe-guide-arrow-track{top:38%;opacity:1;animation:none;transform:translate(-50%,-50%)}}