.story{color:var(--text);background:radial-gradient(#3c2d1412 1.1px, transparent 1.3px) 0 0 / 22px 22px, var(--ink);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.story-full{max-width:520px;height:100dvh;box-shadow:0 0 0 1px var(--border);margin:0 auto}.story-demo{border-radius:30px;height:100%}.story .story-bars{z-index:4;gap:5px;padding:14px 16px 4px;display:flex;position:relative}.story .story-bars span{background:#3c2d141f;border-radius:4px;flex:1;height:4px;overflow:hidden}.story .story-bars i{background:var(--rose);border-radius:inherit;width:0;height:100%;display:block}.story .story-bars .done i{width:100%}.story .story-bars .now i{width:100%;animation:bar-fill .6s var(--ease-out)}@keyframes bar-fill{0%{width:0}}.story .story-stage{cursor:pointer;flex:1;min-height:0;display:flex;position:relative}.story .chapter{z-index:3;overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;padding:22px 22px 24px;display:flex;position:relative;overflow-y:auto}.story .enter-next{animation:page-next .42s var(--ease-out) both}.story .enter-prev{animation:page-prev .42s var(--ease-out) both}@keyframes page-next{0%{opacity:0;transform:translate(36px)rotate(.6deg)}to{opacity:1;transform:none}}@keyframes page-prev{0%{opacity:0;transform:translate(-36px)rotate(-.6deg)}to{opacity:1;transform:none}}.story .ch-kicker{color:var(--rose-soft);font-size:15px;font-weight:800}.story .chapter h2{margin:4px 0 18px;font-size:clamp(30px,7.4vw,40px)}.story-demo .chapter h2{font-size:30px}.story .ch-note{color:var(--text-dim);margin-top:14px;font-size:15.5px}.story .fade-up{animation:fade-up-s .5s var(--ease-out) both}@keyframes fade-up-s{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.story .story-foot{z-index:5;align-items:center;gap:10px;padding:10px 14px 14px;display:flex;position:relative}.story .story-nav{border:1.5px solid var(--border-strong);width:40px;height:40px;color:var(--text);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:24px;line-height:1;display:grid}.story .story-nav.next{color:#fff;background:var(--rose);border-color:var(--rose);margin-left:auto}.story .story-nav:disabled{opacity:.35;cursor:default}.story .story-count{color:var(--text-faint);font-size:14px;font-weight:700}.story .story-share{border-radius:var(--r-pill);border:1.5px solid var(--border-strong);min-height:40px;color:var(--text);background:#fff;padding:8px 16px;font-size:14.5px;font-weight:800}.story .story-share:hover{border-color:var(--rose);color:var(--rose-soft)}.story .story-hint{color:var(--rose-soft);font-family:var(--display);align-items:center;gap:6px;font-size:19px;animation:2.4s ease-in-out infinite hint-nudge;display:inline-flex}@keyframes hint-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.story .thread{flex-direction:column;gap:10px;display:flex}.story .msg{display:flex}.story .msg.in{justify-content:flex-start}.story .msg.out{justify-content:flex-end}.story .bubble{transform-origin:0 100%;max-width:84%;animation:bubble-pop .34s var(--ease-pop) both;border-radius:16px;padding:10px 14px 9px;font-size:16.5px;line-height:1.45;position:relative;box-shadow:0 1px 1px #3c2d141f}.story .msg.wide .bubble{max-width:92%}.story .msg.in .bubble{background:#fff;border-top-left-radius:4px}.story .msg.out .bubble{transform-origin:100% 100%;background:#d9fdd3;border-top-right-radius:4px;padding-right:40px}@keyframes bubble-pop{0%{opacity:0;transform:scale(.88)translateY(6px)}to{opacity:1;transform:none}}.story .bubble .sender{color:var(--rose-soft);margin-bottom:2px;font-size:14px;display:block}.story .msg.in .bubble .sender{color:var(--jade-soft)}.story .bubble .ticks{color:#9aa59f;position:absolute;bottom:9px;right:10px}.story .bubble .ticks path{transition:stroke .4s var(--ease-out)}.story .msg-sub{color:var(--text-dim);margin-top:4px;font-size:14.5px;display:block}.story .photo-msg{border-radius:12px;margin:-4px -8px 8px;display:block;overflow:hidden}.story .photo-msg img{object-fit:cover;width:100%;height:120px}.story-demo .photo-msg img{height:96px}.story .typing{animation:bubble-pop .25s var(--ease-out) both;background:#fff;border-radius:16px;gap:5px;padding:14px 16px;display:inline-flex;box-shadow:0 1px 1px #3c2d141f}.story .msg.out .typing{background:#d9fdd3}.story .typing i{background:#9aa59f;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite typing}.story .typing i:nth-child(2){animation-delay:.15s}.story .typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.story .cover{text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex}.story .cover-avatars{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.story .av{color:#fff;width:74px;height:74px;font-family:var(--display);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;font-size:36px;font-weight:700;display:grid}.story .av.you{background:var(--rose);animation:av-in .6s var(--ease-out) both}.story .av.them{background:var(--jade);animation:av-in .6s var(--ease-out) .12s both}@keyframes av-in{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:none}}.story .cover-heart{color:var(--coral);animation:1.8s ease-in-out .6s infinite heart-beat}@keyframes heart-beat{0%,to{transform:scale(1)}15%{transform:scale(1.14)}30%{transform:scale(1)}45%{transform:scale(1.08)}}.story .cover-title{margin:2px 0 10px!important;font-size:clamp(44px,11vw,60px)!important}.story-demo .cover-title{font-size:44px!important}.story .amp{color:var(--coral)}.story .cover-sub{color:var(--text-dim);font-size:17px}.story .clock{justify-items:center;gap:8px;margin:-4px 0 12px;display:grid}.story .clock svg{width:min(260px,74%);height:auto}.story-demo .clock svg{width:190px}.story .clock-face{fill:#fff;stroke:var(--border)}.story .clock line{stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease-out)}.story .clock.grown line{stroke-dashoffset:0}.story .bar-you{stroke:var(--rose)}.story .bar-them{stroke:var(--jade)}.story .clock-label{fill:var(--text-faint);font-size:11px;font-weight:700}.story .clock-legend{color:var(--text-dim);gap:16px;font-size:14.5px;font-weight:700;display:flex}.story .dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.story .dot.you{background:var(--rose)}.story .dot.them{background:var(--jade)}.story .balance{justify-content:center;align-items:center;gap:14px;min-height:150px;margin-bottom:14px;display:flex}.story .ball{color:#fff;font-family:var(--display);box-shadow:var(--shadow-soft);animation:ball-in .7s var(--ease-pop) both;border-radius:50%;align-content:center;place-items:center;font-size:28px;font-weight:700;line-height:1;display:grid}.story .ball small{font-family:var(--body);opacity:.9;margin-top:4px;font-size:13px;font-weight:800}.story .ball.you{background:var(--rose)}.story .ball.them{background:var(--jade);animation-delay:.15s}@keyframes ball-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.story .emoji-pair{justify-content:center;gap:18px;margin:6px 0 20px;display:flex}.story .emoji-card{box-shadow:var(--shadow-soft);opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);background:#fff;border-radius:6px;justify-items:center;gap:4px;padding:18px 22px 14px;display:grid;transform:rotate(-3deg)translateY(10px)}.story .emoji-card.tilt{transform:rotate(3deg)translateY(10px)}.story .emoji-card.in{opacity:1;transform:rotate(-3deg)}.story .emoji-card.tilt.in{transform:rotate(3deg)}.story .emoji-big{font-size:64px;line-height:1.1}.story-demo .emoji-big{font-size:48px}.story .emoji-card b{font-size:15px}.story .mini-battery{--charge:var(--rose);align-items:center;margin:4px 0 20px;display:flex}.story .mini-battery.tier-mid{--charge:var(--amber)}.story .mini-battery.tier-low{--charge:var(--coral)}.story .mb-body{border:3px solid var(--text);background:#fff;border-radius:22px;flex:1;height:104px;padding:7px;position:relative}.story .mb-fill{background:var(--charge);transition:clip-path 1.4s var(--ease-out);border-radius:12px;position:absolute;inset:7px}.story .mb-body b{font-family:var(--display);color:var(--text);text-shadow:0 1px #ffffffb3;place-items:center;font-size:46px;display:grid;position:absolute;inset:0}.story .mb-cap{background:var(--text);border-radius:0 6px 6px 0;width:10px;height:38px;margin-left:4px}.story .notes{gap:16px;display:grid}.story .story-note{box-shadow:var(--shadow-soft);opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);border-radius:4px;gap:4px;padding:16px 18px;display:grid;transform:translateY(12px)rotate(-1deg)}.story .story-note.in{opacity:1;transform:rotate(-1deg)}.story .story-note.amber.in{transform:rotate(1.2deg)}.story .story-note b{font-family:var(--display);font-size:23px}.story .story-note span{color:var(--text-dim);font-size:15.5px}.story .story-note.green{border-left:5px solid var(--rose);background:#e7f8ef}.story .story-note.amber{border-left:5px solid var(--amber);background:#fff4dc}.story .cliff{flex:1;place-items:center;display:grid;position:relative}.story .cliff-blur{filter:blur(6px);color:var(--text-dim);font-size:22px;line-height:1.5;position:absolute;inset:0 0 auto}.story .cliff-lock{z-index:1;text-align:center;border-radius:var(--r-card);box-shadow:var(--shadow);background:#fffffff0;justify-items:center;gap:8px;max-width:360px;padding:24px 20px;display:grid;position:relative}.story .lock-ring{width:76px;height:76px;color:var(--rose-soft);background:#e7f8ef;border-radius:50%;place-items:center;animation:3.2s ease-in-out 1s infinite lock-wiggle;display:grid}@keyframes lock-wiggle{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-8deg)}96%{transform:rotate(6deg)}}.story .cliff-lock b{font-family:var(--display);font-size:24px}.story .cliff-lock>span:not(.lock-ring){color:var(--text-dim);font-size:15px}.story .cliff-lock small{color:var(--text-faint);font-size:13px}.story .end{text-align:center;flex:1;place-content:center;justify-items:center;gap:12px;display:grid}.story .end-heart{color:var(--coral)}.story .end p{color:var(--text-dim);max-width:30ch;font-size:17px}.story .btn-link{color:var(--text-dim);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;margin-top:6px;font-size:15px;font-weight:700;text-decoration:underline;display:inline-flex}.story .btn-link.danger:hover{color:var(--coral)}.story .share-sheet{z-index:20;animation:fade-up-s .25s var(--ease-out);background:#1f2a2459;align-items:flex-end;display:flex;position:absolute;inset:0}.story .share-panel{width:100%;animation:sheet-up .35s var(--ease-out);background:#fff;border-radius:22px 22px 0 0;justify-items:center;gap:12px;padding:18px 18px 22px;display:grid}@keyframes sheet-up{0%{transform:translateY(40px)}to{transform:none}}.story .share-preview{width:auto;max-height:46vh;box-shadow:var(--shadow-soft);border-radius:14px}.story .share-toggle{align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.story .share-toggle input{width:18px;height:18px;accent-color:var(--rose)}.story .share-actions{gap:10px;display:flex}.story .share-note{color:var(--text-faint);font-size:13px}@media (prefers-reduced-motion:reduce){.story .story-hint,.story .cover-heart,.story .lock-ring{animation:none}}.story .story-head{z-index:5;justify-content:flex-end;padding:6px 14px 0;display:flex;position:relative}.story .firsts-strip{gap:6px;margin-top:16px;list-style:none;display:grid}.story .firsts-strip li{animation:fade-up-s .45s var(--ease-out) both;background:#ffffffbf;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:15px;display:flex}.story .fs-date{font-family:var(--display);color:var(--rose-soft);flex:0 0 64px;font-size:17px}.story .fs-label{flex:1;font-weight:700}.story .firsts-strip li.shut .fs-date{color:var(--text-faint);letter-spacing:2px}.story .firsts-strip li.shut .fs-label{color:var(--text-dim)}.story .fs-lock{width:30px;height:30px;color:var(--rose-soft);background:#e7f8ef;border:0;border-radius:50%;place-items:center;display:grid}.story .mini-heat{aspect-ratio:18/7;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;margin:2px 0 16px;display:grid}.story .mini-heat i{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);border-radius:3px;transform:scale(.4)}.story .mini-heat.in i{opacity:1;transform:none}.story .mini-heat .h0{background:#e9e2d5}.story .mini-heat .h1{background:#c8eedb}.story .mini-heat .h2{background:#84d9b0}.story .mini-heat .h3{background:#2fbf87}.story .mini-heat .h4{background:#00805f}.story .day-stats{color:var(--text-dim);gap:6px;margin-bottom:14px;font-size:15.5px;display:grid}.story .day-stats b{font-family:var(--display);color:var(--rose-soft);margin-right:4px;font-size:26px}.story .trait-stack{gap:12px;display:grid}.story .trait-card{box-shadow:var(--shadow-soft);opacity:0;transform:translateY(14px) rotate(var(--tilt,0deg));transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.story .trait-card.in{opacity:1;transform:rotate(var(--tilt,0deg))}.story .tc-av{color:#fff;width:46px;height:46px;font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:24px;display:grid}.story .tc-av.tc-you{background:var(--rose)}.story .tc-av.tc-them{background:var(--jade)}.story .tc-body{display:grid}.story .tc-body b{font-family:var(--display);font-size:23px;line-height:1.15}.story .tc-body span{color:var(--text-dim);font-size:15px}.story .love-pair{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.story .love-card{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-pop);border-radius:18px;justify-items:start;gap:2px;padding:16px;display:grid;transform:translateY(12px)scale(.97)}.story .love-card.in{opacity:1;transform:none}.story .love-card.lc-you{background:#e9f9e6}.story .love-card.lc-them{background:#e6f3fa}.story .lc-icon{background:#fff;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:8px;display:grid}.story .lc-you .lc-icon{color:var(--rose-soft)}.story .lc-them .lc-icon{color:var(--jade-soft)}.story .love-card small{color:var(--text-dim);font-size:14px;font-weight:700}.story .love-card b{font-family:var(--display);font-size:23px;line-height:1.12}.story .sweet-locked{flex:1;place-items:center;min-height:300px;display:grid;position:relative}.story .sweet-blur{filter:blur(5px);opacity:.55;pointer-events:none;position:absolute;inset:0}.story-demo .love-card b{font-size:20px}.story-demo .day-stats{font-size:14.5px}