.deco{position:absolute;pointer-events:none;z-index:0;filter:drop-shadow(0 3px 4px rgba(0,60,80,.08))}.deco.star{animation:var(--motion-spin-float)}.deco.bubble,.deco.note{animation:var(--motion-float)}.frame{width:100%;max-width:var(--layout-max-width);min-height:100dvh;padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(22px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;justify-content:space-between}.topbar{display:flex;align-items:center;justify-content:space-between}.date-block{display:flex;align-items:center;gap:8px;background:#fffc;padding:6px 12px 6px 8px;border-radius:100px;backdrop-filter:blur(2px)}.day-dot{width:11px;height:11px;border-radius:50%;background:var(--day-color);box-shadow:0 0 0 3px var(--day-soft);flex-shrink:0;transition:background-color .6s ease}.date-text{line-height:1.15}.date-text .day-name{font-family:var(--font-utility);font-weight:600;font-size:12px;color:var(--day-color);transition:color .6s ease}.date-text .date-full{font-family:var(--font-utility);font-size:10.5px;color:var(--color-ink-soft)}.qr-mark{font-family:var(--font-utility);font-size:10px;font-weight:500;color:#fff;background:var(--color-ink);padding:6px 12px;border-radius:100px;letter-spacing:.3px}.logo-slot{display:flex;align-items:center;justify-content:center;height:56px;border-radius:18px}.logo-slot img{max-height:48px;max-width:100%;-o-object-fit:contain;object-fit:contain}.sticker-title{text-align:center;padding:6px 0 2px}.sticker-title .title-row{font-family:var(--font-display);font-size:34px;line-height:1;display:inline-flex;gap:2px}.sticker-title .title-row span{display:inline-block;-webkit-text-stroke:5px white;paint-order:stroke fill}.sticker-title .sub{font-family:var(--font-utility);font-size:11px;font-weight:500;color:var(--color-ink-soft);letter-spacing:1.5px;margin-top:2px}.stage{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:38px}.mascot-bg{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:230px;z-index:0;opacity:.09;pointer-events:none}.badge{position:relative;z-index:2;font-family:var(--font-display);font-size:14px;color:#fff;background:linear-gradient(135deg,var(--color-pink),#FF8AC2);padding:9px 22px;border-radius:100px;box-shadow:var(--shadow-badge);margin-bottom:-19px}.streak-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-utility);font-size:11.5px;font-weight:600;color:var(--color-ink);background:#fffd;border:1px solid rgba(0,0,0,.06);padding:6px 16px;border-radius:100px;box-shadow:0 2px 8px #0000000a;margin:14px auto 4px;letter-spacing:.2px}.card{position:relative;z-index:1;width:100%;background:var(--color-card);border-radius:var(--radius-card);padding:34px 22px 22px;box-shadow:var(--shadow-card);text-align:center;animation:var(--motion-card-in)}.mood-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-utility);font-size:11px;font-weight:600;color:#fff;background:var(--day-color);padding:4px 13px;border-radius:100px;letter-spacing:.4px;margin-bottom:13px;transition:background-color .6s ease}.mood-emoji{font-size:4rem;line-height:1;margin-bottom:8px;filter:drop-shadow(0 5px 7px rgba(20,60,90,.12))}.headline{font-family:var(--font-display);font-size:21px;line-height:1.5;color:var(--color-ink);margin:0 0 12px;text-wrap:balance}.fortune-text{font-family:var(--font-body);font-size:14px;line-height:1.85;color:var(--color-ink-soft);margin:0 0 20px;padding:0 1px}.stat-row{display:flex;gap:10px}.stat{flex:1;background:var(--color-card-2);border-radius:var(--radius-chip);padding:11px 8px;border:1.5px solid #E9F3F6}.lucky-stat{border-color:color-mix(in srgb,var(--fortune-accent) 30%,white);background:color-mix(in srgb,var(--fortune-accent) 8%,white)}.stat .k{font-family:var(--font-utility);font-size:9.5px;color:var(--color-ink-soft);letter-spacing:.3px;margin-bottom:4px}.stat .v{font-family:var(--font-display);font-size:15px;color:var(--color-ink);display:flex;align-items:center;justify-content:center;gap:6px}.swatch{width:13px;height:13px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px #2b1b1226}.share-label{font-family:var(--font-utility);font-size:10.5px;color:var(--color-ink-soft);letter-spacing:.3px;text-align:center;margin-top:22px;margin-bottom:2px}.share-row{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:6px}.icon-btn{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--color-ink);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-button);transition:transform .15s ease,background-color .15s ease}.icon-btn:active{transform:scale(.9)}.icon-btn.line{color:#06c755}.icon-btn.fb{color:#1877f2}.icon-btn.x{color:#111}.icon-btn.copy{color:var(--color-pink)}.footnote{text-align:center;font-size:10.5px;color:var(--color-ink-soft);opacity:.7;margin-top:12px;letter-spacing:.2px}.toast-comp{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(20px);background:var(--color-ink);color:#fff;font-family:var(--font-utility);font-size:12.5px;padding:10px 18px;border-radius:100px;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:10}.toast-comp.show{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.mascot-bg,.card,.deco{animation:none!important}}.loading-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:linear-gradient(180deg,var(--sky-top, #AFE6F7) 0%,var(--sky-bot, #E3F8FC) 55%,#F7FCFD 100%);opacity:1;transition:opacity .45s ease}.loading-overlay.hide{opacity:0;pointer-events:none}.siamsi-stage{position:relative;width:180px;height:230px}.tube-group{position:absolute;left:50%;top:10px;transform-origin:50% 88%;transform:translate(-50%)}.tube-group.shaking{animation:shakeCup 1.5s ease-in-out}@keyframes shakeCup{0%,to{transform:translate(-50%) rotate(0) translateY(0)}8%{transform:translate(-50%) rotate(-11deg) translateY(-3px)}16%{transform:translate(-50%) rotate(9deg) translateY(0)}24%{transform:translate(-50%) rotate(-10deg) translateY(-4px)}32%{transform:translate(-50%) rotate(8deg) translateY(0)}40%{transform:translate(-50%) rotate(-8deg) translateY(-3px)}48%{transform:translate(-50%) rotate(7deg) translateY(0)}56%{transform:translate(-50%) rotate(-6deg) translateY(-2px)}64%{transform:translate(-50%) rotate(5deg) translateY(0)}72%{transform:translate(-50%) rotate(-4deg) translateY(-1px)}80%{transform:translate(-50%) rotate(3deg) translateY(0)}88%{transform:translate(-50%) rotate(-1deg) translateY(0)}}.stick-fall{position:absolute;left:50%;top:58px;width:11px;height:56px;transform:translate(-50%) translateY(0) rotate(0);opacity:0}.stick-fall.falling{opacity:1;animation:stickFall .8s cubic-bezier(.34,1.1,.4,1) forwards}@keyframes stickFall{0%{transform:translate(-50%) translate(0) rotate(0)}55%{transform:translate(-50%) translate(14px,108px) rotate(38deg)}75%{transform:translate(-50%) translate(11px,132px) rotate(30deg)}to{transform:translate(-50%) translate(12px,124px) rotate(33deg)}}.siamsi-caption{font-family:var(--font-utility);font-size:13px;font-weight:500;color:var(--color-ink-soft);text-align:center;min-height:18px}.siamsi-caption b{color:var(--color-pink)}@media (prefers-reduced-motion: reduce){.tube-group.shaking{animation:none}.stick-fall.falling{animation:none;opacity:1;transform:translate(-50%) translate(12px,124px) rotate(33deg)}}