:root{--flippy-bg: #f8fafc;--flippy-border: #00A69C;--flippy-text: #2d3748;--flippy-text-secondary: #4a5568;--flippy-shadow: rgba(0, 0, 0, .1);--flippy-avatar-border: #00A69C;--lilflip-bg: #0068BA;--lilflip-border: #004d8a;--lilflip-text: #ffffff;--lilflip-text-secondary: #e0e7ff;--lilflip-avatar-border: #60a5fa;--flippy-transition: .3s cubic-bezier(.4, 0, .2, 1);--flippy-bounce: cubic-bezier(.68, -.55, .265, 1.55)}.flippy-says{margin:1.5rem auto;padding:1.5rem;background:linear-gradient(135deg,#ffffffd9,#00a69c0a);border:1px solid rgba(0,166,156,.15);border-left:4px solid var(--flippy-border);border-radius:12px;box-shadow:0 4px 6px -1px var(--flippy-shadow),0 2px 4px -1px var(--flippy-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--flippy-transition);position:relative;overflow:hidden}.lilflip-says{background:var(--lilflip-bg);border:1px solid var(--lilflip-border);border-left:4px solid var(--lilflip-border);color:var(--lilflip-text);backdrop-filter:none;-webkit-backdrop-filter:none}.flippy-says:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--flippy-shadow),0 4px 6px -2px var(--flippy-shadow)}.flippy-says:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 70%);transition:none;pointer-events:none}.flippy-says:hover:after{animation:flippyShineSweep .8s ease forwards}@keyframes flippyShineSweep{0%{left:-100%}to{left:120%}}.flippy-intro-avatar{border-radius:50%;border:3px solid var(--flippy-avatar-border);width:64px;height:64px;object-fit:cover;box-shadow:0 0 12px #00a69c4d;transition:all var(--flippy-transition);animation:avatarPop .6s var(--flippy-bounce) forwards;flex-shrink:0}.lilflip-says .flippy-intro-avatar{border-color:var(--lilflip-avatar-border);box-shadow:0 0 12px #60a5fa4d}@keyframes avatarPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.flippy-intro-avatar:hover{transform:scale(1.05) rotate(5deg);border-width:4px;box-shadow:0 0 18px #00a69c73}.flippy-avatar-trigger{background:none;border:none;padding:0;cursor:pointer;line-height:0;flex-shrink:0}.flippy-avatar-trigger:focus-visible{outline:2px solid var(--flippy-border);outline-offset:3px;border-radius:50%}.flippy-says-intro{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}.flippy-says-text{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.flippy-says-intro h2{margin-bottom:.25rem;font-size:1.25rem;font-weight:600;color:var(--flippy-text);display:flex;align-items:center;gap:.5rem;justify-content:center;width:100%;transition:all var(--flippy-transition);animation:slideIn .5s ease forwards;opacity:0;animation-delay:.2s}.lilflip-says .flippy-says-intro h2{color:var(--lilflip-text)!important}.lilflip-says .flippy-says-intro h2 small.text-muted{color:var(--lilflip-text-secondary)!important}.flippy-action{display:inline-block;font-style:italic;color:var(--theme-text-secondary, #6c757d);font-size:.9em;padding:0 .5rem;margin:0 .25rem;position:relative;background-color:#00a69c14;border-radius:4px}.lilflip-says .flippy-action{color:var(--lilflip-text-secondary)!important;background-color:#fff3!important}.flippy-action:before{content:"[";opacity:.5;margin-right:.25rem}.flippy-action:after{content:"]";opacity:.5;margin-left:.25rem}[data-bs-theme=dark] .flippy-action{color:var(--theme-text-secondary, #94a3b8);background-color:#4ecdc41a!important}.flippy-says-intro p{font-style:italic;font-size:.95rem;color:var(--flippy-text-secondary);margin:0;text-align:center;width:100%;transition:all var(--flippy-transition);animation:fadeIn .5s ease forwards;opacity:0;animation-delay:.4s}.lilflip-says .flippy-says-intro p{color:var(--lilflip-text-secondary)!important}@keyframes fadeIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.flippy-says-container{margin-top:1rem;color:var(--flippy-text);font-size:1rem;line-height:1.6;transition:all var(--flippy-transition);animation:contentFade .6s ease forwards;opacity:0;animation-delay:.6s;position:relative;text-align:left}.lilflip-says .flippy-says-container{color:var(--lilflip-text)!important}@keyframes contentFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.flippy-says-container a{color:var(--flippy-border);text-decoration:none;transition:all var(--flippy-transition);position:relative}.flippy-says-container a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--flippy-border);transform:scaleX(0);transform-origin:right;transition:transform var(--flippy-transition)}.flippy-says-container a:hover:after{transform:scaleX(1);transform-origin:left}.flippy-says-container em{color:var(--flippy-text-secondary);font-style:italic;transition:all var(--flippy-transition)}.flippy-says-container strong:not(.card-header strong):not(.alert strong):not(.list-group-item strong){color:var(--flippy-border);font-weight:600;transition:all var(--flippy-transition);padding:0 2px}.flippy-says-container .card-header strong,.flippy-says-container .alert strong,.flippy-says-container .list-group-item strong{color:inherit;font-weight:600}.flippy-says-container strong:not(.card-header strong):not(.alert strong):not(.list-group-item strong):hover{background:#00a69c1a;border-radius:3px}.flippy-says-intro .fas{transition:transform var(--flippy-transition)}.flippy-says:hover .fas{animation:bounce 1s var(--flippy-bounce) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media screen and (max-width: 600px){.flippy-says{margin:1rem;padding:1rem}.flippy-intro-avatar{width:48px;height:48px}.flippy-says-intro h2{font-size:1.1rem}.flippy-says-intro h2,.flippy-says-intro p,.flippy-says-container{animation-duration:.4s}}@media (prefers-reduced-motion: reduce){.flippy-says,.flippy-intro-avatar,.flippy-says-intro h2,.flippy-says-intro p,.flippy-says-container,.flippy-says-container a:after{animation:none;transition:none}.flippy-says:hover{transform:none}.flippy-says:hover:after{animation:none}}@media screen and (max-width: 600px){.flippy-says-intro{gap:1rem}.flippy-intro-avatar{width:48px;height:48px}.flippy-advice-flex{flex-direction:column!important;align-items:center!important}.flippy-avatar{margin-bottom:1rem!important;margin-right:0!important}.flippy-message{width:100%!important;text-align:center!important}.flippy-avatar img{width:80px!important;height:80px!important;margin:0 auto .5rem!important;box-shadow:0 4px 8px #0000001a!important}.flippy-message{padding:1.25rem!important}}.flippy-says-container a,.flippy-says-container a:link,.flippy-says-container a:visited,.fixed-flippy-link{color:#00a69c;text-decoration:underline;cursor:pointer;pointer-events:auto;font-weight:700}.flippy-says-container a:hover,.fixed-flippy-link:hover{color:#008f87;text-decoration:underline}.flippy-says-container p{margin-bottom:1rem}.flippy-says-container p:last-child{margin-bottom:0}.flippy-bag-tag-showcase{float:right;margin:0 0 1rem 1.5rem;text-align:center;max-width:280px;clear:right;position:relative;border-radius:.75rem;overflow:hidden}.flippy-says-container:after{content:"";display:table;clear:both}.flippy-bag-tag-showcase .tag-image-wrapper{position:relative;background:var(--theme-surface-1, #f0f0f0);border-radius:.75rem;padding:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:.5rem;aspect-ratio:1 / 1.1;display:flex;align-items:center;justify-content:center;overflow:hidden}.flippy-bag-tag-showcase .flippy-bag-tag-image{width:100%;height:100%;object-fit:cover;border-radius:.5rem;display:block}.flippy-bag-tag-showcase .tag-number{position:absolute;top:.5rem;right:.5rem;background:var(--theme-info, #0d6efd);color:#fff;font-weight:700;font-size:1.2rem;padding:.25rem .75rem;border-radius:2rem;box-shadow:0 2px 4px #0003}.flippy-bag-tag-showcase .tag-name{font-weight:600;color:var(--theme-text-primary, #212529);font-size:.9rem;margin-top:.5rem}@media (max-width: 768px){.flippy-bag-tag-showcase{float:none;margin:1rem auto;display:block}}[data-bs-theme=dark]{--flippy-bg: #1a1f2e;--flippy-border: #4ECDC4;--flippy-text: #e2e8f0;--flippy-text-secondary: #cbd5e1;--flippy-shadow: rgba(0, 0, 0, .25);--flippy-avatar-border: #4ECDC4;--lilflip-bg: #1a2744;--lilflip-border: #004d8a;--lilflip-text: #ffffff;--lilflip-text-secondary: #e0e7ff;--lilflip-avatar-border: #3b82f6}[data-bs-theme=dark] .flippy-says{background:linear-gradient(135deg,#1a1f2ef2,#00a69c0f);color:var(--flippy-text);border-color:#4ecdc433;border-left-color:var(--flippy-border)}[data-bs-theme=dark] .flippy-says:after{background:linear-gradient(105deg,transparent 30%,rgba(78,205,196,.08) 45%,rgba(78,205,196,.14) 50%,rgba(78,205,196,.08) 55%,transparent 70%)}[data-bs-theme=dark] .flippy-intro-avatar{box-shadow:0 0 12px #4ecdc466}[data-bs-theme=dark] .flippy-intro-avatar:hover{box-shadow:0 0 20px #4ecdc48c}[data-bs-theme=dark] .flippy-says-intro h2{color:var(--flippy-text)!important}[data-bs-theme=dark] .flippy-says-intro h2 small.text-muted,[data-bs-theme=dark] .flippy-says-intro p{color:var(--flippy-text-secondary)!important}[data-bs-theme=dark] .flippy-says-container{color:var(--flippy-text)!important}[data-bs-theme=dark] .flippy-says-container :is(p,li,div):not(.alert):not(.alert *){color:var(--flippy-text)!important}[data-bs-theme=dark] .flippy-says-container em{color:var(--flippy-text-secondary)!important}[data-bs-theme=dark] .flippy-says-container strong:not(.card-header strong):not(.alert strong):not(.list-group-item strong){color:var(--flippy-border)!important}[data-bs-theme=dark] .flippy-says-container .card-header strong,[data-bs-theme=dark] .flippy-says-container .alert strong,[data-bs-theme=dark] .flippy-says-container .list-group-item strong{color:inherit!important}[data-bs-theme=dark] .flippy-says-container a,[data-bs-theme=dark] .flippy-says-container a:link,[data-bs-theme=dark] .flippy-says-container a:visited,[data-bs-theme=dark] .fixed-flippy-link{color:#4ecdc4}[data-bs-theme=dark] .flippy-says-container a:hover,[data-bs-theme=dark] .fixed-flippy-link:hover{color:#6ee0d9}[data-bs-theme=dark] .flippy-action{color:var(--flippy-text-secondary)!important;background-color:#4ecdc41a!important}[data-bs-theme=dark] .lilflip-says{background:var(--lilflip-bg);color:var(--lilflip-text);border-color:var(--lilflip-border);border-left-color:var(--lilflip-border)}[data-bs-theme=dark] .lilflip-says .flippy-says-intro h2{color:var(--lilflip-text)!important}[data-bs-theme=dark] .lilflip-says .flippy-says-intro h2 small.text-muted,[data-bs-theme=dark] .lilflip-says .flippy-says-intro p{color:var(--lilflip-text-secondary)!important}[data-bs-theme=dark] .lilflip-says .flippy-says-container{color:var(--lilflip-text)!important}[data-bs-theme=dark] .lilflip-says .flippy-action{color:var(--lilflip-text-secondary)!important;background-color:#fff3!important}[data-bs-theme=dark] .flippy-bag-tag-showcase .tag-image-wrapper{background:var(--theme-surface-2, #334155)}[data-bs-theme=dark] .flippy-bag-tag-showcase .tag-name{color:var(--theme-text-primary, #e2e8f0)}.flippy-profile-modal .modal-content{background:linear-gradient(135deg,#fffffff2,#00a69c0a);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,166,156,.2);border-radius:16px;overflow:hidden}.flippy-profile-modal .modal-header{border-bottom:1px solid rgba(0,166,156,.12);padding:1.25rem 1.5rem}.flippy-profile-modal .modal-body{padding:1.5rem}.flippy-profile-modal .btn-close{opacity:.6}.flippy-profile-modal .btn-close:hover{opacity:1}.flippy-profile-header{display:flex;align-items:center;gap:1.25rem}.flippy-profile-avatar{width:96px;height:96px;border-radius:50%;border:3px solid var(--flippy-border, #00A69C);object-fit:cover;box-shadow:0 0 20px #00a69c4d;flex-shrink:0}.flippy-profile-name{font-size:1.5rem;font-weight:700;color:var(--flippy-text, #2d3748);margin:0 0 .25rem}.flippy-profile-tagline{font-style:italic;color:var(--flippy-text-secondary, #4a5568);margin:0;font-size:.95rem}.flippy-profile-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(0,166,156,.1)}.flippy-profile-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--flippy-border, #00A69C);margin-bottom:.5rem}.flippy-profile-section p{color:var(--flippy-text, #2d3748);line-height:1.6;margin:0}.flippy-profile-week-tagline{font-style:italic;color:var(--flippy-text-secondary, #4a5568)}.flippy-profile-catchphrases{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.flippy-profile-catchphrases li{padding:.5rem .75rem;background:#00a69c0f;border-radius:8px;color:var(--flippy-text, #2d3748);font-style:italic;font-size:.9rem;border-left:3px solid rgba(0,166,156,.3)}.flippy-profile-loading{text-align:center;padding:2rem;color:var(--flippy-text-secondary, #4a5568);font-style:italic}.flippy-profile-loading:after{content:"";display:block;width:32px;height:32px;margin:1rem auto 0;border:3px solid rgba(0,166,156,.2);border-top-color:var(--flippy-border, #00A69C);border-radius:50%;animation:flippy-spin .8s linear infinite}@keyframes flippy-spin{to{transform:rotate(360deg)}}[data-bs-theme=dark] .flippy-profile-modal .modal-content{background:linear-gradient(135deg,#1a1f2ef7,#00a69c0f);border-color:#4ecdc440}[data-bs-theme=dark] .flippy-profile-modal .modal-header{border-bottom-color:#4ecdc426}[data-bs-theme=dark] .flippy-profile-avatar{border-color:var(--flippy-avatar-border, #4ECDC4);box-shadow:0 0 20px #4ecdc459}[data-bs-theme=dark] .flippy-profile-name{color:var(--flippy-text, #e2e8f0)}[data-bs-theme=dark] .flippy-profile-tagline{color:var(--flippy-text-secondary, #cbd5e1)}[data-bs-theme=dark] .flippy-profile-section{border-top-color:#4ecdc41f}[data-bs-theme=dark] .flippy-profile-section-label{color:var(--flippy-border, #4ECDC4)}[data-bs-theme=dark] .flippy-profile-section p{color:var(--flippy-text, #e2e8f0)}[data-bs-theme=dark] .flippy-profile-week-tagline{color:var(--flippy-text-secondary, #cbd5e1)}[data-bs-theme=dark] .flippy-profile-catchphrases li{background:#4ecdc414;color:var(--flippy-text, #e2e8f0);border-left-color:#4ecdc459}[data-bs-theme=dark] .flippy-profile-loading{color:var(--flippy-text-secondary, #cbd5e1)}@media (max-width: 576px){.flippy-profile-header{flex-direction:column;text-align:center}.flippy-profile-avatar{width:80px;height:80px}.flippy-profile-name{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.flippy-profile-loading:after{animation:none}}
