.shuffle-page{--shuffle-enter-dur:0.5s;--shuffle-ease:cubic-bezier(0.22, 1, 0.36, 1);--shuffle-radius:14px;--shuffle-glow:0 0 30px rgba(99, 102, 241, 0.2);--shuffle-shadow:0 10px 40px rgba(15, 23, 42, 0.08);--shuffle-shadow-hover:0 20px 50px rgba(15, 23, 42, 0.12)}.shuffle-page .lp-page-title{font-size:1.5rem;font-weight:700;color:#020617;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem}.shuffle-page .lp-page-title .fa-shuffle{font-size:1.3rem;color:var(--app-accent)}.shuffle-page .lp-page-sub{margin-top:4px;font-size:.9rem;color:var(--app-text-muted);max-width:640px}.shuffle-page .shuffle-col label{font-weight:600;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted);margin-bottom:8px;display:block}.shuffle-page .shuffle-col--right label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.shuffle-page .shuffle-badge-copy{font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.25rem .5rem;border-radius:999px;background:var(--app-accent-soft);color:var(--app-accent);border:1px solid rgba(99,102,241,.25);transition:transform .25s var(--shuffle-ease)}.shuffle-page .shuffle-actions{gap:10px;align-items:center}.shuffle-page .shuffle-actions .btn{border-radius:999px;font-weight:600;font-size:.9rem;padding:.5rem 1.1rem;border-width:1px;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease}.shuffle-page .btn-shuffle-primary{background:linear-gradient(135deg,#818cf8 0,var(--app-accent) 50%,#4f46e5 100%);color:#fff!important;border:none;box-shadow:0 10px 28px rgba(79,70,229,.35),0 0 0 1px rgba(255,255,255,.2) inset}.shuffle-page .btn-shuffle-primary:hover{background:linear-gradient(135deg,#a5b4fc 0,#6366f1 50%,#6366f1 100%);color:#fff!important;box-shadow:0 14px 32px rgba(79,70,229,.4),0 0 0 1px rgba(255,255,255,.25) inset}.shuffle-page .btn-shuffle-primary:active{box-shadow:0 6px 18px rgba(79,70,229,.3) inset}.shuffle-page .btn-copy-result{background:var(--app-bg-soft);color:var(--app-text-main);border:1px solid var(--app-border-soft);box-shadow:0 2px 8px rgba(15,23,42,.06)}.shuffle-page .btn-copy-result:hover{background:var(--app-accent-soft);border-color:rgba(99,102,241,.4);color:var(--app-accent);box-shadow:0 6px 20px rgba(99,102,241,.15)}.shuffle-page .btn-copy-result:active{background:rgba(99,102,241,.12)}.shuffle-page .shuffle-actions .btn-light.border{background:var(--app-bg-soft);color:var(--app-text-muted);border:1px solid var(--app-border-soft);box-shadow:0 2px 8px rgba(15,23,42,.06)}.shuffle-page .shuffle-actions .btn-light.border:hover{background:#f8fafc;color:var(--app-text-main);border-color:rgba(148,163,184,.6);box-shadow:0 6px 16px rgba(15,23,42,.08)}.shuffle-page .app-main{animation:shufflePageEnter .7s var(--shuffle-ease) forwards}@keyframes shufflePageEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.shuffle-page .shuffle-intro{opacity:0;animation:shuffleIntroIn .6s var(--shuffle-ease) .15s forwards;transform-origin:left center}@keyframes shuffleIntroIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.shuffle-page .lp-page-title{transition:transform .35s var(--shuffle-ease)}.shuffle-page .lp-page-title:hover{transform:scale(1.02)}.shuffle-page .lp-page-title .fa-shuffle{transition:transform .4s var(--shuffle-ease)}.shuffle-page .lp-page-title:hover .fa-shuffle{transform:rotate(-15deg) scale(1.1)}.shuffle-page .shuffle-col{opacity:0;transform:translateY(20px);animation:shuffleColIn .55s var(--shuffle-ease) forwards}.shuffle-page .shuffle-col--left{animation-delay:.2s}.shuffle-page .shuffle-col--right{animation-delay:.35s}@keyframes shuffleColIn{to{opacity:1;transform:translateY(0)}}.shuffle-page textarea{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;min-height:320px;border-radius:var(--shuffle-radius);resize:vertical;border:1px solid var(--app-border-soft);background:var(--app-bg-soft);color:var(--app-text-main);transition:box-shadow .3s var(--shuffle-ease),border-color .25s ease,transform .25s var(--shuffle-ease)}.shuffle-page textarea::placeholder{color:var(--app-text-muted);opacity:.7}.shuffle-page textarea:hover{box-shadow:var(--shuffle-shadow)}.shuffle-page textarea:focus{box-shadow:var(--shuffle-glow),0 0 0 3px rgba(99,102,241,.15);outline:0;border-color:rgba(99,102,241,.4)}.shuffle-page .shuffle-input-wrap{transition:transform .3s var(--shuffle-ease)}.shuffle-page .shuffle-input-wrap:hover{transform:translateY(-2px)}.shuffle-page .shuffle-result-wrap{position:relative;height:320px;min-height:320px;transition:transform .35s var(--shuffle-ease),box-shadow .35s var(--shuffle-ease)}.shuffle-page .shuffle-result-animation{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:12px 14px;box-sizing:border-box;border-radius:var(--shuffle-radius);background:var(--app-bg-soft);border:1px solid var(--app-border-soft);overflow-y:auto;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.9rem;line-height:1.6;color:var(--app-text-main);pointer-events:none;opacity:0;visibility:hidden}.shuffle-page .shuffle-result-animation.is-active{opacity:1;visibility:visible}.shuffle-page .shuffle-result-wrap .shuffle-result-animation.is-active~#result{visibility:hidden}.shuffle-page .shuffle-line{opacity:0;transform:translateY(-18px) scale(.96);animation:shuffleLineFlyIn .55s var(--shuffle-ease) forwards;line-height:1.6;min-height:1.6em;white-space:pre-wrap;word-break:break-word}@keyframes shuffleLineFlyIn{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:992px){.shuffle-page .shuffle-result-wrap{height:360px;min-height:360px}}.shuffle-page .shuffle-result-wrap:hover{transform:translateY(-2px)}.shuffle-page #shuffleForm .row{margin-left:-8px;margin-right:-8px}.shuffle-page #shuffleForm .row>[class*=col-]{padding-left:8px;padding-right:8px}.shuffle-page .shuffle-actions{margin-top:1.25rem}.shuffle-page .shuffle-result-wrap #result{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:12px 14px;line-height:1.6;font-size:.9rem;color:var(--app-text-main);resize:none;border-radius:var(--shuffle-radius);border:1px solid var(--app-border-soft);background:var(--app-bg-soft)}.shuffle-page .shuffle-actions{opacity:0;transform:translateY(12px);animation:shuffleActionsIn .5s var(--shuffle-ease) .5s forwards}@keyframes shuffleActionsIn{to{opacity:1;transform:translateY(0)}}.shuffle-page .btn-shuffle-primary{position:relative;overflow:hidden}.shuffle-page .btn-shuffle-primary:hover{transform:translateY(-2px) scale(1.02)}.shuffle-page .btn-shuffle-primary:active{transform:translateY(0) scale(.99)}.shuffle-page .btn-shuffle-primary::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.shuffle-page .btn-shuffle-primary:hover::before{opacity:1}.shuffle-page .btn-shuffle-primary .fa-wand-magic-sparkles{display:inline-block;transition:transform .35s var(--shuffle-ease)}.shuffle-page .btn-shuffle-primary:hover .fa-wand-magic-sparkles{transform:rotate(-12deg) scale(1.15)}.shuffle-page .shuffle-actions .btn:not(.btn-shuffle-primary):hover{transform:translateY(-2px)}.shuffle-page .shuffle-actions .btn:not(.btn-shuffle-primary):active{transform:translateY(0)}.shuffle-page .btn-copy-result.is-copied{animation:shuffleCopyPulse .5s var(--shuffle-ease)}@keyframes shuffleCopyPulse{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}.shuffle-page .shuffle-result-wrap:hover .shuffle-badge-copy{transform:scale(1.05)}.shuffle-page .shuffle-copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);z-index:1000;display:flex;align-items:center;padding:10px 18px;background:var(--app-bg-soft);border:1px solid var(--app-border-soft);border-radius:999px;font-size:.9rem;font-weight:500;color:var(--app-text-main);box-shadow:0 8px 24px rgba(15,23,42,.15);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.shuffle-page .shuffle-copy-toast.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.shuffle-page .shuffle-copy-toast i{color:var(--app-accent)}@media (min-width:992px){.shuffle-page textarea{min-height:360px}}@media (prefers-reduced-motion:reduce){.shuffle-page .app-main{opacity:1;transform:none}.shuffle-page .shuffle-copy-toast,.shuffle-page .shuffle-copy-toast.is-visible{transition:opacity .15s ease}.shuffle-page .app-main,.shuffle-page .shuffle-actions,.shuffle-page .shuffle-col,.shuffle-page .shuffle-col--left,.shuffle-page .shuffle-col--right,.shuffle-page .shuffle-intro,.shuffle-page .shuffle-result-wrap.is-just-filled,.shuffle-page .shuffle-result-wrap.is-just-filled textarea{animation:none!important}.shuffle-page .shuffle-col{opacity:1;transform:none}.shuffle-page .shuffle-actions{opacity:1;transform:none}.shuffle-page .shuffle-intro{opacity:1;transform:none}}