:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#2563eb;--accent-bg:#2563eb1a;--accent-border:#2563eb80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Noto Sans KR", "Noto Sans JP", "Noto Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Noto Sans KR", "Noto Sans JP", "Noto Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.main-layout{background-color:#f1f5f9;flex-direction:column;width:100%;min-height:100vh;display:flex}.main-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#ffffffe6;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1rem 8%;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:12px;display:flex}.header-logo-img{object-fit:contain;width:3rem;height:3rem;display:block}.header-title{color:#1a1a1a;letter-spacing:-.8px;margin:0;font-size:1.3rem;font-weight:900}.header-right{align-items:center;display:flex}.nav-menu{align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-menu li a{color:#4b5563;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s}.nav-menu li a:hover{color:#000}.how-to-btn{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:700;transition:all .2s}.how-to-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.lang-selector-container{position:relative}.lang-btn{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.lang-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.arrow-icon{color:#9ca3af;font-size:.7rem;transition:transform .2s}.arrow-icon.up{transform:rotate(180deg)}.lang-dropdown{z-index:1001;background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;min-width:140px;padding:8px;list-style:none;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 25px #0000001a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown li{cursor:pointer;color:#4b5563;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;font-weight:600;transition:background-color .2s;display:flex}.lang-dropdown li:hover{color:#111827;background-color:#f3f4f6}.lang-dropdown li.active{color:#2563eb;background-color:#eff6ff}.lang-flag{font-size:1rem}.login-btn{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg,#fff);color:var(--text,#333);border-radius:24px;width:90%;max-width:500px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border,#f3f4f6);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-close-btn{color:var(--text,#9ca3af);cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.5rem;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--text-h,#374151)}.modal-body{flex-direction:column;gap:2rem;padding:2rem;display:flex}.main-footer{background-color:#fff;border-top:1px solid #f0f0f0;margin-top:auto;padding:3rem 8%}.footer-content{flex-direction:column;align-items:center;gap:1rem;max-width:800px;margin:0 auto;display:flex}.copyright{color:#9ca3af;margin:0;font-size:.85rem;font-weight:500}.footer-nav{align-items:center;gap:.8rem;display:flex}.footer-link{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-link:hover{color:#111827}.footer-divider{color:#e5e7eb;font-size:.7rem}.loading-screen{z-index:9999;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.spinner{border:3px solid #0000001a;border-top-color:#4f46e5;border-radius:50%;width:24px;height:24px;animation:.8s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.main-header{padding:.8rem 5%}}@media (width<=480px){.main-header{gap:8px;padding:.7rem 4%}.header-title{font-size:1.05rem}.header-logo-img{width:2.3rem;height:2.3rem}.header-right{gap:8px!important}.how-to-btn,.lang-btn{padding:5px 9px;font-size:.75rem}.lang-btn span:nth-child(2){display:none}.modal-header{padding:1.2rem 1.25rem}.modal-body{gap:1.25rem;padding:1.25rem}}.content-area{box-sizing:border-box;background-color:#f1f5f9;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:40px 20px;display:flex}.main-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;box-sizing:border-box;background-color:#ffffffe6;border:1px solid #ffffff80;border-radius:32px;flex-direction:column;gap:2rem;width:100%;max-width:900px;margin:0 auto 2rem;padding:60px 40px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #00000008,0 10px 10px -5px #00000005}.hero-section-v2{margin-bottom:1rem}.main-slogan{color:#0f172a;letter-spacing:-1.5px;margin:0 0 1.5rem;font-size:2.8rem;font-weight:950;line-height:1.1}.main-description{color:#334155;opacity:0;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;animation:.6s ease-out .8s forwards slideDownFade}.main-join-hint{color:#64748b;opacity:0;margin:0;font-size:1rem;font-weight:600;animation:.6s ease-out 1.1s forwards slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slogan-unified-run{opacity:0;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards runIn;transform:translate(-50px)}@keyframes runIn{0%{opacity:0;transform:translate(-100px)skew(-15deg)}to{opacity:1;transform:translate(0)skew(0)}}.join-section{flex-direction:column;align-items:center;gap:.7rem;width:100%;max-width:640px;margin:0 auto;display:flex}.join-no-code-hint{color:#94a3b8;margin:0;font-size:.82rem}.room-code-wrapper{align-items:center;width:100%;max-width:640px;display:flex;position:relative}.code-prefix{color:#2563eb;pointer-events:none;font-size:1.2rem;font-weight:800;position:absolute;left:20px}.room-code-input{color:#374151;text-align:left;box-sizing:border-box;background-color:#f9fafb;border:1.5px solid #f3f4f6;border-radius:10px;width:100%;padding:.7rem 5.5rem .7rem 2.8rem;font-size:.9rem;font-weight:700}.paste-btn{color:#2563eb;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:all .2s;position:absolute;right:10px}.paste-btn:hover{background-color:#f3f4f6;border-color:#2563eb}.enter-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:640px;padding:.7rem;font-size:1.1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb4d}.enter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.enter-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.divider-container{align-items:center;gap:.8rem;width:100%;max-width:320px;margin:0 auto;display:flex}.dotted-line{border-bottom:2px dotted #f0f0f0;flex:1}.divider-text{color:#9ca3af;white-space:nowrap;font-size:.75rem;font-weight:700}.create-section{justify-content:center;width:100%;max-width:640px;margin:0 auto;display:flex}.create-room-btn{color:#2563eb;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:.7rem;font-size:1.1rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.create-room-btn:hover{background-color:#f9fafb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.create-room-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000000d}.create-options-container{background-color:#f9fafb;border:1px solid #f0f0f0;border-radius:20px;width:100%;padding:1.5rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.options-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.options-title{color:#111827;margin:0;font-size:1rem;font-weight:800}.close-options-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.2rem;line-height:1}.options-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.option-card{cursor:pointer;background-color:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem 1rem;transition:all .2s;display:flex}.option-icon{margin-bottom:.2rem;font-size:2.5rem}.option-label{color:#111827;font-size:1rem;font-weight:800}.options-footer-tips{text-align:left;background-color:#fdfdfd;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:.8rem;margin-top:1.5rem;padding:1.2rem;display:flex}.tip-item{align-items:flex-start;gap:8px;display:flex}.tip-dot{background-color:#94a3b8;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px}.tip-item p{color:#4b5563;margin:0;font-size:.8rem;line-height:1.5}.tip-item strong{color:#111827}.option-card:hover{background-color:#fff;border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 20px #0000000d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg,#fdfdfd);color:var(--text,#333);border-radius:24px;width:90%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border,#f1f5f9);background-color:var(--bg,#fdfdfd);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.modal-header h3{color:var(--text-h,#1e293b);margin:0;font-size:1.25rem;font-weight:800}.modal-close-btn{background:var(--social-bg,#f1f5f9);cursor:pointer;width:32px;height:32px;color:var(--text,#64748b);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{background-color:var(--border,#e2e8f0);color:var(--text-h,#0f172a)}.modal-body{padding:1.5rem}.modal-options-grid{flex-direction:column;gap:.8rem;display:flex}.modal-option-btn{background-color:var(--bg,#fff);border:2px solid var(--border,#f1f5f9);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:1rem;width:100%;padding:1rem;transition:all .2s;display:flex}.modal-option-btn:hover{border-color:var(--accent,#cbd5e1);background-color:var(--bg,#fff)}.m-option-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.m-option-icon-wrapper.draw{background-color:#fee2e2}.m-option-icon-wrapper.quiz{background-color:#fef3c7}.m-option-icon-wrapper.vote{background-color:#dcfce7}.m-option-icon-wrapper.runner{background-color:#e0e7ff}.m-option-text{flex-direction:column;gap:2px;display:flex}.m-option-label{color:var(--text-h,#1e293b);font-size:1rem;font-weight:700}.m-option-desc{color:var(--text,#64748b);font-size:.8rem;font-weight:400}.option-group{margin-bottom:1rem}.group-title-accordion{cursor:pointer;color:#1e293b;border-radius:8px;justify-content:space-between;align-items:center;margin:0;padding:1rem .5rem;font-size:1rem;font-weight:800;transition:all .2s;display:flex}.group-title-accordion:hover{color:#2563eb;background-color:#f1f5f9}.toggle-icon{color:#64748b;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.4rem;font-weight:900;line-height:1;transition:all .2s;display:flex}.group-title-accordion:hover .toggle-icon,.toggle-icon.active{color:#2563eb}.animate-fade{animation:.3s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-up{0%{opacity:0;transform:translateY(40px)scale(.5)}60%{opacity:1;transform:translateY(-10px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.crown-main-animation{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bounce-up,3s ease-in-out .6s infinite float}.divider-light{background-color:#f1f5f9;height:1px;margin:.5rem 0}@media (width<=480px){.content-area{padding:20px 12px}.main-card{border-radius:24px;gap:1.5rem;padding:32px 20px}.main-slogan{letter-spacing:-1px;font-size:2rem}.main-description{font-size:1rem}.main-join-hint{font-size:.85rem}.room-code-input{padding:.7rem 4.5rem .7rem 2.2rem;font-size:.85rem}.paste-btn{padding:4px 8px;font-size:.7rem}.options-grid{grid-template-columns:1fr!important}.option-card{padding:1.2rem 1rem!important}.option-icon{font-size:2rem!important}}.home-intro-section{box-sizing:border-box;text-align:center;background-color:#0000;width:100%;max-width:900px;margin:0 auto;padding:40px 40px 8px}.home-intro-title{color:#111827;margin:0 0 12px;font-size:1.5rem;font-weight:900}.home-intro-desc{color:#64748b;max-width:640px;margin:0 auto 32px;font-size:.95rem;line-height:1.7}.home-feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.home-feature-card{text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px 16px}.home-feature-card h3{color:#1e293b;margin:0 0 8px;font-size:1rem;font-weight:800}.home-feature-card p{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}.home-stats-row{border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;justify-content:center;gap:48px;margin-bottom:24px;padding:24px 0;display:flex}.home-stat-item{flex-direction:column;gap:4px;display:flex}.home-stat-value{color:#2563eb;font-size:1.6rem;font-weight:900}.home-stat-label{color:#94a3b8;font-size:.8rem;font-weight:600}.home-about-link{color:#2563eb;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.home-about-link:hover{text-decoration:underline}@media (width<=640px){.home-feature-grid{grid-template-columns:1fr}.home-stats-row{gap:24px}}.home-blog-teaser{box-sizing:border-box;text-align:center;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:32px;width:100%;max-width:900px;margin:0 auto 2rem;padding:32px 40px}.home-blog-teaser-title{color:#1e3a8a;margin:0 0 8px;font-size:1.2rem;font-weight:900}.home-blog-teaser-desc{color:#3b5a8a;max-width:560px;margin:0 auto 16px;font-size:.9rem;line-height:1.6}.home-blog-teaser-link{color:#2563eb;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.home-blog-teaser-link:hover{text-decoration:underline}.roulette-wrapper{flex-direction:column;align-items:center;gap:24px;display:flex}.roulette-container{aspect-ratio:1;box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:50%;width:380px;max-width:100%;padding:20px;transition:transform .3s;position:relative;box-shadow:0 20px 40px -12px #00000040,inset 0 0 0 1px #ffffff80}.roulette-container:hover{transform:scale(1.01)}.roulette-container canvas{max-width:100%;height:auto;display:block}.roulette-arrow{z-index:100;filter:drop-shadow(0 8px 15px #00000040);pointer-events:none;width:40px;height:50px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.roulette-arrow:before{content:"";clip-path:polygon(50% 100%,15% 0%,85% 0%);background:linear-gradient(#fb7185,#f43f5e);border-radius:0 0 4px 4px;width:24px;height:38px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.roulette-arrow:after{content:"";background:#1e293b;border:4px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0003}.spin-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:none;border-radius:40px;padding:14px 48px;font-size:1.125rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 20px -6px #0000004d}.spin-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.spin-btn:hover:not(:disabled):before{left:100%}.spin-btn:hover:not(:disabled){background:linear-gradient(135deg,#334155 0%,#1e293b 100%);transform:translateY(-3px);box-shadow:0 12px 28px -8px #0006}.spin-btn:active:not(:disabled){transition:transform 50ms;transform:translateY(1px)}.spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.category-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.category-chip{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.category-chip:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.category-chip.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000;box-shadow:0 4px 12px #6366f159}@keyframes chipSelect{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1.05)}}.category-chip.active{animation:.3s cubic-bezier(.34,1.2,.64,1) chipSelect}.winners-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:24px;margin-top:24px;padding:20px;animation:.5s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 8px 32px #00000014}.winners-list h3{color:#1e293b;align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.winners-list h3:before{content:"🏆";font-size:1.2rem}.winner-item{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.winner-item:hover{border-color:#e2e8f0;transform:translate(6px);box-shadow:0 6px 14px #0000000f}.winner-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f14d}.winner-name{color:#1e293b;flex:1;font-weight:600}.winner-date{color:#94a3b8;font-size:.75rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.roulette-setup-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #4f46e526;border-radius:28px;padding:24px;transition:box-shadow .3s;box-shadow:0 4px 20px #0000000a,inset 0 1px #fffc}.roulette-setup-section:hover{box-shadow:0 8px 30px #4f46e514,inset 0 1px #fff}.roulette-canvas{filter:drop-shadow(0 8px 16px #00000026);transition:filter .3s}.roulette-canvas:hover{filter:drop-shadow(0 12px 24px #0003)}.personal-game-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.personal-game-modal-content{background-color:#fff;border-radius:32px;flex-direction:column;width:100%;max-width:850px;height:700px;max-height:90vh;animation:.5s cubic-bezier(.16,1,.3,1) modalPopUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}@keyframes modalPopUp{0%{opacity:0;transform:scale(.95)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.personal-game-modal-header{background:linear-gradient(90deg,#fff,#f9fafb);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.personal-game-modal-header h3{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:1.4rem;font-weight:900}.close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.close-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.personal-game-modal-body{flex:1;grid-template-columns:42% 58%;display:grid;overflow:hidden}.input-section{background-color:#fff;border-right:1px solid #f1f5f9;flex-direction:column;gap:24px;min-height:0;padding:24px;display:flex}.item-input-group,.item-input-wrapper{flex-direction:column;gap:12px;display:flex}.item-main-inputs{align-items:center;gap:8px;width:100%;display:flex}.item-input{color:#0f172a;background-color:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;flex:1;min-width:0;height:48px;padding:0 18px;font-size:1rem;font-weight:500;transition:all .2s}.item-input:focus{background-color:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.weight-input-container{background-color:#f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.weight-label{color:#475569;font-size:.9rem;font-weight:700}.weight-input{color:#6366f1;text-align:right;background:0 0;border:none;width:60px;font-size:1.1rem;font-weight:800}.add-item-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e533}.add-item-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.input-tip{color:#94a3b8;text-align:center;margin:0;font-size:.8rem}.item-list-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.item-list{flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.item-list::-webkit-scrollbar{width:5px}.item-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.item-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.item-row:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translate(4px)}.item-info{align-items:center;gap:12px;display:flex}.item-name{color:#1e293b;font-weight:700}.item-weight-badge{color:#4338ca;background-color:#e0e7ff;border-radius:10px;padding:3px 10px;font-size:.75rem;font-weight:800}.remove-item-btn{color:#f43f5e;cursor:pointer;background:#fff1f2;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;transition:all .2s;display:flex}.remove-item-btn:hover{background:#ffe4e6;transform:scale(1.1)}.game-section{background-color:#f8fafc;flex-direction:column;align-items:center;padding:40px;display:flex;position:relative}.game-play-area{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.section-title{color:#6366f1;background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin:0;padding:6px 14px;font-size:.85rem;font-weight:800;position:absolute;top:20px;left:24px;box-shadow:0 4px 6px -1px #0000000d}.draw-result-container{text-align:center;background:#fff;border-radius:32px;padding:40px;animation:.6s cubic-bezier(.34,1.56,.64,1) resultPop;box-shadow:0 20px 40px #6366f11a}@keyframes resultPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-label{color:#64748b;margin-bottom:12px;font-size:1rem;font-weight:700}.result-value{color:#4f46e5;background:linear-gradient(#6366f1,#4338ca);-webkit-text-fill-color:transparent;word-break:break-all;-webkit-background-clip:text;max-width:100%;margin-bottom:24px;font-size:2rem;font-weight:900;line-height:1.2}.finished-view-v2{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}@keyframes explosiveSparkle{0%{opacity:1;transform:translate(0)scale(0)rotate(0)}to{transform:translate(var(--tx), var(--ty)) scale(1.2) rotate(var(--rot));opacity:0}}.result-card-v2{box-sizing:border-box;background:#fff padding-box padding-box;border:4px solid #0000;border-radius:40px;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:420px;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards resultPopV2;display:flex;position:relative;box-shadow:0 20px 50px #00000014}@keyframes resultPopV2{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.result-label-v2{color:#64748b;letter-spacing:.3em;text-transform:uppercase;background:#f1f5f9;border-radius:10px;padding:6px 16px;font-weight:800;display:inline-block}.result-name{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;word-break:break-all;text-align:center;-webkit-background-clip:text;margin:0;font-weight:1000;line-height:1.1}.reset-btn-v2{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:20px;flex:1;padding:16px;font-size:1.05rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #4f46e540}.reset-btn-v2:hover{transform:translateY(-4px);box-shadow:0 15px 30px -5px #4f46e559}.mode-tabs-container{box-sizing:border-box;background-color:#e2e8f0;border-radius:20px;flex-shrink:0;gap:8px;width:280px;max-width:100%;margin-top:auto;padding:6px;display:flex}.mode-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:16px;flex:1;padding:10px;font-size:.9rem;font-weight:800;transition:all .3s}.mode-tab.active{color:#0f172a;background-color:#fff;box-shadow:0 4px 12px #0000001a}.pg-slot-machine-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:28px;justify-content:center;align-items:center;width:320px;max-width:100%;margin-bottom:20px;padding:16px;display:flex;position:relative;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.pg-slot-window{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;flex-direction:column;width:100%;height:80px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 8px 16px #0000000f,inset 0 -8px 16px #0000000f}.pg-slot-window:before,.pg-slot-window:after{content:"";z-index:10;pointer-events:none;height:24px;position:absolute;left:0;right:0}.pg-slot-window:before{background:linear-gradient(#f8fafcf2,#f8fafc00);top:0}.pg-slot-window:after{background:linear-gradient(#f8fafc00,#f8fafcf2);bottom:0}.slot-reel{flex-direction:column;width:100%;display:flex;transform:translateY(0)}.slot-reel-spinning{animation:3.7s cubic-bezier(.15,0,.05,1) forwards personalSlotSlide}@keyframes personalSlotSlide{0%{transform:translateY(var(--start-y,-3840px))}to{transform:translateY(0)}}.slot-item{color:#1e293b;box-sizing:border-box;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;height:80px;min-height:80px;max-height:80px;font-size:1.6rem;font-weight:850;transition:background-color .2s,color .2s;display:flex}.slot-item-active{color:#4338ca;background-color:#e0e7ff;border-radius:8px}.pg-slot-pointer-left,.pg-slot-pointer-right{filter:drop-shadow(0 2px 4px #6366f133);z-index:20;border-top:16px solid #0000;border-bottom:16px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.pg-slot-pointer-left{border-left:24px solid #6366f1;left:-26px}.pg-slot-pointer-right{border-right:24px solid #6366f1;right:-26px}.pg-drawing-text{color:#6366f1;margin-top:15px;font-size:1.25rem;font-weight:800}@media (width<=480px){.pg-slot-machine-container{padding:12px}.pg-slot-pointer-left,.pg-slot-pointer-right{border-top-width:12px;border-bottom-width:12px}.pg-slot-pointer-left{border-left-width:18px;left:-18px}.pg-slot-pointer-right{border-right-width:18px;right:-18px}}@media (width<=800px){.personal-game-modal-body{grid-template-columns:1fr;overflow-y:auto}.input-section{border-bottom:1px solid #f1f5f9;border-right:none}.game-section{padding:30px 20px}}.room-layout-v2{background:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.room-content-v2{box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.room-card-v2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffffd9;border:1px solid #ffffff80;border-radius:28px;width:100%;max-width:580px;margin:auto;padding:30px;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #00000008,0 10px 10px -5px #00000005}.room-card-header-tools{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.delete-room-btn-small{color:#f43f5e;cursor:pointer;background:#fff1f2;border:1px solid #ffe4e6;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.delete-room-btn-small:hover{background:#fee2e2;transform:translateY(-1px)}.room-info-badge{letter-spacing:.02em;border-radius:30px;align-items:center;gap:10px;padding:8px 18px;font-size:.85rem;font-weight:850;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000d}.room-info-badge.host{color:#b45309;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fbbf24;box-shadow:0 4px 12px #fbbf2433}.room-info-badge.host .dot,.room-info-badge.host .dot:after{background:#f59e0b}.room-info-badge.participant{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #60a5fa;box-shadow:0 4px 12px #60a5fa33}.room-info-badge.participant .dot,.room-info-badge.participant .dot:after{background:#3b82f6}.dot{border-radius:50%;width:8px;height:8px;position:relative}.dot:after{content:"";border-radius:inherit;width:100%;height:100%;animation:1.5s cubic-bezier(.455,.03,.515,.955) infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.code-display-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:15px 20px}.code-display-section .label{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.7rem;font-weight:800;display:block}.code-main-wrapper{justify-content:center;align-items:center;gap:15px;display:flex}.room-expiry-note{color:#94a3b8;margin-top:10px;font-size:.78rem;font-weight:600;display:block}.room-expiry-time{font-size:.68rem;font-weight:500}.room-code-text{color:#0f172a;letter-spacing:-.02em;font-size:2.2rem;font-weight:950;font-family:var(--sans);margin:0}.copy-link-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.copy-link-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.room-ad-section{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:16px;margin:15px 0;padding:8px}.ad-label{color:#cbd5e1;letter-spacing:.1em;margin-bottom:4px;font-size:.6rem;font-weight:800;display:block}.ad-content-placeholder{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:60px;font-size:.8rem;display:flex}.divider-v2{background:#f1f5f9;height:1px;margin:20px 0}.view-header h3{color:#0f172a;letter-spacing:-.02em;margin-bottom:5px;font-size:1.25rem;font-weight:900}.view-header p{color:#64748b;font-size:.85rem;font-weight:500}.item-input-v2{gap:10px;margin:20px 0;display:flex}.item-input-v2 input{background:#f8fafc;border:2px solid #0000;border-radius:12px;flex:1;padding:10px 16px;font-size:.9rem;transition:all .2s}.item-input-v2 input:focus{background:#fff;border-color:#007aff;outline:none;box-shadow:0 0 0 4px #007aff1a}.item-input-v2 button{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;padding:0 20px;font-weight:700}.item-list-container-v2{text-align:left;background:#f1f5f9;border:1px solid #00000005;border-radius:24px;padding:16px 20px}.list-meta{color:#475569;margin-bottom:12px;font-size:.8rem;font-weight:700}.item-scroll-area{max-height:160px;padding-right:8px;overflow-y:auto}.item-scroll-area::-webkit-scrollbar{width:6px}.item-scroll-area::-webkit-scrollbar-track{background:0 0}.item-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.item-grid-v2{flex-wrap:wrap;gap:8px;display:flex}.item-chip-v2{background:#fff;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #00000005}.item-chip-v2:hover{transform:translateY(-2px)}.chip-name{color:#1e293b;font-size:.9rem;font-weight:700}.draw-start-btn-v2{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:18px;width:100%;margin-top:25px;padding:18px;font-size:1.15rem;font-weight:900;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 15px 20px -5px #4f46e533}.draw-start-btn-v2:hover:not(:disabled){transform:translateY(-4px)scale(1.02);box-shadow:0 25px 30px -5px #4f46e54d}.draw-start-btn-v2:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1;transform:none}.drawing-view-v2{flex-direction:column;align-items:center;padding:30px 0;display:flex}.slot-machine-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:28px;justify-content:center;align-items:center;width:320px;max-width:100%;margin-bottom:40px;padding:16px;display:flex;position:relative;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.slot-window{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;flex-direction:column;width:100%;height:80px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 8px 16px #0000000f,inset 0 -8px 16px #0000000f}.slot-window:before,.slot-window:after{content:"";z-index:10;pointer-events:none;height:24px;position:absolute;left:0;right:0}.slot-window:before{background:linear-gradient(#f8fafcf2,#f8fafc00);top:0}.slot-window:after{background:linear-gradient(#f8fafc00,#f8fafcf2);bottom:0}.slot-reel-v3{width:100%;animation:slotSlideV3 var(--duration,5s) cubic-bezier(.15, 0, .05, 1) forwards;flex-direction:column;display:flex;transform:translateY(0)}.slot-item-v3{color:#1e293b;box-sizing:border-box;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;height:80px;min-height:80px;max-height:80px;font-size:1.6rem;font-weight:850;display:flex}@keyframes slotSlideV3{0%{transform:translateY(var(--start-y,-3840px))}to{transform:translateY(0)}}.slot-pointer-left,.slot-pointer-right{filter:drop-shadow(0 2px 4px #6366f133);z-index:20;border-top:16px solid #0000;border-bottom:16px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.slot-pointer-left{border-left:24px solid #6366f1;left:-36px}.slot-pointer-right{border-right:24px solid #6366f1;right:-36px}.drawing-text{background:linear-gradient(90deg,#6366f1,#a855f7,#6366f1) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:15px;padding:.1em 0;font-size:1.75rem;font-weight:950;line-height:1.4;animation:2s linear infinite shine}@keyframes shine{to{background-position:200%}}.loading-bar-v2{background:#f1f5f9;border-radius:10px;width:280px;max-width:100%;height:12px;margin:0 auto;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.progress-fill-v2{background:linear-gradient(90deg,#6366f1,#9333ea);width:0;height:100%;animation:3s cubic-bezier(.65,0,.35,1) forwards fillProgress}@keyframes fillProgress{0%{width:0%}to{width:100%}}.finished-view-v2{flex-direction:column;align-items:center;width:100%;padding:10px 0;display:flex;position:relative}.result-celebration{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.sparkle{opacity:0;font-size:2rem;animation:1.5s cubic-bezier(.1,.8,.3,1) forwards explosiveSparkle;position:absolute}.result-card-v2{box-sizing:border-box;background:#fff padding-box padding-box;border:4px solid #0000;border-radius:40px;flex-direction:column;align-items:center;gap:15px;width:100%;margin:10px 0 30px;padding:50px 30px;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards resultPopV2;display:flex;position:relative;box-shadow:0 20px 50px #00000014}.result-card-v2:before{content:"";z-index:-1;opacity:.8;background:linear-gradient(135deg,#2563eb,#60a5fa,#10b981);border-radius:46px;position:absolute;inset:-6px}.result-label-v2{color:#64748b;letter-spacing:.3em;text-transform:uppercase;background:#f1f5f9;border-radius:10px;margin-bottom:0;padding:6px 16px;font-size:.9rem;font-weight:800;display:inline-block}.result-name{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;word-break:break-all;-webkit-background-clip:text;margin:0;font-size:3.5rem;font-weight:1000;line-height:1.1}.winners-list{box-sizing:border-box;background:#f8fafc;border-radius:24px;width:100%;padding:20px}.result-actions{justify-content:center;gap:16px;width:100%;max-width:480px;margin:30px auto 0;display:flex}.reset-btn-v2{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:20px;flex:1;padding:18px;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-btn-v2:hover{background:#1e293b;transform:translateY(-4px);box-shadow:0 15px 30px -5px #0f172a4d}.room-footer-v2{text-align:center;padding:30px}.deletion-notice{color:#94a3b8;font-size:.85rem;font-weight:500}@media (width<=480px){.room-content-v2{padding:20px 12px}.room-card-v2{border-radius:22px;padding:20px 16px}.room-code-text{font-size:1.7rem}.slot-machine-container{padding:12px}.slot-pointer-left,.slot-pointer-right{border-top-width:12px;border-bottom-width:12px}.slot-pointer-left{border-left-width:18px;left:-20px}.slot-pointer-right{border-right-width:18px;right:-20px}.drawing-text{font-size:1.4rem}.result-name{font-size:2.4rem}.result-card-v2{padding:36px 18px}.result-actions{gap:10px}.reset-btn-v2{padding:14px;font-size:.95rem}}.race-game-wrapper{justify-content:center;width:100%;display:flex}.race-game-canvas{aspect-ratio:800/360;border:4px solid #555;border-radius:16px;width:100%;max-width:800px;height:auto;box-shadow:0 10px 25px -5px #0003}.how-to-page{box-sizing:border-box;text-align:left;flex:1;width:100%;max-width:720px;margin:0 auto;padding:40px 20px 80px}.how-to-page-title{color:#0f172a;text-align:center;margin:0 0 32px;font-size:2rem;font-weight:950}.how-to-tabs{background-color:#e2e8f0;border-radius:20px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.how-to-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:16px;flex:1;padding:12px 8px;font-size:.9rem;font-weight:800;transition:all .3s}.how-to-tab.active{color:#0f172a;background-color:#fff;box-shadow:0 4px 12px #0000001a}.feedback-email-link{color:#2563eb;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-block}.feedback-email-link:hover{text-decoration:underline}.how-to-section{box-sizing:border-box;background-color:#ffffffe6;border:1px solid #ffffff80;border-radius:28px;margin-bottom:24px;padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #00000008}.how-to-section-title{color:#0f172a;margin:0 0 16px;font-size:1.3rem;font-weight:900}.about-intro{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700;line-height:1.6}.about-desc{color:#64748b;margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.how-to-steps{flex-direction:column;gap:20px;display:flex}.how-to-step h3{color:#111827;margin:0 0 6px;font-size:1.05rem;font-weight:800}.how-to-step p{color:#64748b;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}@media (width<=480px){.how-to-page{padding:24px 12px 60px}.how-to-page-title{font-size:1.5rem}.how-to-section{border-radius:20px;padding:20px 16px}}.blog-list-page{box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;padding:48px 24px 80px}.blog-hero{text-align:center;margin-bottom:48px}.blog-hero-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 12px;font-size:2.2rem;font-weight:900}.blog-hero-subtitle{color:#64748b;margin:0;font-size:1.05rem}.blog-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.blog-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #eef2f7;border-radius:24px;flex-direction:column;padding:0;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.blog-card:hover{border-color:#bfdbfe;transform:translateY(-6px);box-shadow:0 20px 32px -12px #2563eb38}.blog-card-cover{background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%);justify-content:center;align-items:center;height:140px;font-size:3rem;display:flex}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:20px 22px 24px;display:flex}.blog-card-date{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.blog-card-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800;line-height:1.4}.blog-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card-readmore{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2563eb,#a21caf);-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:.85rem;font-weight:800}.blog-card-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:24px;height:260px;animation:1.4s ease-in-out infinite blogSkeleton}@keyframes blogSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;font-weight:600;display:flex}.blog-empty-emoji{font-size:2.5rem}.blog-post-page{padding:32px 20px 80px}.blog-post-inner{max-width:860px;margin:0 auto}.blog-back-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;margin:0 0 20px auto;padding:0;font-size:.9rem;font-weight:700;display:block}.blog-article-card{background:#fff;border-radius:28px;padding:40px clamp(20px,5vw,56px) 48px;box-shadow:0 24px 48px -16px #0f172a1f,0 0 0 1px #0f172a08}.blog-article-header{text-align:center;margin-bottom:28px}.blog-article-cover{background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:2.2rem;display:inline-flex}.blog-article-date-badge{color:#2563eb;letter-spacing:.02em;background:#eff6ff;border-radius:100px;margin-top:16px;padding:5px 14px;font-size:.8rem;font-weight:800;display:inline-block}.blog-article-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 12px;font-size:1.85rem;font-weight:900;line-height:1.35}.blog-article-desc{color:#64748b;margin:0;font-size:1rem;line-height:1.6}.blog-article-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin-bottom:32px}.blog-body{text-align:left;flex-direction:column;gap:28px;width:100%;max-width:68ch;margin:0 auto;display:flex}.blog-body-text{color:#1e293b;letter-spacing:-.003em;text-align:left;font-size:1.08rem;line-height:1.9}.blog-body-text>:first-child{margin-top:0}.blog-body-text>:last-child{margin-bottom:0}.blog-body-text p{margin:0 0 1.1em}.blog-body-text strong{color:#0f172a;font-weight:800}.blog-body-text em{font-style:italic}.blog-body-text a{color:#2563eb;text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #2563eb59;text-decoration:underline #2563eb59}.blog-body-text a:hover{text-decoration-color:currentColor}.blog-body-text ul,.blog-body-text ol{flex-direction:column;gap:.5em;margin:0 0 1.1em;padding-left:1.5em;display:flex}.blog-body-text li{line-height:1.75}.blog-body-text li::marker{color:#2563eb;font-weight:700}.blog-body-text blockquote{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%);border-left:4px solid #2563eb;border-radius:0 16px 16px 0;margin:.4em 0 1.1em;padding:16px 24px;font-weight:600}.blog-body-text blockquote p{margin:.4em 0}.blog-body-text code{color:#db2777;background:#f1f5f9;border-radius:6px;padding:.15em .45em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.9em}.blog-body-text pre{color:#e2e8f0;background:#0f172a;border-radius:14px;margin:0 0 1.1em;padding:18px 20px;overflow-x:auto}.blog-body-text pre code{color:inherit;background:0 0;padding:0}.blog-body-text hr{border:none;border-top:1.5px solid #e2e8f0;margin:1.5em 0}.blog-body-heading{color:#0f172a;letter-spacing:-.015em;border-top:3px solid #dbeafe;margin:4px 0 0;padding-top:4px;font-size:1.4rem;font-weight:850;line-height:1.4}.blog-body-figure{margin:4px 0}.blog-body-image{border-radius:20px;width:100%;box-shadow:0 16px 32px -12px #0f172a2e}.blog-cta-wrapper{border-top:1.5px solid #f1f5f9;justify-content:center;margin-top:40px;padding-top:32px;display:flex}.blog-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border:none;border-radius:100px;padding:16px 40px;font-size:1.02rem;font-weight:800;transition:all .2s;box-shadow:0 12px 24px -8px #2563eb66}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px #2563eb80}.blog-share-wrapper{text-align:center;border-top:1.5px solid #f1f5f9;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.blog-share-label{color:#64748b;font-size:.9rem;font-weight:700}.blog-share-buttons{gap:10px;display:flex}.blog-share-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:all .2s}.blog-share-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.blog-related-section{max-width:860px;margin:40px auto 0}.blog-related-title{color:#0f172a;letter-spacing:-.02em;text-align:left;margin:0 0 20px;font-size:1.3rem;font-weight:900}@media (width<=480px){.blog-hero-title{font-size:1.7rem}.blog-card-grid{grid-template-columns:1fr}.blog-article-title{font-size:1.5rem}.blog-article-card{border-radius:22px;padding:32px 20px 40px}}.blog-not-found{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:100px 20px;display:flex}.blog-not-found-emoji{font-size:3rem}.blog-not-found-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:900}.blog-not-found-desc{color:#64748b;margin:0 0 12px;font-size:.95rem}.admin-editor-page{max-width:760px;margin:0 auto;padding:40px 20px 80px;font-family:inherit}.admin-editor-title{margin-bottom:24px;font-size:1.6rem;font-weight:900}.admin-editor-row{gap:12px;margin-bottom:16px;display:flex}.admin-editor-input{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.admin-editor-input:focus{border-color:#2563eb;outline:none}.admin-editor-title-input{margin-bottom:10px;font-size:1.15rem;font-weight:800}.admin-editor-textarea{resize:vertical;margin-bottom:20px}.admin-editor-tabs{gap:8px;margin-bottom:20px;display:flex}.admin-editor-tab{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:8px 18px;font-weight:700;transition:all .15s}.admin-editor-tab.active{color:#fff;background:#0f172a}.admin-editor-body-label{color:#94a3b8;margin-bottom:8px;font-size:.85rem;font-weight:600}.admin-editor-blocks{margin-bottom:24px}.editor-insert-bar{opacity:.45;align-items:center;gap:10px;padding:6px 0;transition:opacity .15s;display:flex}.editor-insert-bar:hover{opacity:1}.editor-insert-line{background:#cbd5e1;flex:1;height:1px}.editor-insert-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:100px;flex-shrink:0;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.editor-insert-btn:hover{color:#fff;background:#2563eb;border-style:solid}.admin-editor-block{background:#fafbfc;border:1.5px solid #f1f5f9;border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex;position:relative}.admin-editor-block-controls{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.admin-editor-block-controls button{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:28px;height:28px;font-size:.85rem}.admin-editor-block-controls button:disabled{opacity:.3;cursor:default}.admin-editor-block-controls button.danger{color:#ef4444;background:#fee2e2;border-color:#0000}.admin-editor-block-text{resize:vertical;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:10px;font-family:inherit;font-size:.95rem}.admin-editor-block-image{object-fit:cover;border-radius:10px;flex:1;width:auto;max-width:100%;max-height:220px}.admin-editor-cta-box{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:18px}.admin-editor-cta-title{margin-bottom:10px;font-weight:700}.admin-editor-save-row{gap:10px;display:flex}.admin-editor-save-btn{cursor:pointer;border-radius:14px;flex:1;padding:14px;font-size:.95rem;font-weight:700;transition:all .15s}.admin-editor-save-btn.draft{color:#334155;background:#fff;border:1.5px solid #e2e8f0}.admin-editor-save-btn.publish{color:#fff;background:#2563eb;border:none}.admin-editor-save-btn:disabled{opacity:.6;cursor:not-allowed}