/* Olivia's ribbon entrance. Plain login and Jack's dashboard retain their own theme. */
html[data-theme="olivia"] .login-brand img{filter:brightness(.4)}
html[data-theme="olivia"] body.login-page{background:#f6eef8}
html[data-theme="olivia"] .login-page main{background:#fffafd;padding:30px;border-radius:20px;max-width:440px;position:relative}
html[data-theme="olivia"] .login-brand{margin-bottom:22px}
html[data-theme="olivia"] .login-page input{border-color:#d8c8df;background:#fff}
html[data-theme="olivia"] .login-page h1{font-size:30px}
.olivia-login-art{display:none}
html[data-theme="olivia"] .olivia-login-art{display:block;width:140px;height:140px;object-fit:contain;margin:0 auto 12px}
html[data-theme="olivia"] .login-page .footnote{margin-top:20px}
html[data-theme="olivia"] .login-page .error:empty{min-height:0;margin:0}
html[data-theme="olivia"] .magic-replay{border:0;background:transparent;color:var(--muted);padding:8px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.olivia-opening{position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden;isolation:isolate;color:#654b70;background:#fbf1f6}
.olivia-opening .gift-half{position:absolute;inset:0 50% 0 0;background:transparent;transform-origin:left}
.olivia-opening .gift-half.right{inset:0 0 0 50%;transform-origin:right}
.olivia-opening .gift-band{position:absolute;left:0;right:0;top:calc(50% - 24px);height:48px;background:linear-gradient(#e9bacb,#f9e3eb 25%,#deb0c3 80%,#c995ad);box-shadow:0 5px 14px #895c7330}
.olivia-opening .bow-piece{position:absolute;top:50%;left:50%;width:230px;height:210px;margin:-105px 0 0 -115px;background:url('/assets/olivia-icon.png') center/contain no-repeat}
.olivia-opening .bow-piece.left{clip-path:inset(0 50% 0 0)}
.olivia-opening .bow-piece.right{clip-path:inset(0 0 0 50%)}
.olivia-opening .opening-caption{position:absolute;top:calc(50% + 118px);left:20px;right:20px;text-align:center;font-family:Georgia,'Songti SC',serif;font-size:25px;line-height:1.5;margin:0}
.olivia-opening .skip-opening{pointer-events:auto;position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;min-height:44px;padding:10px 16px;background:#fffafde8;border:1px solid #d5bbcd;border-radius:12px;color:#654b70;font:inherit}
/* Hold the complete bow first, then draw the ribbons away; the backdrop never scales. */
.olivia-opening.opening{animation:opening-dissolve .6s 1.9s ease both}
.olivia-opening.opening .gift-half{animation:ribbon-left 1.9s cubic-bezier(.45,0,.25,1) both}
.olivia-opening.opening .gift-half.right{animation:ribbon-right 1.9s cubic-bezier(.45,0,.25,1) both}
.olivia-opening.opening .bow-piece.left{animation:unwrap-left 1.9s cubic-bezier(.45,0,.25,1) both}
.olivia-opening.opening .bow-piece.right{animation:unwrap-right 1.9s cubic-bezier(.45,0,.25,1) both}
.olivia-opening.opening .opening-caption{animation:unwrap-caption .5s 1.8s both}
@keyframes ribbon-left{to{transform:translateX(-100%)}}
@keyframes ribbon-right{to{transform:translateX(100%)}}
@keyframes unwrap-left{35%{transform:translateX(-25px) rotate(-7deg);opacity:1}80%{opacity:1}to{transform:translateX(-65vw) rotate(-22deg);opacity:0}}
@keyframes unwrap-right{35%{transform:translateX(25px) rotate(7deg);opacity:1}80%{opacity:1}to{transform:translateX(65vw) rotate(22deg);opacity:0}}
@keyframes unwrap-caption{to{opacity:0}}
@keyframes opening-dissolve{to{opacity:0}}
html[data-theme="olivia"] .fixed-panel .empty{background:url('/assets/olivia-friends.png') center top/88px auto no-repeat;padding-top:100px}
html[data-theme="olivia"] .chat-welcome{background:url('/assets/olivia-friends.png') right top/84px auto no-repeat;padding-top:88px}
html[data-theme="olivia"] .chat-welcome h3{font-size:26px}
@media(max-width:767px){html[data-theme="olivia"] .login-page main{padding:24px 22px}html[data-theme="olivia"] .olivia-login-art{width:115px;height:115px}html[data-theme="olivia"] .login-page{padding:20px 16px}html[data-theme="olivia"] .login-brand{margin-bottom:12px}.olivia-opening .bow-piece{width:180px;height:170px;margin:-85px 0 0 -90px}.olivia-opening .opening-caption{font-size:22px;top:calc(50% + 102px)}}
@media(prefers-reduced-motion:reduce){.olivia-opening .gift-half,.olivia-opening .bow-piece{display:none}.olivia-opening{background:#fffaf5;animation:unwrap-caption .15s both}.olivia-opening .opening-caption{top:45%}.olivia-opening.opening *{animation:none!important}}
.olivia-opening .gift-half{z-index:1}
.olivia-opening .bow-piece{z-index:2;visibility:hidden}
.olivia-opening.material-ready .bow-piece{visibility:visible}
.olivia-opening .opening-caption,.olivia-opening .skip-opening{z-index:3}

.olivia-opening .whole-bow{position:absolute;z-index:5;left:50%;top:50%;width:230px;height:210px;object-fit:contain;transform:translate(-50%,-50%);visibility:hidden}
.olivia-opening.material-ready:not(.opening) .whole-bow{visibility:visible}
.olivia-opening:not(.opening) .bow-piece{visibility:hidden}
@media(max-width:767px){.olivia-opening .whole-bow{width:180px;height:170px}}