@font-face{font-family:Lexend;src:url(/assets/Lexend-Thin-DzmBbDTa.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-ExtraLight-DKzwUno_.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-Light-DR1cpCDs.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-Regular-OweyRy1T.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-Medium-DQi9piAE.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-SemiBold-DSrV2vjY.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-Bold-pDQ6r_O_.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-ExtraBold-DdIcXD2H.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-Black-DEKrRZPc.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}:root{--primary-color: #656ecc;--primary-hover: #5855eb;--success-color: #5CEB72;--error-color: #E84855;--guess-color: #FFB123;--text-primary: #1F1B1B;--text-muted: #9ca3af;--background: #efefef;--overlay-background: #6b7280;--time-color: #656ecc;--background-purple: #dfe1fb;--box-background: #e3e1de;--border: #BFBFBF;--modal-backdrop: rgba(31, 27, 27, .8);--header-background-alpha: rgba(239, 239, 239, .95);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--fs-xs: clamp(.75rem, 2vw, .875rem);--fs-sm: clamp(.875rem, 2.5vw, 1rem);--fs-base: clamp(1rem, 3vw, 2.125rem);--fs-lg: clamp(1.125rem, 3.5vw, 1.25rem);--fs-xl: clamp(1.25rem, 4vw, 1.5rem);--fs-2xl: clamp(1.5rem, 5vw, 1.875rem);--fs-3xl: clamp(1.875rem, 6vw, 2.25rem);--fs-4xl: clamp(2.25rem, 8vw, 3rem);--fs-5xl: clamp(3rem, 10vw, 3.75rem);--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 2vw, .75rem);--space-md: clamp(1rem, 3vw, 1.5rem);--space-lg: clamp(1.5rem, 4vw, 2rem);--space-xl: clamp(2rem, 5vw, 3rem);--space-2xl: clamp(3rem, 6vw, 4rem);--container-sm: 36rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem}[data-theme=dark]{--text-primary: #efefef;--text-muted: #9ca3af;--background: #111827;--border: #374151;--header-background-alpha: rgba(17, 24, 39, .95);--modal-backdrop: rgba(239, 239, 239, .8);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3)}*{box-sizing:border-box;font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Lexend,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-base);line-height:1.5;color:var(--text-primary);transition:background-color .2s ease,color .2s ease;touch-action:manipulation;min-height:100vh;min-height:100dvh}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:transparent}.countdown-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:var(--overlay-background)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;z-index:999999!important;display:block!important;visibility:visible!important;opacity:1!important}.countdown-content{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;text-align:center!important;visibility:visible!important;opacity:1!important;background:transparent!important;padding:var(--space-xl)!important}.countdown-category{color:var(--background)!important;font-size:var(--fs-lg)!important;font-weight:400!important;letter-spacing:.2em!important;margin-bottom:var(--space-sm)!important;text-transform:uppercase!important;visibility:visible!important;opacity:1!important}.countdown-category-name{color:#ffb123!important;font-size:var(--fs-2xl)!important;font-weight:700!important;letter-spacing:.25em!important;text-transform:uppercase!important;margin-bottom:var(--space-xl)!important;visibility:visible!important;opacity:1!important}.countdown-number{color:var(--background)!important;font-size:clamp(2rem,10vw,1rem)!important;font-weight:800!important;line-height:1!important;visibility:visible!important;opacity:1!important;font-family:Lexend,sans-serif!important}@keyframes countdownPulse{0%{transform:scale(.8)!important;opacity:0!important}50%{transform:scale(1.05)!important;opacity:1!important}to{transform:scale(1)!important;opacity:1!important}}.welcome-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:var(--overlay-background)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;padding:0!important}.welcome-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-evenly!important;text-align:center!important;color:var(--text-primary)!important;max-width:min(100%,35rem)!important;width:100%!important;min-height:100vh!important;min-height:100dvh!important;padding:clamp(1vh,3vh,5vh) var(--space-md) clamp(1vh,3vh,5vh)!important;margin:0 auto!important;box-sizing:border-box!important}.welcome-logo{width:clamp(2.5rem,12vh,5rem)!important;height:clamp(2.5rem,12vh,5rem)!important;align-self:center!important;margin-bottom:0!important;flex-shrink:0!important}.welcome-title{font-size:clamp(1.25rem,5vh,3rem)!important;font-weight:800!important;letter-spacing:clamp(.1em,.5vh,.25em)!important;color:var(--text-primary)!important;font-family:Lexend,sans-serif!important;text-align:center!important;text-transform:uppercase!important;margin:0 auto!important;width:100%!important;display:block!important;flex-shrink:0!important}.welcome-rules{font-size:clamp(1rem,4vh,2.5rem)!important;font-weight:200!important;letter-spacing:clamp(.1em,.4vh,.25em)!important;width:100%!important;align-content:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;flex-shrink:0!important;margin-bottom:0!important;max-width:none!important;white-space:normal!important;overflow:visible!important;line-height:clamp(1.1,2vh,1.3)!important}.welcome-rules div{text-align:center!important}.welcome-go{font-size:clamp(.8rem,2.5vh,1.125rem)!important;font-weight:400!important;width:100%!important;letter-spacing:clamp(.05em,.3vh,.25em)!important;max-width:30rem!important;align-content:center!important;text-align:center!important;margin:0 auto!important;flex-shrink:0!important}.welcome-play-btn{background:var(--primary-color)!important;color:var(--background)!important;border:none!important;padding:clamp(.6rem,2vh,1rem) clamp(1rem,3vh,1.5rem)!important;border-radius:var(--radius-lg)!important;font-size:clamp(.75rem,2.5vh,1.125rem)!important;font-weight:700!important;letter-spacing:clamp(.03em,.2vh,.1em)!important;cursor:pointer!important;transition:all .2s ease!important;font-family:Lexend,sans-serif!important;text-transform:uppercase!important;align-self:center!important;width:100%;max-width:clamp(10rem,30vh,15rem)!important;margin-bottom:0!important;flex-shrink:0!important}.welcome-play-btn:hover{background:var(--primary-hover)!important;transform:translateY(-2px)!important}.welcome-help{font-size:clamp(.65rem,2vh,.875rem)!important;font-weight:700!important;color:var(--text-primary)!important;text-decoration:underline!important;cursor:pointer!important;font-family:Lexend,sans-serif!important;text-transform:uppercase!important;letter-spacing:clamp(.03em,.15vh,.08em)!important;align-self:center!important;background-color:transparent;border:none;padding:clamp(.25rem,1vh,.5rem)!important;flex-shrink:0!important;margin-bottom:0!important}.welcome-help:hover{opacity:.8!important}.game-header{position:fixed;top:0;left:0;right:0;background:var(--background);border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .game-header{background:var(--header-background-alpha)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.header-logo{height:clamp(1.5rem,5vw,2rem);width:auto}.header-nav-btn{width:clamp(2rem,8vw,2.5rem);height:clamp(2rem,8vw,2.5rem);border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:transparent;color:var(--text-primary);box-shadow:none}.header-nav-btn:hover{background:#6366f11a;color:var(--text-primary);transform:translateY(-1px)}.header-nav-btn:focus{outline:none;background:#6366f126;box-shadow:none}.header-nav-btn img,.header-nav-btn svg{width:clamp(1rem,4vw,1.25rem);height:clamp(1rem,4vw,1.25rem);opacity:.7;transition:opacity .2s ease}.header-nav-btn:hover img,.header-nav-btn:hover svg{opacity:1}[data-theme=dark] .header-nav-btn img:not([style*=filter]){filter:invert(1)}.header-login-btn{padding:var(--space-xs) var(--space-md);border-radius:1.25rem;border:1px solid var(--border);cursor:pointer;font-size:var(--fs-sm);font-weight:500;transition:all .2s ease;background:var(--background);color:var(--text-primary);margin-left:var(--space-xs)}.header-login-btn:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}@media (max-width: 30rem){.header-login-btn{font-size:0;padding:var(--space-xs);width:clamp(2rem,8vw,2.5rem);height:clamp(2rem,8vw,2.5rem);border-radius:var(--radius-full)}.header-login-btn:before{content:"👤";font-size:var(--fs-base)}}.timer-display{display:flex;align-items:center;justify-content:center;gap:.1875rem;font-variant-numeric:tabular-nums;margin-top:clamp(2rem,8vh,4rem)}.timer-card{background-color:var(--box-background);border-radius:.25rem;padding:.25rem .1875rem;display:flex;align-items:center;justify-content:center;min-width:.875rem;box-shadow:var(--shadow-sm)}.timer-number{font-size:var(--fs-sm);font-weight:600;line-height:1;color:var(--text-primary)}.timer-colon{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);margin:0 .125rem;line-height:1}.game-container{background:var(--background);width:100%;max-width:var(--container-sm);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,3vh,var(--space-md));min-height:100vh;min-height:100dvh;padding:clamp(.75rem,3vh,var(--space-md));border-radius:0;box-shadow:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.category{font-size:clamp(1rem,4vw,var(--fs-lg));font-weight:700;text-transform:uppercase;letter-spacing:.125em;text-align:center;color:var(--text-primary);margin-bottom:clamp(.5rem,2vh,var(--space-sm))}.word-container{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;width:100%;gap:clamp(.5rem,2vw,var(--space-sm))}.word-level{font-size:clamp(.75rem,3vw,var(--fs-sm));color:var(--text-primary);text-align:right}.word-display{display:flex;gap:clamp(.2rem,1.5vw,.5rem);justify-content:center;flex-wrap:wrap;max-width:100%;justify-self:center}.letter-box{width:clamp(1.5rem,8vw,2.5rem);height:clamp(1.5rem,8vw,2.5rem);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,4vw,1.25rem);font-weight:700;background:var(--box-background);transition:none;color:var(--text-primary);position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.letter-box.filled{background:var(--guess-color);border-color:var(--guess-color);color:var(--background);cursor:pointer}.letter-box:not(.filled){cursor:default}.letter-box.error{background:var(--error-color);border-color:var(--error-color);color:var(--background)}.letters-section{display:flex;align-items:center;gap:0;width:100%;max-width:var(--container-sm);padding:clamp(.5rem,2vh,var(--space-md)) 0}.letters-grid{display:flex;gap:clamp(.25rem,.8vw,.5rem);flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:clamp(2.5rem,10vh,3rem);padding:clamp(.5rem,2vh,var(--space-md)) 0;margin-top:clamp(.5rem,2vh,var(--space-md))}.letters-grid::-webkit-scrollbar{display:none}.letter-tile{width:clamp(2rem,11vw,3.375rem);height:clamp(2rem,11vw,3.375rem);margin:clamp(.1rem,.8vw,.3125rem);background:var(--box-background);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,5vw,2rem);font-weight:700;cursor:pointer;transition:none;color:var(--text-primary);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;position:relative;flex-shrink:0}.letter-tile.used{opacity:.4;cursor:pointer;background:var(--border)}.action-buttons{display:flex;gap:clamp(.375rem,1.5vw,var(--space-xs));width:100%;max-width:min(100%,18.75rem)}.action-btn{flex:1;padding:clamp(.5rem,2vh,var(--space-sm)) clamp(.75rem,3vw,var(--space-md));border:2px solid var(--border);background:var(--box-background);border-radius:var(--radius-md);font-size:clamp(.65rem,2.5vw,.875rem);font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.03125em;color:var(--text-primary);height:clamp(2rem,8vh,2.5rem);display:flex;align-items:center;justify-content:center}.action-btn:hover:not(:disabled){background:var(--background);border-color:var(--border);color:var(--text-primary)}.action-btn:disabled{opacity:.5;outline:none}.action-btn:hover:disabled{opacity:.5;outline:none;border:2px solid var(--border)}.icon-btn{width:clamp(2rem,11vw,3rem);height:clamp(1.125rem,11vw,5rem);border-radius:var(--radius-md);background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);flex-shrink:0;margin:clamp(.5rem,2vh,1rem) -.5rem 0 -.5rem;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:transparent}.icon-btn:focus,.icon-btn:active,.icon-btn:hover{background-color:transparent!important;outline:none;border:none}.icon-btn:focus{box-shadow:none!important}.icon-btn img{width:clamp(.875rem,3.5vw,1.25rem);height:clamp(.875rem,3.5vw,1.5rem);opacity:.7;transition:opacity .2s ease}.progress-section{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2vh,var(--space-md));margin-bottom:clamp(.5rem,2vh,var(--space-md))}.progress-stats{text-align:center;color:var(--text-primary);font-size:clamp(.75rem,3vw,var(--fs-sm));font-weight:500}.progress-count{font-weight:700;color:var(--text-primary)}.attemps-remain{text-align:center;color:var(--text-primary);font-size:clamp(.75rem,3vw,var(--fs-sm));font-weight:500;margin:0 0 calc(clamp(.75rem,3vh,var(--space-lg))*-1) 0}.attempt-indicators{display:flex;gap:clamp(.1875rem,1vw,.25rem);justify-content:center;margin:clamp(.5rem,2vh,var(--space-md)) 0}.attempt-indicator{width:clamp(.75rem,3vw,1rem);height:clamp(.75rem,3vw,1rem);border-radius:var(--radius-full);background:var(--border);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attempt-indicator.correct{background:var(--success-color);border-color:var(--success-color)}.attempt-indicator.incorrect{background:var(--error-color);border-color:var(--error-color)}.attempt-indicator.unused{background:var(--background);border-color:var(--border)}.completion-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.completion-content{background:var(--background);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-xl);text-align:center;max-width:min(90%,var(--container-sm));width:100%;color:var(--text-primary);box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;max-height:90vh;overflow-y:auto}.modal-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;font-size:1.25rem;color:var(--text-primary);cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background:var(--background);color:var(--text-primary)}.trophy-icon{width:clamp(3rem,15vw,4.75rem);height:clamp(3rem,15vw,4.75rem);margin:0 auto var(--space-md) auto;display:block}.completion-content h2{font-size:var(--fs-lg);margin-bottom:var(--space-xs);color:var(--text-primary);line-height:1.5}.completion-content .failure-title{color:var(--error-color)}.completion-content p{font-size:var(--fs-base);margin-bottom:var(--space-lg);color:var(--text-primary);line-height:1.5}.stats-row{display:flex;justify-content:space-around;margin:var(--space-lg) 0;padding:0 var(--space-md);gap:var(--space-md)}.stat-item{text-align:center;flex:1;min-width:8rem}.stat-value{font-size:var(--fs-2xl);font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600;margin-bottom:.125rem}.stat-sublabel{font-size:var(--fs-xs);color:var(--text-muted)}.word-results{background:var(--background-purple);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0}.word-result-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--fs-sm);gap:var(--space-sm)}.word-result-row:last-child{margin-bottom:0}.word-number{font-weight:600;color:var(--text-primary);min-width:1.25rem;text-align:right;margin-left:var(--space-sm)}.word-attempts{display:flex;gap:.25rem;flex:1;justify-content:center}.attempt-circle{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--border)}.attempt-circle.correct{background:var(--success-color);border-color:var(--success-color)}.attempt-circle.incorrect{background:var(--error-color);border-color:var(--error-color)}.attempt-circle.unused{border-color:var(--border)}.word-time{font-size:var(--fs-xs);color:var(--text-primary);min-width:2.5rem;text-align:left;margin-right:var(--space-sm)}.completion-content .time-stat{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin:var(--space-md) 0}.share-btn{background:var(--primary-color);color:var(--background);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-sm);font-weight:600;margin-top:var(--space-md);text-transform:uppercase;letter-spacing:.03125em;transition:all .2s ease;width:100%;max-width:15rem}.share-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.letter-box.green-flash,.letter-tile.green-flash{background:var(--success-color)!important;border-color:var(--success-color)!important;color:var(--background)!important;animation:greenFlash .4s ease-in-out}@keyframes greenFlash{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-.5rem)}75%{transform:translate(.5rem)}}.success-animation{animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.letter-tile,.letter-box{will-change:transform;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.letter-tile:active,.letter-box:active{transform:scale(.95);transition:transform .1s ease}.letter-box,.letter-tile,.action-btn,.icon-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ad-space{width:320px;height:50px;border:1px solid var(--border)}@media (min-width: 48rem){:root{--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem}.game-container{gap:2rem}.letter-box{width:2.5rem;height:2.5rem}.letter-tile{width:3.375rem;height:3.375rem}}@media (min-width: 64rem){.game-container{max-width:var(--container-md)}.welcome-content{max-width:28rem}.completion-content{max-width:var(--container-md)}}@media (min-width: 80rem){:root{--fs-base: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.25rem;--fs-4xl: 3rem;--fs-5xl: 3.75rem}}@media (orientation: landscape) and (max-height: 30rem){.game-container{gap:var(--space-sm);padding-top:4rem;padding-bottom:var(--space-sm)}.category{margin-bottom:0}.letters-section,.letters-grid{padding:var(--space-sm) 0;margin-top:0}.progress-section{gap:var(--space-sm);margin-bottom:var(--space-sm)}.attemps-remain{margin-bottom:calc(var(--space-sm) * -1)}.attempt-indicators{margin:var(--space-sm) 0}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.letter-box,.letter-tile,.action-btn{border-width:1.5px}}@media print{.game-header,.icon-btn,.action-buttons,.modal-close-btn,.share-btn{display:none}.game-container{position:static;min-height:auto;padding:1rem}.completion-modal{position:static;background:none}.completion-content{box-shadow:none;border:1px solid #000}}body{margin:0;background:linear-gradient(180deg,#7551c2,#fff);display:flex;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;height:100vh;width:100vw;justify-content:center;align-items:center}main{display:flex;flex-direction:column;align-items:stretch}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0;list-style-type:none;display:flex;flex-direction:column;margin:8px 0;border:1px solid black;gap:1px;background-color:#000;border-radius:8px;overflow:auto}li{background-color:#fff;padding:8px}li:hover{background:#dadbf9}a{font-weight:800;text-decoration:none}