.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.modal-content{padding:20px 24px calc(20px + env(safe-area-inset-bottom));background:#1e1915;border-top:1px solid #ffffff0f;border-radius:28px 28px 0 0;flex-direction:column;gap:16px;max-height:90%;animation:.32s cubic-bezier(.16,1,.3,1) sheetUp;display:flex;overflow-y:auto;box-shadow:0 -12px 40px #0000008c}.modal-content:before{content:"";background:#ffffff2e;border-radius:999px;width:40px;height:4px;margin:-4px auto 4px;display:block}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.modal-content{animation:none}}.sigh-textarea{color:#e8dfd4;resize:none;background:#100d0b;border:1px solid #ffffff14;border-radius:16px;outline:none;width:100%;height:110px;padding:14px;font-size:16px;line-height:1.5}.sigh-textarea:focus{border-color:#f0c188}body.monochrome .sigh-textarea:focus{border-color:#e8dfd4}.modal-actions{gap:12px;width:100%;display:flex}.btn-cancel{color:#e4e2e4;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;flex:1;min-height:46px}.btn-submit{cursor:pointer;border:none;border-radius:12px;flex:1;min-height:46px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes sighEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sigh-enter{animation:.55s cubic-bezier(.16,1,.3,1) sighEnter}@media (prefers-reduced-motion:reduce){.sigh-enter{animation:none}}@keyframes ambient-glow{0%{opacity:.12}50%{opacity:.25}to{opacity:.12}}.ambient-light{pointer-events:none;z-index:0;background:radial-gradient(circle,#f0c18821 0%,#16131100 70%);border-radius:50%;width:280px;height:280px;animation:8s ease-in-out infinite ambient-glow;position:absolute;top:-120px;left:50%;transform:translate(-50%)}body.monochrome .ambient-light{background:radial-gradient(circle,#e8dfd414 0%,#16131100 70%)}.ambient-light.is-playing{width:480px;height:480px;animation:6.5s ease-in-out infinite ambient-glow;top:-180px}@keyframes breathe{0%,to{box-shadow:0 0 #f0c18847}50%{box-shadow:0 0 38px 4px #f0c18833}}.breathe{animation:4.5s ease-in-out infinite breathe}body.monochrome .breathe{animation:none}@keyframes shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}.skeleton{background:linear-gradient(90deg,#1a1612 25%,#272019 50%,#1a1612 75%) 0 0/480px 100%;border-radius:14px;animation:1.8s linear infinite shimmer}.toast-host{z-index:300;pointer-events:none;flex-direction:column;gap:8px;width:max-content;max-width:88%;display:flex;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e8dfd4;background:#1e1915f0;border:1px solid #f0c1881f;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) both toastIn;display:flex;box-shadow:0 10px 30px #00000080}.install-host{left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:250;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:absolute}.install-card{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1915f7;border:1px solid #f0c1882e;border-radius:20px;align-items:flex-start;gap:14px;width:100%;max-width:460px;padding:16px;display:flex;box-shadow:0 12px 36px #0000008c}@media (prefers-reduced-motion:reduce){.breathe,.ambient-light,.skeleton,.fade-in,.toast{animation:none!important}}body.monochrome{-webkit-filter:grayscale()}@keyframes floatUpZigZag{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}15%{opacity:.9;transform:translateY(-15vh)translate(-15px)scale(1)}45%{transform:translateY(-50vh)translate(20px)scale(1.1)}75%{transform:translateY(-80vh)translate(-20px)scale(.95)}to{opacity:0;transform:translateY(-110vh)translate(10px)scale(.6)}}.floating-flame{pointer-events:none;z-index:50;font-size:26px;animation:5.5s cubic-bezier(.12,0,.39,0) forwards floatUpZigZag;position:absolute;bottom:0}@keyframes tile4In{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes tile4Pop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes ghost4Slide{0%{transform:translate(var(--dx), var(--dy))}to{transform:translate(0)}}@keyframes wordleFlip{0%{background-color:var(--wl-from);transform:scaleY(1)}48%{background-color:var(--wl-from);transform:scaleY(.02)}52%{background-color:var(--wl-to);color:var(--wl-clr,#e8dfd4);border-color:#0000;transform:scaleY(.02)}to{background-color:var(--wl-to);color:var(--wl-clr,#e8dfd4);border-color:#0000;transform:scaleY(1)}}@keyframes wordlePop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes wordleShake{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(6px)}54%{transform:translate(-5px)}72%{transform:translate(4px)}}@keyframes keyGone{to{opacity:0;transform:scale(.25)}}@keyframes particleFloatUp{0%{opacity:0;transform:translate(0,0)scale(.3)}15%{opacity:1;transform:translate3d(var(--tx), -25px, 0) scale(var(--s))}85%{opacity:.95}to{transform:translate3d(calc(var(--tx) * 1.6), -160px, 0) scale(.3);opacity:0}}.burst-particle{pointer-events:none;animation:1.1s cubic-bezier(.1,.8,.2,1) forwards particleFloatUp;animation-delay:var(--delay);z-index:80;font-size:26px;position:absolute}@keyframes flameAura{0%,to{transform:scale(1);box-shadow:0 0 8px #f0c18826,inset 0 0 4px #f0c1880d}50%{transform:scale(1.05);box-shadow:0 0 18px #f0c18873,inset 0 0 8px #f0c18840}}.flame-active-glow{animation:3s ease-in-out infinite flameAura}@keyframes flameBurst{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.4);transform:scale(1.22)rotate(12deg)}to{filter:brightness(1.1);transform:scale(1)rotate(0)}}.flame-burst{animation:.65s cubic-bezier(.175,.885,.32,1.275) forwards flameBurst}
