:root{--bg-dark:#0a0a0f;--bg-light:#f9fafb;--purple-primary:#8b5cf6;--blue-primary:#3b82f6;--pink-primary:#ec4899;--text-dark:#f3f4f6;--text-light:#1f2937;--card-dark:#11182799;--card-light:#fffc;--border-dark:#4b55634d;--border-light:#e5e7eb}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:clamp(.75rem,2.5vh,1.25rem) 1rem;transition:background-color .7s;display:flex;position:relative;overflow:hidden auto}.app-container.dark{background-color:var(--bg-dark);color:var(--text-dark)}.app-container.light{background-color:var(--bg-light);color:var(--text-light)}.summary-lottie-overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.summary-lottie-stack{z-index:2;width:70%;height:70%;position:relative}.summary-lottie-player{opacity:.98;width:100%;height:100%;position:absolute;inset:0}.summary-lottie-player-primary{z-index:1;transition:opacity .42s ease-out}.summary-lottie-player-primary-fade-out{opacity:0}.summary-lottie-side-slot{z-index:1;pointer-events:none;width:clamp(440px,46vw,900px);position:absolute;top:0;bottom:0;overflow:hidden}.summary-lottie-side-slot-left{left:0}.summary-lottie-side-slot-right{right:0}.summary-lottie-player-secondary{z-index:1;opacity:.9;transform-origin:50%;width:min(100vw,100vh);height:min(100vw,100vh);transition:opacity .42s ease-out;inset:50% auto auto}.summary-lottie-player-secondary-left{left:0;transform:translateY(-50%)}.summary-lottie-player-secondary-right{right:0;transform:translateY(-50%)}.summary-lottie-player-secondary-mirrored{transform:translateY(-50%)scaleX(-1)}.summary-lottie-player-secondary-fade-out{opacity:0}.overlay{z-index:100;backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-btn{color:#9333ea;cursor:pointer;background-color:#fff;border:none;border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.25rem;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 25px 50px -12px #00000080}.start-btn:hover{transform:scale(1.05)}.result-card{backdrop-filter:blur(20px);z-index:10;border:1px solid;border-radius:2.5rem;width:100%;max-width:28rem;margin:auto 0;padding:2rem;transition:all .7s;position:relative}.dark .result-card{background-color:var(--card-dark);border-color:var(--border-dark);box-shadow:0 25px 50px -12px #00000080}.light .result-card{background-color:var(--card-light);border-color:var(--border-light);box-shadow:0 10px 15px -3px #7c3aed0d}.header-icon-wrapper{text-align:center;margin-top:.5rem;margin-bottom:1rem}.icon-circle{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;transition:all .5s;display:inline-flex}.dark .icon-circle{color:#d8b4fe;background:radial-gradient(circle at 30% 30%,#a855f759,#a855f71f);box-shadow:0 0 0 1px #a855f740,0 8px 20px -8px #a855f799}.light .icon-circle{color:#9333ea;background:radial-gradient(circle at 30% 30%,#f3e8ff,#ede9fe);box-shadow:0 0 0 1px #9333ea1f,0 8px 20px -8px #9333ea59}.title{text-align:center;color:#0000;cursor:pointer;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.25rem;font-weight:700}.dark .title{background-image:linear-gradient(90deg,#a78bfa,#f472b6,#60a5fa)}.light .title{background-image:linear-gradient(90deg,#7c3aed,#ec4899,#2563eb)}.subtitle{text-align:center;margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.stats-panel{border:1px solid;border-radius:1.5rem;margin-top:1.25rem;margin-bottom:1.5rem;padding:1.1rem .75rem .9rem;transition:all .5s}.dark .stats-panel{background-color:#1f293759;border-color:#4b556359}.light .stats-panel{background-color:#f9fafbb3;border-color:#e5e7ebe6}.stats-container{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.stats-divider{flex-shrink:0;align-self:center;width:1px;height:3.25rem}.dark .stats-divider{background-color:#4b556366}.light .stats-divider{background-color:#d1d5dbcc}.gauge-item{cursor:pointer;flex-direction:column;align-items:center;display:flex}.gauge-visual{justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:.75rem;display:flex;position:relative}.gauge-glow{filter:blur(8px);opacity:.2;border-radius:9999px;position:absolute;inset:0}.gauge-value{text-align:center;z-index:20;pointer-events:none;justify-content:center;align-items:center;width:calc(100% - 1.25rem);max-height:calc(100% - 1.25rem);display:flex;position:absolute;overflow:hidden}.gauge-value-text{white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:1.125rem;font-weight:700;line-height:1.2;display:block}.gauge-label{font-size:.875rem;font-weight:500}.stars-container{justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.actions-container{justify-content:center;gap:1.75rem;margin-top:.85rem;display:flex}@media (width<=640px){.app-container{align-items:center;padding:.75rem}.result-card{border-radius:1.5rem;margin:auto 0;padding:1.25rem}.title{font-size:1.8rem}.stats-panel{padding:.9rem .5rem .75rem}.stats-container{gap:.35rem;padding:0}.gauge-visual{width:5.4rem;height:5.4rem}.actions-container{gap:1.1rem}.btn-ghost{font-size:.78rem}}.btn{cursor:pointer;border:1px solid #0000;border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .5s;display:flex}.btn-secondary{background-color:#0000}.dark .btn-secondary{color:#d1d5db;background-color:#1f293780;border-color:#374151}.light .btn-secondary{color:#4b5563;background-color:#fff;border-color:#e5e7eb}.btn-primary{color:#fff;border:none}.dark .btn-primary{background:linear-gradient(90deg,#7c3aed,#2563eb);box-shadow:0 10px 15px -3px #7c3aed40}.light .btn-primary{background:linear-gradient(90deg,#8b5cf6,#3b82f6);box-shadow:0 10px 15px -3px #7c3aed4d}.btn-primary-hero{border-radius:1.25rem;width:100%;padding:1.05rem;font-size:1.05rem}.btn-ghost{box-shadow:none;background-color:#0000;border-radius:.5rem;flex:none;gap:.35rem;padding:0;font-size:.85rem;font-weight:500}.dark .btn-ghost{color:#9ca3af;border-color:#0000}.light .btn-ghost{color:#6b7280;border-color:#0000}.dark .btn-ghost:hover{color:#d1d5db}.light .btn-ghost:hover{color:#374151}.controls-container{z-index:50;gap:.75rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.control-btn{backdrop-filter:blur(4px);cursor:pointer;border:1px solid;border-radius:9999px;padding:.75rem;transition:all .5s}.dark .control-btn{background-color:#1f293780;border-color:#374151}.light .control-btn{background-color:#fffc;border-color:#e5e7eb}.theme-icon-dark{color:#facc15}.app-container.overlay-mode{z-index:1000;height:100%;animation:.25s ease-out summary-overlay-fade-in;position:fixed;inset:0}.app-container.overlay-mode.dark{background-color:#05050a99}.app-container.overlay-mode.light{background-color:#11111873}.app-container.overlay-mode .result-card{max-height:calc(100% - 1.5rem);overflow-y:auto}@keyframes summary-overlay-fade-in{0%{opacity:0}to{opacity:1}}.theme-icon-light{color:#6366f1}.poster-modal-backdrop{z-index:200;backdrop-filter:blur(4px);box-sizing:border-box;background-color:#0a05148c;justify-content:center;align-items:flex-start;padding:.75rem;display:flex;position:fixed;inset:0;overflow-y:auto}.poster-modal-card{border-radius:1.375rem;flex-direction:column;width:100%;max-width:min(94vw,26rem,56.3vh - 5.63rem);max-height:100%;margin:auto;display:flex;overflow:hidden;box-shadow:0 20px 45px -15px #00000059}@media (resolution>=3x){.poster-modal-card{max-width:min(94vw,22.5rem,56.3vh - 5.63rem)}}.dark .poster-modal-card{background-color:#111827;border:1px solid #4b556366}.light .poster-modal-card{background-color:#fff;border:1px solid #e5e7eb}.poster-modal-header{border-bottom:1px solid;flex-shrink:0;justify-content:center;align-items:center;padding:.85rem 1.1rem;display:flex;position:relative}.dark .poster-modal-header{border-color:#4b556366}.light .poster-modal-header{border-color:#e5e7eb}.poster-modal-title{text-align:center;font-size:.95rem;font-weight:700}.poster-modal-close{cursor:pointer;background-color:#0000;border:none;border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .3s;display:flex;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.dark .poster-modal-close{color:#9ca3af}.light .poster-modal-close{color:#6b7280}.dark .poster-modal-close:hover{background-color:#ffffff14}.light .poster-modal-close:hover{background-color:#1118270f}.poster-modal-body{flex:1;min-height:0;padding:1.1rem;overflow-y:auto}.poster-modal-poster-frame{border-radius:.85rem;overflow:hidden}.poster-modal-poster-stage{aspect-ratio:1080/1919;position:relative}.poster-modal-poster-stage .poster-modal-poster-frame{width:100%;height:100%}.poster-modal-loading{color:#4b5563;background:#fffffff0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;inset:0}.poster-modal-spinner{border:3px solid #ddd6fe;border-top-color:#5b45e8;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite poster-spin}@keyframes poster-spin{to{transform:rotate(360deg)}}.dark .poster-modal-poster-frame{box-shadow:0 0 0 1px #4b556380}.light .poster-modal-poster-frame{box-shadow:0 0 0 1px #e5e7eb}.poster-modal-cta{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border:none;border-radius:.9rem;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;margin:.3rem 1.1rem 1.1rem;padding:.8rem;font-size:.95rem;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 10px 20px -6px #7c3aed73}.poster-modal-cta:hover{transform:translateY(-1px)}