@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css);@import url(https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap);.homepage{background:var(--color-bg-primary);background-image:radial-gradient(ellipse at 50% 0,var(--color-bg-secondary) 0,#0000 60%);flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:70px}.homepage,.homepage__content{align-items:center;display:flex}.homepage__content{animation:fade-in-up var(--duration-slow) var(--ease-out);flex:1 1;flex-direction:column;gap:var(--space-6);justify-content:center;max-width:480px;padding:var(--space-8) var(--space-4);text-align:center;width:100%}.homepage__icon{filter:drop-shadow(var(--shadow-sm));height:72px;transition:transform var(--duration-normal) var(--ease-spring);width:72px}.homepage__icon:hover{transform:scale(1.05) rotate(2deg)}.homepage__title-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.homepage__title{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-shadow:0 1px 2px #0000000d}.homepage__subtitle{font-weight:var(--font-normal);letter-spacing:var(--tracking-wide)}.homepage__subtitle,.homepage__text{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base)}.homepage__text{margin:0}.homepage__text--start{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}.homepage__text--level{color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:var(--font-normal);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3);text-transform:uppercase}.homepage__text--edit{color:var(--color-text-tertiary);font-size:var(--text-xs)}.homepage__text--edit a{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.homepage__text--edit a:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.homepage__buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);max-width:320px;width:100%}.homepage__buttons>.homepage__button:not(.homepage__button--imdt6):not(.homepage__button--hard6){flex:1 1 calc(33.333% - var(--space-2));min-width:0}.homepage__button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);justify-content:center;overflow:hidden;padding:var(--space-3) var(--space-5);position:relative;transition:all var(--duration-fast) var(--ease-out);width:100%}.homepage__button:before{background:linear-gradient(to right,#0000,var(--color-accent-soft),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--duration-fast) var(--ease-out)}.homepage__button:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.homepage__button:hover:before{opacity:1}.homepage__button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.homepage__button:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.homepage__button--easy{color:var(--color-correct)}.homepage__button--imdt{color:var(--color-present)}.homepage__button--hard{color:#dc2626}.homepage__button:first-child{animation:fade-in-up var(--duration-normal) var(--ease-out);animation-delay:80ms;animation-fill-mode:both}.homepage__button:nth-child(2){animation:fade-in-up var(--duration-normal) var(--ease-out);animation-delay:.16s;animation-fill-mode:both}.homepage__button:nth-child(3){animation:fade-in-up var(--duration-normal) var(--ease-out);animation-delay:.24s;animation-fill-mode:both}.homepage__button--pvp{align-items:center;color:#6366f1;display:flex;gap:var(--space-2);justify-content:center}.homepage__button--pvp svg{font-size:var(--text-lg)}.homepage__button--pvp:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000)}.homepage__button--pvp:hover{border-color:#818cf8;color:#4f46e5}.homepage__six-letter-section{animation:fade-in-up var(--duration-normal) var(--ease-out);animation-delay:.28s;animation-fill-mode:both;border-top:1px solid var(--color-border-light);margin-top:var(--space-5);max-width:320px;padding-top:var(--space-5);width:100%}.homepage__buttons--6{display:flex;flex-direction:row;gap:var(--space-3)}.homepage__button--imdt6{color:var(--color-present);flex:1 1}.homepage__button--hard6{color:#dc2626;flex:1 1}.homepage__pvp-section{animation:fade-in-up var(--duration-normal) var(--ease-out);animation-delay:.36s;animation-fill-mode:both;border-top:1px solid var(--color-border-light);margin-top:var(--space-5);max-width:320px;padding-top:var(--space-5);width:100%}.homepage__footer{margin-top:auto;padding:var(--space-4) var(--space-4);text-align:center}body.dark-mode .homepage{background-image:radial-gradient(ellipse at 50% 0,var(--color-dark-bg-secondary) 0,#0000 60%)}body.dark-mode .homepage__button,body.dark-mode .homepage__title{color:var(--color-dark-text-primary)}body.dark-mode .homepage__button{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light)}body.dark-mode .homepage__button:hover{background:var(--color-dark-bg-elevated);border-color:var(--color-dark-border-medium)}@media(max-width:400px){.homepage{padding-top:56px}.homepage__content{gap:var(--space-5);padding:var(--space-5) var(--space-4)}.homepage__title{font-size:var(--text-2xl)}.homepage__icon{height:60px;width:60px}.homepage__buttons{max-width:100%}.homepage__button{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.homepage__pvp-section,.homepage__six-letter-section{margin-top:var(--space-4);max-width:100%;padding-top:var(--space-4)}.homepage__text--start{font-size:var(--text-base)}.homepage__text--level{font-size:var(--text-xs);margin-bottom:var(--space-2)}.homepage__footer{padding:var(--space-3) var(--space-4)}}.header-container{align-items:center;animation:fade-in-down var(--duration-normal) var(--ease-out);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:var(--color-bg-tertiary);background:#ffffffd9;border-bottom:1px solid var(--color-border-light);display:flex;height:60px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}body.dark-mode .header-container{background:#0f0f0fe6;border-color:var(--color-dark-border-light)}.header{height:100%;justify-content:space-between;max-width:1024px;padding:0 var(--space-4);position:relative;width:100%}.header,.header__icon-first{align-items:center;display:flex}.header__icon-first{border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;height:40px;justify-content:center;transition:all var(--duration-fast) var(--ease-out);width:40px}.header__icon-first:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.header__icon-first:active{transform:scale(.95)}.header__icon-first svg{height:18px;width:18px}body.dark-mode .header__icon-first{color:var(--color-dark-text-secondary)}body.dark-mode .header__icon-first:hover{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}.header__title{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-2);justify-content:center;left:50%;padding:var(--space-2) var(--space-4);position:absolute;transform:translateX(-50%);transition:all var(--duration-fast) var(--ease-out)}.header__title:hover{background:var(--color-bg-secondary)}.header__title:active{transform:translateX(-50%) scale(.98)}.header__title--kor{color:var(--color-text-primary);font-family:var(--font-korean-serif);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}body.dark-mode .header__title--kor{color:var(--color-dark-text-primary)}.header__title--eng{color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide)}body.dark-mode .header__title--eng{color:var(--color-dark-text-tertiary)}body.dark-mode .header__title:hover{background:var(--color-dark-bg-secondary)}.header__icon-second{align-items:center;display:flex;gap:var(--space-1)}.header .icon-items{align-items:center;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--duration-fast) var(--ease-out);width:40px}.header .icon-items:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.header .icon-items:active{transform:scale(.95)}.header .icon-items svg{height:18px;width:18px}body.dark-mode .header .icon-items{color:var(--color-dark-text-secondary)}body.dark-mode .header .icon-items:hover{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}@media(max-width:640px){.header-container{height:56px}.header{padding:0 var(--space-2)}.header__title{padding:var(--space-1) var(--space-2)}.header__title--kor{font-size:var(--text-lg)}.header__title--eng{font-size:var(--text-sm)}.header .icon-items,.header__icon-first{height:36px;width:36px}.header .icon-items svg,.header__icon-first svg{height:16px;width:16px}}.overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;animation:fade-in var(--duration-normal) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0006;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--space-4);padding-top:var(--space-6);position:fixed;z-index:1000}body.dark-mode .overlay{background-color:#0009}.overlay .info__modal{animation:scale-in var(--duration-normal) var(--ease-spring);background-color:var(--color-bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:auto;max-width:380px;padding:var(--space-5);padding-top:var(--space-4);position:relative;text-align:center;width:100%}body.dark-mode .overlay .info__modal{background-color:var(--color-dark-bg-tertiary);color:var(--color-dark-text-primary)}.overlay .info__modal .close--btn{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-lg);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--text-xl);height:32px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);transition:all var(--duration-fast) var(--ease-out);width:32px;z-index:10}.overlay .info__modal .close--btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}body.dark-mode .overlay .info__modal .close--btn{background:var(--color-dark-bg-tertiary);color:var(--color-dark-text-tertiary)}body.dark-mode .overlay .info__modal .close--btn:hover{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}.overlay .example{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.overlay .example__header{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);padding-top:var(--space-2)}body.dark-mode .overlay .example__header{color:var(--color-dark-text-primary)}.overlay .example__explain{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed)}body.dark-mode .overlay .example__explain{color:var(--color-dark-text-secondary)}.overlay .example__with{padding:var(--space-1) 0}.overlay .example__answer{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;margin:var(--space-2) 0;padding:var(--space-3)}body.dark-mode .overlay .example__answer{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light)}.overlay .example__answer .answerheader{align-items:baseline;display:flex;gap:var(--space-2)}.overlay .example__answer .answerheader p{color:var(--color-text-primary);font-family:var(--font-korean-serif);font-size:var(--text-lg);font-weight:var(--font-bold)}body.dark-mode .overlay .example__answer .answerheader p{color:var(--color-dark-text-primary)}.overlay .example__answer .answerheader .hanja{color:var(--color-text-tertiary);font-size:var(--text-xs)}body.dark-mode .overlay .example__answer .answerheader .hanja{color:var(--color-dark-text-tertiary)}.overlay .example__answer .answermeaning{color:var(--color-text-secondary);font-family:var(--font-korean);font-size:var(--text-xs);line-height:var(--leading-relaxed)}body.dark-mode .overlay .example__answer .answermeaning{color:var(--color-dark-text-secondary)}.overlay .example__sub-header{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) 0}body.dark-mode .overlay .example__sub-header{color:var(--color-dark-text-primary)}.overlay .example__group .green{background-color:var(--color-correct)!important;border-color:var(--color-correct)!important;color:#fff!important}.overlay .example__group .yellow{background-color:var(--color-present)!important;border-color:var(--color-present)!important;color:#fff!important}.overlay .example__group .gray{background-color:var(--color-absent)!important;border-color:var(--color-absent)!important;color:#fff!important}.overlay .example__group .btn--active{animation:flip-reveal var(--duration-slow) var(--ease-in-out)}.overlay .example__div{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin:var(--space-1) 0}.overlay .example__div div{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;font-family:var(--font-korean);font-size:var(--text-base);font-weight:var(--font-bold);height:36px;justify-content:center;width:36px}body.dark-mode .overlay .example__div div{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-primary)}.overlay .example__div .letter-example{animation:flip-reveal var(--duration-slow) var(--ease-in-out);border-color:var(--color-text-primary)!important}body.dark-mode .overlay .example__div .letter-example{border-color:var(--color-dark-text-primary)!important;box-shadow:0 0 6px #ffffff4d}.overlay .example__text-explain{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal);padding:2px}.overlay .example__text-explain span{background-color:var(--color-absent);border-radius:2px;color:#fff;display:inline-block;font-family:var(--font-korean);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:1px 4px}body.dark-mode .overlay .example__text-explain{color:var(--color-dark-text-secondary)}.overlay .navigation{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3);padding-bottom:var(--space-1)}.overlay .navigation button{align-items:center;background-color:var(--color-text-primary);border:none;border-radius:var(--radius-lg);color:var(--color-text-inverse);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:center;padding:var(--space-2) var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.overlay .navigation button:hover{background-color:var(--color-text-secondary);transform:translateY(-1px)}.overlay .navigation button:active{transform:translateY(0)}body.dark-mode .overlay .navigation button{background-color:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}body.dark-mode .overlay .navigation button:hover{background-color:var(--color-dark-text-secondary)}.overlay .navigation .try-btn{animation:breathe 2.2s ease-in-out infinite;box-shadow:0 4px 15px #4a9c6d73;position:relative}.overlay .navigation .try-btn,.overlay .navigation .try-btn:after{background:linear-gradient(135deg,var(--color-correct) 0,#3d8a5e 100%)}.overlay .navigation .try-btn:after{animation:breathe-glow 2.2s ease-in-out infinite;border-radius:calc(var(--radius-lg) + 2px);content:"";filter:blur(6px);inset:-4px;opacity:0;position:absolute;z-index:-1}.overlay .navigation .try-btn:hover{animation:none;box-shadow:0 8px 25px #4a9c6d8c;transform:translateY(-2px) scale(1.06)}.overlay .navigation .try-btn:hover:after{animation:none;opacity:.5}body.dark-mode .overlay .navigation .try-btn{box-shadow:0 4px 20px #5ab88280}body.dark-mode .overlay .navigation .try-btn,body.dark-mode .overlay .navigation .try-btn:after{background:linear-gradient(135deg,#5ab882 0,var(--color-correct) 100%)}body.dark-mode .overlay .navigation .try-btn:hover{box-shadow:0 8px 30px #5ab88299}@keyframes breathe{0%,to{box-shadow:0 4px 15px #4a9c6d73;transform:scale(1)}50%{box-shadow:0 8px 28px #4a9c6d99;transform:scale(1.06)}}@keyframes breathe-glow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}body.color-mode .overlay .example__group .green{background-color:var(--color-correct-cb)!important;border-color:var(--color-correct-cb)!important}body.color-mode .overlay .example__group .yellow{background-color:var(--color-present-cb)!important;border-color:var(--color-present-cb)!important}@media(max-width:400px){.overlay{padding:var(--space-2);padding-top:var(--space-3)}.overlay .info__modal{padding:var(--space-3);padding-top:var(--space-3)}.overlay .example{gap:var(--space-1)}.overlay .example__header{font-size:var(--text-lg)}.overlay .example__div div{font-size:var(--text-sm);height:32px;width:32px}.overlay .example__answer{padding:var(--space-2)}.overlay .example__text-explain,.overlay .example__text-explain span{font-size:11px}.overlay .navigation button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@media(max-height:600px){.overlay{padding-top:var(--space-2)}.overlay .info__modal{padding:var(--space-3)}.overlay .example{gap:2px}.overlay .example__header{font-size:var(--text-lg);padding-top:0}.overlay .example__div div{font-size:var(--text-sm);height:30px;width:30px}.overlay .example__answer{margin:var(--space-1) 0;padding:var(--space-2)}.overlay .example__text-explain{font-size:11px;padding:1px}.overlay .navigation{margin-top:var(--space-2)}}.center-message{animation:toast-in var(--duration-normal) var(--ease-spring);background-color:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);left:50%;max-width:300px;padding:var(--space-4) var(--space-6);position:fixed;text-align:center;top:120px;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:200}body.dark-mode .center-message{background-color:var(--color-dark-bg-elevated);border:1px solid var(--color-dark-border-light);color:var(--color-dark-text-primary)}@media(max-width:640px){.center-message{font-size:var(--text-xs);max-width:calc(100vw - var(--space-8));padding:var(--space-3) var(--space-5);top:100px}}.sidebar__overlay{animation:fade-in var(--duration-normal) var(--ease-out);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d;inset:0;position:fixed;z-index:999}body.dark-mode .sidebar__overlay{background:#00000080}.sidebar__panel{animation:slide-in-right var(--duration-normal) var(--ease-out);background:var(--color-bg-tertiary);border-left:1px solid var(--color-border-light);height:100vh;height:100dvh;max-width:85vw;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:320px;z-index:1000}.sidebar__panel::-webkit-scrollbar{width:4px}.sidebar__panel::-webkit-scrollbar-thumb{background-color:var(--color-border-medium);border-radius:var(--radius-full)}.sidebar__panel::-webkit-scrollbar-track{background:#0000}body.dark-mode .sidebar__panel{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light)}.sidebar__content{padding:var(--space-8) var(--space-6);padding-top:var(--space-16)}.sidebar__title{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6)}body.dark-mode .sidebar__title{color:var(--color-dark-text-primary)}.sidebar__option{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-4) 0}.sidebar__option:first-of-type{padding-top:0}.sidebar__option:last-of-type{border-bottom:none}body.dark-mode .sidebar__option{border-color:var(--color-dark-border-light)}.sidebar__option-title{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium)}body.dark-mode .sidebar__option-title{color:var(--color-dark-text-primary)}.sidebar__option-desc{color:var(--color-text-tertiary);font-size:var(--text-sm);margin-top:var(--space-1)}body.dark-mode .sidebar__option-desc{color:var(--color-dark-text-tertiary)}.sidebar__content a{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.sidebar__content a:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}body.dark-mode .sidebar__content a{border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .sidebar__content a:hover{border-color:var(--color-dark-text-primary);color:var(--color-dark-text-primary)}.sidebar__close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--text-2xl);height:40px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--duration-fast) var(--ease-out);width:40px}.sidebar__close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar__close-btn:active{transform:scale(.95)}body.dark-mode .sidebar__close-btn{color:var(--color-dark-text-tertiary)}body.dark-mode .sidebar__close-btn:hover{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}.sidebar hr{background:var(--color-border-light);border:none;height:1px;margin:var(--space-4) 0}body.dark-mode .sidebar hr{background:var(--color-dark-border-light)}.sidebar__theme-selector{padding:var(--space-3) 0}.sidebar__theme-selector strong{color:var(--color-text-primary);display:block;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-3)}body.dark-mode .sidebar__theme-selector strong{color:var(--color-dark-text-primary)}.sidebar__theme-selector .theme-options{background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-1)}body.dark-mode .sidebar__theme-selector .theme-options{background:var(--color-dark-bg-secondary)}.sidebar__theme-selector .theme-option{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.sidebar__theme-selector .theme-option--active,.sidebar__theme-selector .theme-option:hover:not(.sidebar__theme-selector .theme-option--active){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar__theme-selector .theme-option--active{box-shadow:var(--shadow-sm)}body.dark-mode .sidebar__theme-selector .theme-option{color:var(--color-dark-text-secondary)}body.dark-mode .sidebar__theme-selector .theme-option--active,body.dark-mode .sidebar__theme-selector .theme-option:hover:not(body.dark-mode .sidebar__theme-selector .theme-option--active){background:var(--color-dark-bg-tertiary);color:var(--color-dark-text-primary)}.sidebar__version{border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);margin-top:var(--space-8);padding-top:var(--space-4);text-align:center}body.dark-mode .sidebar__version{border-color:var(--color-dark-border-light);color:var(--color-dark-text-tertiary)}.sidebar--closed .sidebar__panel{animation:slide-out-right var(--duration-fast) var(--ease-in) forwards}.sidebar--closed .sidebar__overlay{animation:fade-in var(--duration-fast) var(--ease-in) reverse forwards}.sidebar--hidden{display:none}@media(max-width:640px){.sidebar__panel{max-width:100vw;width:100%}.sidebar__content{padding:var(--space-6) var(--space-4);padding-top:var(--space-16)}.sidebar__title{font-size:var(--text-xl)}}.toggle{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) 0}.toggle__description{flex:1 1;text-align:left}.toggle__description strong{color:var(--color-text-primary);display:block;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium)}body.dark-mode .toggle__description strong{color:var(--color-dark-text-primary)}.toggle__description p{color:var(--color-text-tertiary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--space-1)}body.dark-mode .toggle__description p{color:var(--color-dark-text-tertiary)}.toggle__switch{background-color:var(--color-border-medium);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:28px;position:relative;transition:background-color var(--duration-normal) var(--ease-out);width:48px}.toggle__switch:focus-visible{box-shadow:var(--shadow-focus);outline:none}.toggle__switch--checked{background-color:var(--color-correct)}.toggle__switch:hover{background-color:var(--color-text-tertiary)}.toggle__switch:hover.toggle__switch--checked{background-color:var(--color-correct-border)}body.dark-mode .toggle__switch{background-color:var(--color-dark-border-medium)}body.dark-mode .toggle__switch--checked{background-color:var(--color-dark-correct)}body.dark-mode .toggle__switch:hover{background-color:var(--color-dark-text-tertiary)}body.dark-mode .toggle__switch:hover.toggle__switch--checked{background-color:var(--color-correct)}.toggle__circle{background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:24px;left:2px;position:absolute;top:2px;transition:transform var(--duration-normal) var(--ease-spring);width:24px}.toggle__circle--checked{transform:translateX(20px)}.wordle-page{align-items:center;background:var(--color-bg-primary);background-image:radial-gradient(ellipse at 50% 100%,var(--color-bg-secondary) 0,#0000 50%);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:70px}.wordle-page__answer-board{align-items:center;animation:fade-in var(--duration-normal) var(--ease-out);flex:1 1;flex-direction:column;max-width:400px;padding:var(--space-6) var(--space-4);width:100%}.wordle-page .answer-box,.wordle-page__answer-board{display:flex;gap:var(--tile-gap);justify-content:center}.wordle-page .answer-box.shake{animation:shake var(--duration-slow) var(--ease-out)}.wordle-page .answer-box div{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-family:var(--font-korean);font-size:var(--text-3xl);font-weight:var(--font-bold);height:var(--tile-size);justify-content:center;transition:border-color var(--duration-fast) var(--ease-out);width:var(--tile-size)}.wordle-page .answer-box div:not(:empty){border-color:var(--color-border-medium)}.wordle-page .answer-box div{-webkit-backface-visibility:visible;backface-visibility:visible;transform-style:preserve-3d}.wordle-page .answer-box .green{--flip-color:var(--color-correct);background-color:var(--color-correct);border-color:var(--color-correct);color:#fff}.wordle-page .answer-box .yellow{--flip-color:var(--color-present);background-color:var(--color-present);border-color:var(--color-present);color:#fff}.wordle-page .answer-box .gray{--flip-color:var(--color-absent);background-color:var(--color-absent);border-color:var(--color-absent);color:#fff}.wordle-page .animate-pop{animation:letter-pop var(--duration-fast) var(--ease-spring)}.wordle-page .animate-color{animation:flip-with-color var(--duration-slow) var(--ease-in-out) forwards}.wordle-page .animate-color:first-child{animation-delay:calc(var(--flip-delay-step)*0)}.wordle-page .animate-color:nth-child(2){animation-delay:calc(var(--flip-delay-step)*1)}.wordle-page .animate-color:nth-child(3){animation-delay:calc(var(--flip-delay-step)*2)}.wordle-page .animate-color:nth-child(4){animation-delay:calc(var(--flip-delay-step)*3)}.wordle-page .animate-color:nth-child(5){animation-delay:calc(var(--flip-delay-step)*4)}.wordle-page .animate-win{animation:win-bounce var(--duration-slower) var(--ease-spring)}.wordle-page .animate-win:first-child{animation-delay:0ms}.wordle-page .animate-win:nth-child(2){animation-delay:.1s}.wordle-page .animate-win:nth-child(3){animation-delay:.2s}.wordle-page .animate-win:nth-child(4){animation-delay:.3s}.wordle-page .animate-win:nth-child(5){animation-delay:.4s}.wordle-page .keyboard{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);max-width:640px;max-width:var(--keyboard-max-width-desktop,640px);padding:var(--space-4) var(--space-3);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));width:100%}.wordle-page .keyboard .raw1,.wordle-page .keyboard .raw2,.wordle-page .keyboard .raw3{display:flex;gap:var(--key-gap);justify-content:center;margin-bottom:var(--key-gap)}.wordle-page .keyboard .raw1:last-child,.wordle-page .keyboard .raw2:last-child,.wordle-page .keyboard .raw3:last-child{margin-bottom:0}.wordle-page .keyboard .raw2{padding:0 3%}.wordle-page .keyboard button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-korean);font-size:var(--text-xl);font-weight:var(--font-semibold);height:var(--key-height);justify-content:center;min-width:var(--key-width);padding:0 var(--space-3);transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.wordle-page .keyboard button:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-medium);box-shadow:var(--shadow-md);transform:translateY(-1px)}.wordle-page .keyboard button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.wordle-page .keyboard button:disabled{cursor:not-allowed;opacity:.5}.wordle-page .keyboard .remove_btn,.wordle-page .keyboard .submit__btn{font-size:var(--text-base);font-weight:var(--font-medium);min-width:75px}.wordle-page .keyboard .green{background-color:var(--color-correct);border-color:var(--color-correct-border);color:#fff}.wordle-page .keyboard .green:hover:not(:disabled){background-color:var(--color-correct-border)}.wordle-page .keyboard .yellow{background-color:var(--color-present);border-color:var(--color-present-border);color:#fff}.wordle-page .keyboard .yellow:hover:not(:disabled){background-color:var(--color-present-border)}.wordle-page .keyboard .gray{background-color:var(--color-absent);border-color:var(--color-absent-border);color:#fff}.wordle-page .keyboard .gray:hover:not(:disabled){background-color:var(--color-absent-border)}.wordle-page .keyboard .animate-button{animation:key-press var(--duration-fast) var(--ease-spring)}body.dark-mode .wordle-page{background-image:radial-gradient(ellipse at 50% 100%,var(--color-dark-bg-secondary) 0,#0000 50%)}body.dark-mode .wordle-page .answer-box div{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-primary)}body.dark-mode .wordle-page .answer-box div:not(:empty){border-color:var(--color-dark-border-medium)}body.dark-mode .wordle-page .keyboard{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light)}body.dark-mode .wordle-page .keyboard button{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-primary)}body.dark-mode .wordle-page .keyboard button:hover:not(:disabled){background:var(--color-dark-bg-elevated);border-color:var(--color-dark-border-medium)}body.dark-mode .wordle-page .keyboard button.green{background-color:var(--color-correct);border-color:var(--color-correct-border);color:#fff}body.dark-mode .wordle-page .keyboard button.green:hover:not(:disabled){background-color:var(--color-correct-border)}body.dark-mode .wordle-page .keyboard button.yellow{background-color:var(--color-present);border-color:var(--color-present-border);color:#fff}body.dark-mode .wordle-page .keyboard button.yellow:hover:not(:disabled){background-color:var(--color-present-border)}body.dark-mode .wordle-page .keyboard button.gray{background-color:var(--color-absent);border-color:var(--color-absent-border);color:#fff}body.dark-mode .wordle-page .keyboard button.gray:hover:not(:disabled){background-color:var(--color-absent-border)}body.color-mode .wordle-page .answer-box .green{--flip-color:var(--color-correct-cb);background-color:var(--color-correct-cb);border-color:var(--color-correct-cb)}body.color-mode .wordle-page .answer-box .yellow{--flip-color:var(--color-present-cb);background-color:var(--color-present-cb);border-color:var(--color-present-cb)}body.color-mode .wordle-page .keyboard .green{background-color:var(--color-correct-cb);border-color:var(--color-correct-cb)}body.color-mode .wordle-page .keyboard .yellow{background-color:var(--color-present-cb);border-color:var(--color-present-cb)}@media(max-width:1024px){.wordle-page__answer-board{max-width:380px}.wordle-page .answer-box div{font-size:var(--text-2xl);height:var(--tile-size-tablet);width:var(--tile-size-tablet)}.wordle-page .keyboard{max-width:560px;max-width:var(--keyboard-max-width-tablet,560px)}.wordle-page .keyboard button{font-size:var(--text-lg);height:var(--key-height-tablet);min-width:var(--key-width-tablet);padding:0 var(--space-2)}.wordle-page .keyboard .remove_btn,.wordle-page .keyboard .submit__btn{font-size:var(--text-sm);min-width:68px}}@media(max-width:768px){.wordle-page__answer-board{max-width:340px;padding:var(--space-4) var(--space-3)}.wordle-page .answer-box div{font-size:var(--text-2xl);height:var(--tile-size-mobile);width:var(--tile-size-mobile)}.wordle-page .keyboard{max-width:500px;max-width:var(--keyboard-max-width-mobile,500px);padding:var(--space-3) var(--space-2)}.wordle-page .keyboard button{font-size:var(--text-lg);height:var(--key-height-mobile);min-width:var(--key-width-mobile);padding:0 var(--space-2)}.wordle-page .keyboard .remove_btn,.wordle-page .keyboard .submit__btn{font-size:var(--text-sm);min-width:58px}}@media(max-width:500px){.wordle-page{--tile-gap:6px;--key-gap:6px}.wordle-page__answer-board{max-width:320px}.wordle-page .answer-box div{font-size:var(--text-xl);height:var(--tile-size-small);width:var(--tile-size-small)}.wordle-page .keyboard button{font-size:var(--text-base);height:52px;min-width:36px;padding:0 var(--space-1)}.wordle-page .keyboard .remove_btn,.wordle-page .keyboard .submit__btn{font-size:var(--text-xs);min-width:52px}}@media(max-width:370px){.wordle-page{--tile-gap:5px;--key-gap:5px}.wordle-page__answer-board{max-width:280px}.wordle-page .answer-box div{font-size:var(--text-lg);height:46px;width:46px}.wordle-page .keyboard button{border-radius:var(--radius-sm);font-size:var(--text-sm);height:48px;min-width:32px}.wordle-page .keyboard .remove_btn,.wordle-page .keyboard .submit__btn{min-width:46px}}@media(max-height:600px)and (orientation:landscape){.wordle-page__answer-board{padding:var(--space-2) var(--space-4)}.wordle-page .answer-box div{font-size:var(--text-lg);height:44px;width:44px}.wordle-page .keyboard{padding:var(--space-2)}.wordle-page .keyboard button{height:46px}}.wordle-page--6 .wordle-page__answer-board--6{max-width:480px}.wordle-page--6 .answer-box--6 div{font-size:var(--text-2xl);height:calc(var(--tile-size)*.85);width:calc(var(--tile-size)*.85)}.wordle-page--6 .animate-color:nth-child(6){animation-delay:calc(var(--flip-delay-step)*5)}.wordle-page--6 .animate-win:nth-child(6){animation-delay:.5s}@media(max-width:1024px){.wordle-page--6 .wordle-page__answer-board--6{max-width:440px}.wordle-page--6 .answer-box--6 div{font-size:var(--text-xl);height:calc(var(--tile-size-tablet)*.85);width:calc(var(--tile-size-tablet)*.85)}}@media(max-width:768px){.wordle-page--6 .wordle-page__answer-board--6{max-width:400px}.wordle-page--6 .answer-box--6 div{font-size:var(--text-xl);height:calc(var(--tile-size-mobile)*.85);width:calc(var(--tile-size-mobile)*.85)}}@media(max-width:500px){.wordle-page--6 .wordle-page__answer-board--6{max-width:360px}.wordle-page--6 .answer-box--6 div{font-size:var(--text-lg);height:calc(var(--tile-size-small)*.82);width:calc(var(--tile-size-small)*.82)}}@media(max-width:370px){.wordle-page--6 .wordle-page__answer-board--6{max-width:320px}.wordle-page--6 .answer-box--6 div{font-size:var(--text-base);height:38px;width:38px}}.Overlay{align-items:center;animation:fade-in var(--duration-normal) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0006;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:500}body.dark-mode .Overlay{background-color:#0009}.Overlay .Content{align-items:center;animation:scale-in var(--duration-normal) var(--ease-spring);background-color:var(--color-bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-6);justify-content:space-between;max-width:380px;min-height:320px;padding:var(--space-8);position:relative;width:100%}body.dark-mode .Overlay .Content{background-color:var(--color-dark-bg-tertiary)}.Overlay .CloseButton{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--text-2xl);height:36px;justify-content:center;position:absolute;right:var(--space-3);top:var(--space-3);transition:all var(--duration-fast) var(--ease-out);width:36px}.Overlay .CloseButton:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.Overlay .CloseButton:active{transform:scale(.95)}body.dark-mode .Overlay .CloseButton{color:var(--color-dark-text-tertiary)}body.dark-mode .Overlay .CloseButton:hover{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}.Overlay .content_txt{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-4);text-align:center}.Overlay .content_txt p{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-relaxed)}body.dark-mode .Overlay .content_txt p{color:var(--color-dark-text-primary)}.Overlay .content_txt__desc{color:var(--color-text-tertiary)!important;font-size:var(--text-sm)!important;font-weight:var(--font-normal)!important}body.dark-mode .Overlay .content_txt__desc{color:var(--color-dark-text-tertiary)!important}.Overlay .AnswerWord{align-items:center;color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-2)}.Overlay .AnswerWord p{display:inline-block;font-family:var(--font-korean-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide)}.Overlay .AnswerWord .Original{color:var(--color-text-tertiary);font-family:var(--font-korean);font-size:var(--text-base);font-weight:var(--font-normal)}body.dark-mode .Overlay .AnswerWord{color:var(--color-dark-text-primary)}body.dark-mode .Overlay .AnswerWord .Original{color:var(--color-dark-text-tertiary)}.Overlay .AnswerMeaning{background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);flex:1 1;font-family:var(--font-korean);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-height:120px;overflow-y:auto;padding:var(--space-4);text-align:center;width:100%}body.dark-mode .Overlay .AnswerMeaning{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-secondary)}.Overlay .more_active{cursor:pointer;position:relative}.Overlay .more_active:hover{color:var(--color-text-primary)}body.dark-mode .Overlay .more_active:hover{color:var(--color-dark-text-primary)}.Overlay .pagination-btn{display:flex;gap:var(--space-2)}.Overlay .pagination-btn button{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);height:32px;justify-content:center;transition:all var(--duration-fast) var(--ease-out);width:32px}.Overlay .pagination-btn button:hover{background-color:var(--color-border-light);border-color:var(--color-border-medium)}.Overlay .pagination-btn button.active{background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-inverse)}body.dark-mode .Overlay .pagination-btn button{background-color:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .Overlay .pagination-btn button:hover{background-color:var(--color-dark-border-light)}body.dark-mode .Overlay .pagination-btn button.active{background-color:var(--color-dark-text-primary);border-color:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}.Overlay .Buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;width:100%}.Overlay .HomeButton{align-items:center;background-color:var(--color-text-primary);border:none;border-radius:var(--radius-lg);color:var(--color-text-inverse);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;min-width:100px;padding:var(--space-3) var(--space-6);transition:all var(--duration-fast) var(--ease-out)}.Overlay .HomeButton:hover{background-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.Overlay .HomeButton:active{box-shadow:none;transform:translateY(0)}.Overlay .HomeButton.share-btn{background-color:var(--color-correct)}.Overlay .HomeButton.share-btn:hover{background-color:var(--color-correct-border)}.Overlay .HomeButton.secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary)}.Overlay .HomeButton.secondary:hover{background-color:var(--color-border-light)}body.dark-mode .Overlay .HomeButton.secondary{background-color:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-primary)}body.dark-mode .Overlay .HomeButton.secondary:hover{background-color:var(--color-dark-border-light)}body.dark-mode .Overlay .HomeButton{background-color:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}body.dark-mode .Overlay .HomeButton:hover{background-color:var(--color-dark-text-secondary)}body.dark-mode .Overlay .HomeButton.share-btn{background-color:var(--color-correct);color:#fff}body.dark-mode .Overlay .HomeButton.share-btn:hover{background-color:var(--color-correct-border)}.Overlay .summary-content{gap:var(--space-4)}.Overlay .summary-content .content_txt{flex:0 1;padding:var(--space-2)}.Overlay .summary-content .content_txt p{font-size:var(--text-base)}.Overlay .summary-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4)}.Overlay .summary-badge{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);text-transform:uppercase}body.dark-mode .Overlay .summary-badge{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-secondary)}.Overlay .summary-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}body.dark-mode .Overlay .summary-title{color:var(--color-dark-text-primary)}.Overlay .summary-stats{align-items:baseline;display:flex;gap:var(--space-1)}.Overlay .summary-stats .attempts-count{color:var(--color-correct);font-size:var(--text-4xl);font-weight:var(--font-bold)}.Overlay .summary-stats .attempts-label{color:var(--color-text-tertiary);font-size:var(--text-sm)}body.dark-mode .Overlay .summary-stats .attempts-label{color:var(--color-dark-text-tertiary)}.Overlay .summary-stats.failed .attempts-count{color:var(--color-absent)}.Overlay .correct-answer{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.Overlay .correct-answer .answer-label{color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.Overlay .correct-answer .answer-word{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}body.dark-mode .Overlay .correct-answer{background:var(--color-dark-bg-secondary)}body.dark-mode .Overlay .correct-answer .answer-label{color:var(--color-dark-text-tertiary)}body.dark-mode .Overlay .correct-answer .answer-word{color:var(--color-dark-text-primary)}.Overlay .result-grid{background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;padding:var(--space-3)}body.dark-mode .Overlay .result-grid{background:var(--color-dark-bg-secondary)}.Overlay .result-row{display:flex;gap:4px;justify-content:center}.Overlay .result-tile{border-radius:var(--radius-sm);height:24px;width:24px}.Overlay .result-tile.green{background-color:var(--color-correct)}.Overlay .result-tile.yellow{background-color:var(--color-present)}.Overlay .result-tile.gray{background-color:var(--color-absent)}@media(max-width:640px){.Overlay{padding:var(--space-3)}.Overlay .Content{min-height:280px;padding:var(--space-6)}.Overlay .AnswerWord p{font-size:var(--text-2xl)}.Overlay .HomeButton{font-size:var(--text-sm);min-width:80px;padding:var(--space-3) var(--space-4)}.Overlay .summary-title{font-size:var(--text-xl)}.Overlay .summary-stats .attempts-count{font-size:var(--text-3xl)}.Overlay .result-tile{height:20px;width:20px}.Overlay .correct-answer .answer-word{font-size:var(--text-xl)}}.notfound{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-4)}.notfound__content{animation:fade-in-up var(--duration-slow) var(--ease-out);max-width:400px;text-align:center}.notfound__image{display:block;height:auto;margin:0 auto var(--space-8);max-width:200px;opacity:.8;width:60%}.notfound__title{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}body.dark-mode .notfound__title{color:var(--color-dark-text-primary)}.notfound__text{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}body.dark-mode .notfound__text{color:var(--color-dark-text-secondary)}.notfound__link{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-primary);display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);justify-content:center;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.notfound__link:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);box-shadow:var(--shadow-md);color:var(--color-text-inverse);text-decoration:none;transform:translateY(-2px)}.notfound__link:active{transform:translateY(0)}body.dark-mode .notfound__link{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-primary)}body.dark-mode .notfound__link:hover{background:var(--color-dark-text-primary);border-color:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}@media(max-width:640px){.notfound__title{font-size:var(--text-2xl)}.notfound__text{font-size:var(--text-sm)}}.pvp-lobby{background:var(--color-bg-primary);background-image:radial-gradient(ellipse at 50% 0,var(--color-bg-secondary) 0,#0000 60%);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:70px}.pvp-lobby__content{align-items:center;animation:fade-in-up var(--duration-slow) var(--ease-out);display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:480px;padding:var(--space-8) var(--space-4);width:100%}.pvp-lobby__back{align-items:center;align-self:flex-start;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-family:var(--font-sans);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2) var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.pvp-lobby__back:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.pvp-lobby__connecting{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--text-base);gap:var(--space-4);padding:var(--space-12)}.pvp-lobby__connecting svg{color:var(--color-text-tertiary);font-size:var(--text-2xl)}.pvp-lobby__menu{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);text-align:center;width:100%}.pvp-lobby__icon{filter:drop-shadow(var(--shadow-sm));font-size:3.5rem}.pvp-lobby__icon,.pvp-lobby__title{color:var(--color-text-primary);margin-bottom:var(--space-2)}.pvp-lobby__title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.pvp-lobby__desc{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:300px}.pvp-lobby__buttons{flex-direction:column;margin-top:var(--space-8);max-width:320px}.pvp-lobby__btn,.pvp-lobby__buttons{display:flex;gap:var(--space-3);width:100%}.pvp-lobby__btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);justify-content:center;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--duration-fast) var(--ease-out)}.pvp-lobby__btn--create{background:var(--color-text-primary);box-shadow:var(--shadow-md);color:var(--color-bg-primary)}.pvp-lobby__btn--create:hover{background:var(--color-text-secondary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pvp-lobby__btn--create:active{transform:translateY(0)}.pvp-lobby__btn--join{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.pvp-lobby__btn--join:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pvp-lobby__btn--join:active{transform:translateY(0)}.pvp-lobby__form{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-6);max-width:360px;padding:var(--space-6);width:100%}.pvp-lobby__form-title{align-items:center;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);display:flex;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-3);justify-content:center;margin-bottom:var(--space-2);padding-bottom:var(--space-4)}.pvp-lobby__form-title svg{color:var(--color-text-secondary);font-size:var(--text-lg)}.pvp-lobby__field{display:flex;flex-direction:column;gap:var(--space-2)}.pvp-lobby__field label{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium)}.pvp-lobby__field input{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) var(--ease-out);width:100%}.pvp-lobby__field input:focus{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-accent-soft);outline:none}.pvp-lobby__field input::placeholder{color:var(--color-text-tertiary)}.pvp-lobby__room-code-input{font-family:var(--font-mono)!important;font-size:var(--text-xl)!important;font-weight:var(--font-bold);letter-spacing:.2em;text-align:center}.pvp-lobby__difficulty,.pvp-lobby__time-select,.pvp-lobby__word-length-select{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-1)}.pvp-lobby__diff-btn,.pvp-lobby__time-btn,.pvp-lobby__word-len-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-2);transition:all var(--duration-fast) var(--ease-out)}.pvp-lobby__diff-btn:hover,.pvp-lobby__time-btn:hover,.pvp-lobby__word-len-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.pvp-lobby__diff-btn.active,.pvp-lobby__time-btn.active,.pvp-lobby__word-len-btn.active{background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);color:var(--color-text-primary);font-weight:var(--font-semibold)}.pvp-lobby__time-btn{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.pvp-lobby__time-btn span{font-size:var(--text-lg);font-weight:var(--font-bold)}.pvp-lobby__time-btn small{font-size:var(--text-xs);opacity:.7}.pvp-lobby__word-len-btn{align-items:center;display:flex;flex-direction:row;gap:var(--space-1);justify-content:center}.pvp-lobby__word-len-btn span{font-size:var(--text-lg);font-weight:var(--font-bold)}.pvp-lobby__word-len-btn small{font-size:var(--text-sm);opacity:.8}.pvp-lobby__mode-select{display:flex;gap:var(--space-3)}.pvp-lobby__mode-btn{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-sans);gap:var(--space-2);padding:var(--space-4) var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.pvp-lobby__mode-btn svg{font-size:var(--text-2xl);transition:transform var(--duration-fast) var(--ease-out)}.pvp-lobby__mode-btn span{font-size:var(--text-sm);font-weight:var(--font-semibold)}.pvp-lobby__mode-btn small{font-size:var(--text-xs);opacity:.7;text-align:center}.pvp-lobby__mode-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}.pvp-lobby__mode-btn:hover svg{transform:scale(1.1)}.pvp-lobby__mode-btn.active{background:var(--color-bg-tertiary);border-color:var(--color-text-primary);box-shadow:var(--shadow-md);color:var(--color-text-primary)}.pvp-lobby__mode-btn.active svg{color:var(--color-accent)}.pvp-lobby__error{background:#dc26260d;border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3);text-align:center}.pvp-lobby__error,.pvp-lobby__error:before{align-items:center;display:flex;justify-content:center}.pvp-lobby__error:before{background:var(--color-error);border-radius:50%;color:#fff;content:"!";font-size:10px;font-weight:700;height:16px;width:16px}.pvp-lobby__submit{align-items:center;background:var(--color-text-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-bg-primary);display:flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--duration-fast) var(--ease-out);width:100%}.pvp-lobby__submit:hover:not(:disabled){background:var(--color-text-secondary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pvp-lobby__submit:active:not(:disabled){transform:translateY(0)}.pvp-lobby__submit:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .pvp-lobby{background-image:radial-gradient(ellipse at 50% 0,var(--color-dark-bg-secondary) 0,#0000 60%)}body.dark-mode .pvp-lobby__form{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light)}body.dark-mode .pvp-lobby__field input{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-medium);color:var(--color-dark-text-primary)}body.dark-mode .pvp-lobby__field input:focus{border-color:var(--color-dark-text-primary)}body.dark-mode .pvp-lobby__difficulty,body.dark-mode .pvp-lobby__time-select,body.dark-mode .pvp-lobby__word-length-select{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light)}body.dark-mode .pvp-lobby__diff-btn,body.dark-mode .pvp-lobby__time-btn,body.dark-mode .pvp-lobby__word-len-btn{color:var(--color-dark-text-secondary)}body.dark-mode .pvp-lobby__diff-btn:hover,body.dark-mode .pvp-lobby__time-btn:hover,body.dark-mode .pvp-lobby__word-len-btn:hover{background:var(--color-dark-bg-tertiary);color:var(--color-dark-text-primary)}body.dark-mode .pvp-lobby__diff-btn.active,body.dark-mode .pvp-lobby__time-btn.active,body.dark-mode .pvp-lobby__word-len-btn.active{background:var(--color-dark-bg-elevated);color:var(--color-dark-text-primary)}body.dark-mode .pvp-lobby__mode-btn{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .pvp-lobby__mode-btn:hover{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-text-tertiary)}body.dark-mode .pvp-lobby__mode-btn.active{background:var(--color-dark-bg-elevated);border-color:var(--color-dark-text-primary);color:var(--color-dark-text-primary)}body.dark-mode .pvp-lobby__btn--create{background:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}body.dark-mode .pvp-lobby__btn--join{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-medium);color:var(--color-dark-text-primary)}body.dark-mode .pvp-lobby__btn--join:hover{background:var(--color-dark-bg-elevated)}body.dark-mode .pvp-lobby__submit{background:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}@media(max-width:640px){.pvp-lobby__title{font-size:var(--text-2xl)}.pvp-lobby__icon{font-size:3rem}.pvp-lobby__form{padding:var(--space-5) var(--space-4)}}.pvp-room{background:var(--color-bg-primary);background-image:radial-gradient(ellipse at 50% 0,var(--color-bg-secondary) 0,#0000 60%);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:70px}.pvp-room__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:var(--text-base);gap:var(--space-4);justify-content:center}.pvp-room__loading svg{color:var(--color-text-tertiary);font-size:var(--text-2xl)}.pvp-room__waiting{align-items:center;animation:fade-in-up var(--duration-slow) var(--ease-out);display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:480px;padding:var(--space-8) var(--space-4);width:100%}.pvp-room__back{align-items:center;align-self:flex-start;background:#0000;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__back:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.pvp-room__info{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-8) var(--space-6);width:100%}.pvp-room__title{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.pvp-room__code-section{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-6);width:100%}.pvp-room__code-label{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pvp-room__code{align-items:center;display:flex;gap:var(--space-3);justify-content:center}.pvp-room__code span{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:.2em}.pvp-room__code button{align-items:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;height:32px;justify-content:center;transition:all var(--duration-fast) var(--ease-out);width:32px}.pvp-room__code button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.pvp-room__copy-link{align-items:center;background:#0000;border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__copy-link:hover{background:var(--color-bg-primary);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.pvp-room__difficulty{align-items:center;border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;padding-top:var(--space-2);width:100%}.pvp-room__difficulty-value{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-weight:var(--font-semibold);padding:2px 8px}.pvp-room__players{margin-bottom:var(--space-6);width:100%}.pvp-room__players h2{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3);text-transform:uppercase}.pvp-room__players h2 svg{font-size:var(--text-base)}.pvp-room__player-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.pvp-room__player{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__player.current{background:var(--color-bg-primary);border-color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.pvp-room__player-name{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-medium);gap:var(--space-2)}.pvp-room__player-name .crown{color:#fbbf24}.pvp-room__player-name .you{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-normal);padding:2px 6px}.pvp-room__player-status{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--text-sm);gap:var(--space-1)}.pvp-room__player-status.ready{color:var(--color-success);font-weight:var(--font-medium)}.pvp-room__actions{display:flex;flex-direction:column;gap:var(--space-3);max-width:280px;width:100%}.pvp-room__ready-btn,.pvp-room__start-btn{align-items:center;background:var(--color-text-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-bg-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--duration-fast) var(--ease-out);width:100%}.pvp-room__ready-btn:hover:not(:disabled),.pvp-room__start-btn:hover:not(:disabled){background:var(--color-text-secondary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pvp-room__ready-btn:active:not(:disabled),.pvp-room__start-btn:active:not(:disabled){transform:translateY(0)}.pvp-room__ready-btn:disabled,.pvp-room__start-btn:disabled{background:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.pvp-room__ready-btn{background:var(--color-text-primary)}.pvp-room__ready-btn.ready{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);box-shadow:none;color:var(--color-text-primary)}.pvp-room__ready-btn.ready:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.pvp-room__hint{color:var(--color-text-tertiary);margin-top:var(--space-3)}.pvp-room__error,.pvp-room__hint{font-size:var(--text-sm);text-align:center}.pvp-room__error{align-items:center;background:#dc26260d;border-radius:var(--radius-md);color:var(--color-error);display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4);padding:var(--space-3);width:100%}.pvp-room--playing{overflow:hidden}.pvp-room__game{align-items:center;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 70px);margin:0 auto;max-width:1400px;overflow:hidden;padding:var(--space-4);width:100%}.pvp-room__game-header{margin-bottom:var(--space-3);width:100%}.pvp-room__timer-bar{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.pvp-room__timer{align-items:center;color:var(--color-text-primary);display:flex;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-2)}.pvp-room__timer svg{color:var(--color-text-secondary);font-size:var(--text-lg)}.pvp-room__timer .urgent{animation:pulse 1s ease-in-out infinite;color:var(--color-error)}.pvp-room__score{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold)}.pvp-room__mode-indicator{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4)}.pvp-room__mode-indicator svg{color:var(--color-accent)}.pvp-room__game-info{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);width:100%}.pvp-room__info-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center}.pvp-room__info-value{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-semibold);gap:var(--space-1)}.pvp-room__info-value svg{font-size:var(--text-sm)}.pvp-room__info-value small{font-weight:var(--font-normal);opacity:.8}.pvp-room__edit-settings-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__edit-settings-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.pvp-room__settings-modal{align-items:center;animation:fade-in var(--duration-fast) var(--ease-out);background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.pvp-room__settings-content{animation:scale-in var(--duration-fast) var(--ease-out);background:var(--color-bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-6);width:100%}.pvp-room__settings-content h3{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);text-align:center}.pvp-room__settings-field{margin-bottom:var(--space-4)}.pvp-room__settings-field label{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.pvp-room__settings-options{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-1)}.pvp-room__settings-options button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);justify-content:center;padding:var(--space-2);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__settings-options button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.pvp-room__settings-options button.active{background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);color:var(--color-text-primary);font-weight:var(--font-semibold)}.pvp-room__settings-options.time button{flex-direction:column;gap:0}.pvp-room__settings-notice{background:var(--color-present-soft);border-radius:var(--radius-md);color:var(--color-present);font-size:var(--text-xs);margin:var(--space-4) 0;padding:var(--space-2);text-align:center}.pvp-room__settings-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.pvp-room__settings-cancel,.pvp-room__settings-save{border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__settings-cancel{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.pvp-room__settings-cancel:hover{background:var(--color-bg-primary)}.pvp-room__settings-save{background:var(--color-text-primary);border:none;box-shadow:var(--shadow-md);color:var(--color-bg-primary)}.pvp-room__settings-save:hover:not(:disabled){background:var(--color-text-secondary)}.pvp-room__settings-save:disabled{cursor:not-allowed;opacity:.5}.pvp-room__opponents{-ms-overflow-style:none;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:row;flex-shrink:0;gap:var(--space-3);margin-bottom:var(--space-4);overflow-x:auto;padding:var(--space-3);scrollbar-width:none;width:100%}.pvp-room__opponents::-webkit-scrollbar{display:none}.pvp-room__opponent{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-2);padding:var(--space-3);transition:all var(--duration-fast) var(--ease-out);width:140px}.pvp-room__opponent .pvp-room__opponent-name{font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-room__opponent-name{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);justify-content:space-between}.pvp-room__opponent-name .crown{color:#fbbf24;font-size:var(--text-xs);margin-right:4px}.pvp-room__opponent-progress{background:var(--color-bg-secondary);border-radius:var(--radius-full);height:6px;overflow:hidden}.pvp-room__progress-bar{background:var(--color-present);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.pvp-room__progress-bar.won{background:var(--color-correct)}.pvp-room__progress-bar.lost{background:var(--color-absent)}.pvp-room__opponent-status{color:var(--color-text-tertiary);font-size:var(--text-xs);text-align:right}.pvp-room__play-area.wordle-page{background:#0000!important;background-image:none!important;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0!important;overflow-x:hidden;overflow-y:auto;padding-top:0!important;width:100%}.pvp-room__play-area .wordle-page__answer-board{flex:0 0 auto;margin:0 auto;padding:var(--space-4) 0}.pvp-room__play-area .keyboard{background:var(--color-bg-primary);border-top:1px solid var(--color-border-light);bottom:0;margin-top:auto;position:-webkit-sticky;position:sticky;z-index:10}.pvp-room__results-overlay{align-items:center;animation:fade-in var(--duration-fast) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pvp-room__results{animation:scale-in var(--duration-normal) var(--ease-spring);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-8);width:90%}.pvp-room__results h2{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);text-align:center}.pvp-room__end-reason{background:var(--color-present-soft);border-radius:var(--radius-md);color:var(--color-present);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);text-align:center}.pvp-room__end-reason.time-up{background:#dc26261a;color:var(--color-error)}.pvp-room__ranking{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.pvp-room__rank-item{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__rank-item.current{background:var(--color-bg-primary);border:1px solid var(--color-text-primary);box-shadow:var(--shadow-sm)}.pvp-room__rank-position{color:var(--color-text-tertiary);font-weight:var(--font-bold);text-align:center;width:24px}.pvp-room__rank-position .gold{color:#fbbf24}.pvp-room__rank-position .silver{color:#9ca3af}.pvp-room__rank-position .bronze{color:#b45309}.pvp-room__rank-name{color:var(--color-text-primary);flex:1 1;font-weight:var(--font-medium)}.pvp-room__rank-stats{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.pvp-room__answer-reveal{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.pvp-room__answer-reveal span:first-child{color:var(--color-text-tertiary);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pvp-room__answer-reveal--clickable{cursor:pointer}.pvp-room__answer-reveal--clickable:hover{background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pvp-room__answer{color:var(--color-correct);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:.1em}.pvp-room__view-meaning{color:var(--color-text-tertiary)!important;font-size:var(--text-xs)!important;letter-spacing:normal!important;opacity:.8;text-transform:none!important;transition:opacity var(--duration-fast) var(--ease-out)}.pvp-room__answer-reveal:hover .pvp-room__view-meaning{opacity:1}.pvp-room__meaning-word{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.pvp-room__meaning-word .korean-serif{color:var(--color-text-primary);font-family:var(--font-korean-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide)}.pvp-room__meaning-original{color:var(--color-text-tertiary);font-family:var(--font-korean);font-size:var(--text-base);font-weight:var(--font-normal)}.pvp-room__meaning-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-korean);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-height:120px;overflow-y:auto;padding:var(--space-4);text-align:center;width:100%}.pvp-room__meaning-content.more_active{cursor:pointer}.pvp-room__meaning-content.more_active:hover{color:var(--color-text-primary)}.pvp-room__meaning-pagination{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.pvp-room__pagination-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);height:32px;justify-content:center;transition:all var(--duration-fast) var(--ease-out);width:32px}.pvp-room__pagination-btn:hover{background-color:var(--color-border-light);border-color:var(--color-border-medium)}.pvp-room__pagination-btn.active{background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-inverse)}.pvp-room__results-actions{display:flex;flex-direction:column;gap:var(--space-3)}.pvp-room__results-actions--meaning{margin-top:var(--space-6)}.pvp-room__again-btn{align-items:center;background:var(--color-text-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-bg-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--duration-fast) var(--ease-out);width:100%}.pvp-room__again-btn:hover:not(:disabled){background:var(--color-text-secondary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pvp-room__again-btn:disabled{cursor:not-allowed;opacity:.5}.pvp-room__leave-btn{align-items:center;background:#0000;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--duration-fast) var(--ease-out);width:100%}.pvp-room__leave-btn:hover{background:var(--color-bg-primary);border-color:var(--color-text-primary);color:var(--color-text-primary)}.pvp-room__wait-host{color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-2);text-align:center}body.dark-mode .pvp-room{background-image:radial-gradient(ellipse at 50% 0,var(--color-dark-bg-secondary) 0,#0000 60%)}body.dark-mode .pvp-room__info,body.dark-mode .pvp-room__opponent,body.dark-mode .pvp-room__player,body.dark-mode .pvp-room__results{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-light)}body.dark-mode .pvp-room__code-section{background:var(--color-dark-bg-secondary)}body.dark-mode .pvp-room__copy-link{border-color:var(--color-dark-border-light)}body.dark-mode .pvp-room__copy-link:hover{background:var(--color-dark-bg-elevated);border-color:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__difficulty{border-color:var(--color-dark-border-light)}body.dark-mode .pvp-room__difficulty-value{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__player.current{background:var(--color-dark-bg-elevated);border-color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__player-name .you{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-tertiary)}body.dark-mode .pvp-room__answer-reveal,body.dark-mode .pvp-room__mode-indicator,body.dark-mode .pvp-room__opponents,body.dark-mode .pvp-room__rank-item,body.dark-mode .pvp-room__timer-bar{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light)}body.dark-mode .pvp-room__opponent-progress{background:var(--color-dark-bg-tertiary)}body.dark-mode .pvp-room__game-info{border-color:var(--color-dark-border-light)}body.dark-mode .pvp-room__info-value{color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__edit-settings-btn{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__edit-settings-btn:hover{background:var(--color-dark-bg-tertiary);color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__settings-content{background:var(--color-dark-bg-tertiary)}body.dark-mode .pvp-room__settings-content h3{color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__settings-options{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light)}body.dark-mode .pvp-room__settings-options button{color:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__settings-options button:hover{background:var(--color-dark-bg-tertiary);color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__settings-options button.active{background:var(--color-dark-bg-elevated);color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__settings-cancel{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__again-btn,body.dark-mode .pvp-room__ready-btn,body.dark-mode .pvp-room__settings-save,body.dark-mode .pvp-room__start-btn{background:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}body.dark-mode .pvp-room__again-btn:hover:not(:disabled),body.dark-mode .pvp-room__ready-btn:hover:not(:disabled),body.dark-mode .pvp-room__start-btn:hover:not(:disabled){background:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__ready-btn.ready{background:var(--color-dark-bg-tertiary);border-color:var(--color-dark-border-medium);color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__ready-btn.ready:hover{background:var(--color-dark-bg-elevated)}body.dark-mode .pvp-room__leave-btn{border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__leave-btn:hover{background:var(--color-dark-bg-elevated);border-color:var(--color-dark-text-primary);color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__meaning-word .korean-serif{color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__meaning-original{color:var(--color-dark-text-tertiary)}body.dark-mode .pvp-room__meaning-content{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__meaning-content.more_active:hover{color:var(--color-dark-text-primary)}body.dark-mode .pvp-room__pagination-btn{background-color:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .pvp-room__pagination-btn:hover{background-color:var(--color-dark-border-light)}body.dark-mode .pvp-room__pagination-btn.active{background-color:var(--color-dark-text-primary);border-color:var(--color-dark-text-primary);color:var(--color-dark-bg-primary)}body.dark-mode .pvp-room__view-meaning{color:var(--color-dark-text-tertiary)!important}body.dark-mode .pvp-room__play-area .keyboard{background:var(--color-dark-bg-primary);border-color:var(--color-dark-border-light)}@media(min-width:1024px){.pvp-room__game{grid-gap:var(--space-4) var(--space-6);align-items:start;display:grid;gap:var(--space-4) var(--space-6);grid-template-areas:"header opponents" "play opponents";grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;padding:var(--space-6)}.pvp-room__game-header{grid-area:header;margin-bottom:0}.pvp-room__opponents{flex-direction:column;flex-shrink:0;grid-area:opponents;height:-webkit-fit-content;height:fit-content;margin-bottom:0;max-height:calc(100vh - 150px);overflow-y:auto;width:100%}.pvp-room__opponent{flex:0 0 auto;width:100%}.pvp-room__play-area.wordle-page{align-self:stretch;grid-area:play;justify-content:flex-start;padding-bottom:var(--space-4)}.pvp-room__play-area.wordle-page .keyboard{background:#0000;border:none;margin:0 auto;max-width:640px;max-width:var(--keyboard-max-width-desktop,640px);position:static}}@media(min-width:768px)and (max-width:1023px){.pvp-room__opponent{width:180px}}@media(max-width:767px){.pvp-room{padding-top:60px}.pvp-room__game,.pvp-room__opponents{padding:var(--space-2)}.pvp-room__opponents{gap:var(--space-2);margin-bottom:var(--space-2)}.pvp-room__opponent{padding:var(--space-2);width:110px}.pvp-room__opponent .pvp-room__opponent-name,.pvp-room__opponent .pvp-room__opponent-status{font-size:10px}.pvp-room__play-area.wordle-page .wordle-page__answer-board{padding:var(--space-2) 0;transform-origin:top center}.pvp-room__play-area.wordle-page .keyboard{padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}}@media(max-width:767px)and (max-height:700px){.pvp-room__play-area.wordle-page .wordle-page__answer-board{margin-bottom:-20px;transform:scale(.9)}}.admin-login{align-items:center;background:linear-gradient(135deg,#fafaf9,#f5f5f4);background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.admin-login__container{animation:fadeInUp .4s cubic-bezier(0,0,.2,1);animation:fadeInUp .4s var(--ease-out);background:#fff;background:var(--color-bg-tertiary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-xl);max-width:400px;padding:2rem;padding:var(--space-8);width:100%}.admin-login__header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.admin-login__icon{align-items:center;background:linear-gradient(135deg,#1c1917,#374151);background:linear-gradient(135deg,var(--color-accent) 0,#374151 100%);border-radius:1rem;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-4);width:64px}.admin-login__icon svg{color:#fafaf9;color:var(--color-text-inverse);font-size:1.75rem}.admin-login__title{color:#1c1917;color:var(--color-text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.admin-login__subtitle{color:#57534e;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.admin-login__warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;border-radius:var(--radius-md);color:#92400e;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.admin-login__warning svg{flex-shrink:0}.admin-login__form{display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5)}.admin-login__field{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.admin-login__field label{align-items:center;color:#57534e;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2)}.admin-login__field label svg{font-size:.75rem;font-size:var(--text-xs)}.admin-login__field input{background:#fafaf9;background:var(--color-bg-primary);border:1px solid #e7e5e4;border:1px solid var(--color-border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#1c1917;color:var(--color-text-primary);font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.admin-login__field input:focus{border-color:#78716c;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1c191710;box-shadow:var(--shadow-focus);outline:none}.admin-login__field input:disabled{cursor:not-allowed;opacity:.5}.admin-login__field input::placeholder{color:#a8a29e;color:var(--color-text-tertiary)}.admin-login__error{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;font-size:var(--text-sm)}.admin-login__error,.admin-login__submit{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.admin-login__submit{background:#1c1917;background:var(--color-accent);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fafaf9;color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.admin-login__submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.admin-login__submit:active:not(:disabled){transform:translateY(0)}.admin-login__submit:disabled{cursor:not-allowed;opacity:.5}.admin-login__back{background:#0000;border:1px solid #e7e5e4;border:1px solid var(--color-border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#57534e;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);margin-top:1rem;margin-top:var(--space-4);padding:.75rem;padding:var(--space-3);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.admin-login__back:hover{background:#f5f5f4;background:var(--color-bg-secondary);border-color:#d6d3d1;border-color:var(--color-border-medium)}body.dark-mode .admin-login__warning{background:#422006;border-color:#d97706;color:#fcd34d}body.dark-mode .admin-login__error{background:#450a0a;border-color:#dc2626;color:#fca5a5}.admin-dashboard{background:#fafaf9;background:var(--color-bg-primary);min-height:100vh}.admin-dashboard__header{align-items:center;background:#fff;background:var(--color-bg-tertiary);border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}@media(max-width:768px){.admin-dashboard__header{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}.admin-dashboard__header-left{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.admin-dashboard__header-left h1{align-items:center;color:#1c1917;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-2)}@media(max-width:768px){.admin-dashboard__header-left h1{font-size:1.125rem;font-size:var(--text-lg)}}.admin-dashboard__header-right{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.admin-dashboard__back,.admin-dashboard__logout,.admin-dashboard__refresh{align-items:center;background:#0000;border:1px solid #e7e5e4;border:1px solid var(--color-border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#57534e;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.admin-dashboard__back:hover:not(:disabled),.admin-dashboard__logout:hover:not(:disabled),.admin-dashboard__refresh:hover:not(:disabled){background:#f5f5f4;background:var(--color-bg-secondary);border-color:#d6d3d1;border-color:var(--color-border-medium)}.admin-dashboard__back:disabled,.admin-dashboard__logout:disabled,.admin-dashboard__refresh:disabled{cursor:not-allowed;opacity:.5}.admin-dashboard__logout{background:#1c1917;background:var(--color-accent);border-color:#0000;color:#fafaf9;color:var(--color-text-inverse)}.admin-dashboard__logout:hover{background:#1c1917!important;background:var(--color-accent)!important;border-color:#0000!important;opacity:.9}@media(max-width:640px){.admin-dashboard__logout span{display:none}}.admin-dashboard__update-time{align-items:center;color:#a8a29e;color:var(--color-text-tertiary);display:flex;font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1)}@media(max-width:640px){.admin-dashboard__update-time{display:none}}.admin-dashboard__content{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--space-6)}@media(max-width:768px){.admin-dashboard__content{padding:1rem;padding:var(--space-4)}}.admin-dashboard__range-selector{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.admin-dashboard__range-selector .range-btn{background:#0000;border:1px solid #e7e5e4;border:1px solid var(--color-border-light);border-radius:9999px;border-radius:var(--radius-full);color:#57534e;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.admin-dashboard__range-selector .range-btn:hover{background:#f5f5f4;background:var(--color-bg-secondary);border-color:#d6d3d1;border-color:var(--color-border-medium)}.admin-dashboard__range-selector .range-btn.active{background:#1c1917;background:var(--color-accent);border-color:#1c1917;border-color:var(--color-accent);color:#fafaf9;color:var(--color-text-inverse)}.admin-dashboard__error,.admin-dashboard__loading{align-items:center;color:#57534e;color:var(--color-text-secondary);display:flex;font-size:1.125rem;font-size:var(--text-lg);gap:.75rem;gap:var(--space-3);justify-content:center;padding:2rem;padding:var(--space-8);text-align:center}.admin-dashboard__error{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;border-radius:var(--radius-lg);color:#dc2626;font-size:1rem;font-size:var(--text-base)}.admin-dashboard__section{background:#fff;background:var(--color-bg-tertiary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6)}.admin-dashboard__section h2{align-items:center;color:#1c1917;color:var(--color-text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.admin-dashboard__section h2 svg{color:#a8a29e;color:var(--color-text-tertiary)}.admin-dashboard__section--split{grid-gap:1.5rem;grid-gap:var(--space-6);background:#0000;box-shadow:none;display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(2,1fr);padding:0}@media(max-width:768px){.admin-dashboard__section--split{grid-template-columns:1fr}}.admin-dashboard__section--split .split-panel{background:#fff;background:var(--color-bg-tertiary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6)}.stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{align-items:center;background:#fff;background:var(--color-bg-tertiary);border:1px solid #e7e5e4;border:1px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--space-4);padding:1.25rem;padding:var(--space-5);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-card__content{flex:1 1}.stat-card__value{color:#1c1917;color:var(--color-text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);line-height:1}.stat-card__label{color:#57534e;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.stat-card__label,.stat-card__sublabel{margin-top:.25rem;margin-top:var(--space-1)}.stat-card__sublabel{color:#a8a29e;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--text-xs)}.stat-card--primary .stat-card__icon{background:#dbeafe;color:#2563eb}.stat-card--success .stat-card__icon{background:#dcfce7;color:#16a34a}.stat-card--info .stat-card__icon{background:#e0e7ff;color:#4f46e5}.stat-card--warning .stat-card__icon{background:#fef3c7;color:#d97706}body.dark-mode .stat-card--primary .stat-card__icon{background:#1e3a5f;color:#60a5fa}body.dark-mode .stat-card--success .stat-card__icon{background:#14532d;color:#4ade80}body.dark-mode .stat-card--info .stat-card__icon{background:#312e81;color:#818cf8}body.dark-mode .stat-card--warning .stat-card__icon{background:#451a03;color:#fbbf24}body.dark-mode .admin-dashboard__error{background:#450a0a;border-color:#dc2626;color:#fca5a5}.active-visitors{align-items:center;background:#f5f5f4;background:var(--color-bg-secondary);border-radius:.75rem;border-radius:var(--radius-lg);color:#57534e;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);justify-content:center;margin-top:1rem;margin-top:var(--space-4);padding:.75rem;padding:var(--space-3)}.active-visitors__dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.active-visitors strong{color:#1c1917;color:var(--color-text-primary);font-weight:600;font-weight:var(--font-semibold)}.events-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.event-item{align-items:center;background:#f5f5f4;background:var(--color-bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.event-item:hover{background:#fafaf9;background:var(--color-bg-primary)}.event-item__name{color:#1c1917;color:var(--color-text-primary)}.event-item__count,.event-item__name{font-size:.875rem;font-size:var(--text-sm)}.event-item__count{background:#1c191710;background:var(--color-accent-soft);border-radius:.25rem;border-radius:var(--radius-sm);color:#1c1917;color:var(--color-accent);font-weight:600;font-weight:var(--font-semibold);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.pages-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.page-item{align-items:center;background:#f5f5f4;background:var(--color-bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.page-item:hover{background:#fafaf9;background:var(--color-bg-primary)}.page-item__rank{color:#a8a29e;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);width:28px}.page-item__url{color:#1c1917;color:var(--color-text-primary);flex:1 1;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item__url,.page-item__views{font-size:.875rem;font-size:var(--text-sm)}.page-item__views{color:#57534e;color:var(--color-text-secondary);font-weight:600;font-weight:var(--font-semibold)}.metric-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.metric-item{align-items:center;background:#f5f5f4;background:var(--color-bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.metric-item__icon{color:#a8a29e;color:var(--color-text-tertiary);text-align:center;width:20px}.metric-item__name{color:#1c1917;color:var(--color-text-primary);flex:1 1;text-transform:capitalize}.metric-item__name,.metric-item__value{font-size:.875rem;font-size:var(--text-sm)}.metric-item__value{color:#57534e;color:var(--color-text-secondary);font-weight:600;font-weight:var(--font-semibold)}.countries-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.country-item{align-items:center;background:#f5f5f4;background:var(--color-bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.country-item__name{color:#1c1917;color:var(--color-text-primary)}.country-item__name,.country-item__value{font-size:.875rem;font-size:var(--text-sm)}.country-item__value{color:#57534e;color:var(--color-text-secondary);font-weight:600;font-weight:var(--font-semibold)}.no-data{color:#a8a29e;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--text-sm);padding:1.5rem;padding:var(--space-6);text-align:center}.admin-dashboard__tabs{background:#fff;background:var(--color-bg-tertiary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.5rem;padding:var(--space-2)}.admin-dashboard__tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#57534e;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.admin-dashboard__tabs .tab-btn svg{font-size:1rem;font-size:var(--text-base)}.admin-dashboard__tabs .tab-btn:hover{background:#f5f5f4;background:var(--color-bg-secondary);color:#1c1917;color:var(--color-text-primary)}.admin-dashboard__tabs .tab-btn.active{background:#1c1917;background:var(--color-accent);color:#fafaf9;color:var(--color-text-inverse)}@media(max-width:640px){.admin-dashboard__tabs .tab-btn{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.admin-dashboard__tabs .tab-btn span{display:none}}.win-rate-card{align-items:center;background:#f5f5f4;background:var(--color-bg-secondary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.win-rate-card__main{text-align:center}.win-rate-card__percentage{color:#22c55e;font-size:3.5rem;font-weight:700;font-weight:var(--font-bold);line-height:1}.win-rate-card__label{color:#57534e;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-top:.25rem;margin-top:var(--space-1)}.win-rate-card__details{display:flex;gap:2rem;gap:var(--space-8)}.win-rate-card__stat{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.win-rate-card__stat-value{color:#1c1917;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold)}.win-rate-card__stat-value--win{color:#22c55e}.win-rate-card__stat-value--lose{color:#ef4444}.win-rate-card__stat-label{color:#a8a29e;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--text-xs)}.win-rate-card__bar{border-radius:9999px;border-radius:var(--radius-full);display:flex;height:8px;max-width:400px;overflow:hidden;width:100%}.win-rate-card__bar-fill{height:100%;transition:width .3s cubic-bezier(0,0,.2,1);transition:width var(--duration-normal) var(--ease-out)}.win-rate-card__bar-fill--win{background:#22c55e}.win-rate-card__bar-fill--lose{background:#ef4444}.distribution-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.distribution-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2)}.distribution-item__name{color:#1c1917;color:var(--color-text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.distribution-item__count{color:#57534e;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold)}.distribution-item__bar{background:#f5f5f4;background:var(--color-bg-secondary);height:8px;overflow:hidden}.distribution-item__bar,.distribution-item__bar-fill{border-radius:9999px;border-radius:var(--radius-full)}.distribution-item__bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .3s cubic-bezier(0,0,.2,1);transition:width var(--duration-normal) var(--ease-out)}.distribution-item__bar-fill--alt{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.distribution-item__bar-fill--pvp{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.distribution-item__bar-fill--lang{background:linear-gradient(90deg,#10b981,#34d399)}.completion-rate-card{align-items:center;background:#f5f5f4;background:var(--color-bg-secondary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.completion-rate-card__circle{height:150px;position:relative;width:150px}.completion-rate-card__svg{height:100%;transform:rotate(-90deg);width:100%}.completion-rate-card__bg{fill:none;stroke:#e7e5e4;stroke:var(--color-border-light);stroke-width:3}.completion-rate-card__fill{fill:none;stroke:#22c55e;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s cubic-bezier(0,0,.2,1);transition:stroke-dasharray var(--duration-normal) var(--ease-out)}.completion-rate-card__value{color:#1c1917;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.completion-rate-card__label{color:#57534e;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);text-align:center}.funnel-chart__title{color:#1c1917;color:var(--color-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin-bottom:1rem;margin-bottom:var(--space-4);text-align:center}.funnel-chart__steps{gap:.5rem;gap:var(--space-2)}.funnel-chart__steps,.funnel-step{align-items:center;display:flex;flex-direction:column}.funnel-step{width:100%}.funnel-step__bar-container{display:flex;justify-content:center;width:100%}.funnel-step__bar{align-items:center;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:center;min-width:120px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:width .3s cubic-bezier(0,0,.2,1);transition:width var(--duration-normal) var(--ease-out)}.funnel-step__name{color:#fff;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);white-space:nowrap}.funnel-step__stats{display:flex;gap:.75rem;gap:var(--space-3);margin-top:.25rem;margin-top:var(--space-1)}.funnel-step__count{color:#1c1917;color:var(--color-text-primary);font-weight:600;font-weight:var(--font-semibold)}.funnel-step__count,.funnel-step__rate{font-size:.875rem;font-size:var(--text-sm)}.funnel-step__rate{color:#22c55e;font-weight:500;font-weight:var(--font-medium)}.funnel-step__rate:before{content:"↓ "}.funnel-step__arrow{color:#a8a29e;color:var(--color-text-tertiary);font-size:1.125rem;font-size:var(--text-lg);line-height:1;margin:.25rem 0;margin:var(--space-1) 0}.stats-grid--compact{gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stat-card--small{flex-direction:column;padding:1rem;padding:var(--space-4);text-align:center}.stat-card--small .stat-card__content{text-align:center}.stat-card--small .stat-card__value{font-size:1.25rem;font-size:var(--text-xl)}.stat-card--small .stat-card__label{font-size:.75rem;font-size:var(--text-xs)}.section-description{color:#57534e;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-bottom:1rem;margin-bottom:var(--space-4);margin-top:-1rem;margin-top:calc(var(--space-4)*-1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;scroll-behavior:smooth;scrollbar-gutter:stable}#root,body,html{height:100%}body{min-height:100vh;min-height:100dvh}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root{isolation:isolate}input,textarea{-webkit-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}:root{--color-bg-primary:#fafaf9;--color-bg-secondary:#f5f5f4;--color-bg-tertiary:#fff;--color-bg-elevated:#fff;--color-text-primary:#1c1917;--color-text-secondary:#57534e;--color-text-tertiary:#a8a29e;--color-text-inverse:#fafaf9;--color-border-light:#e7e5e4;--color-border-medium:#d6d3d1;--color-border-focus:#78716c;--color-correct:#4a9c6d;--color-correct-soft:#4a9c6d20;--color-correct-border:#3d8a5e;--color-present:#c9a227;--color-present-soft:#c9a22720;--color-present-border:#b8921f;--color-absent:#787774;--color-absent-soft:#78777420;--color-absent-border:#696966;--color-correct-cb:#0077b6;--color-present-cb:coral;--color-accent:#1c1917;--color-accent-soft:#1c191710;--color-error:#dc2626;--color-success:#16a34a;--color-dark-bg-primary:#0f0f0f;--color-dark-bg-secondary:#171717;--color-dark-bg-tertiary:#1f1f1f;--color-dark-bg-elevated:#262626;--color-dark-text-primary:#fafaf9;--color-dark-text-secondary:#a8a29e;--color-dark-text-tertiary:#78716c;--color-dark-border-light:#292524;--color-dark-border-medium:#3f3f46;--color-dark-correct:#5db77e;--color-dark-correct-border:#4ca36b;--color-dark-present:#ddb84c;--color-dark-present-border:#c9a53d;--color-dark-absent:#525252;--color-dark-absent-border:#454545;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-korean:"Pretendard Variable","Pretendard","Noto Sans KR",sans-serif;--font-korean-serif:"Gowun Batang","Noto Serif KR",Georgia,serif;--font-chinese:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-chinese-serif:"Noto Serif SC","Source Han Serif SC",serif;--font-sans:var(--font-korean);--font-serif:var(--font-korean-serif);--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #00000008;--shadow-sm:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d;--shadow-focus:0 0 0 3px var(--color-accent-soft);--duration-instant:75ms;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--tile-size:68px;--tile-size-tablet:62px;--tile-size-mobile:56px;--tile-size-small:50px;--tile-gap:8px;--key-height:64px;--key-width:52px;--key-height-tablet:58px;--key-width-tablet:46px;--key-height-mobile:54px;--key-width-mobile:40px;--key-gap:7px;--keyboard-max-width-desktop:640px;--keyboard-max-width-tablet:560px;--keyboard-max-width-mobile:500px;--flip-delay-step:150ms}body.dark-mode{--color-bg-primary:var(--color-dark-bg-primary);--color-bg-secondary:var(--color-dark-bg-secondary);--color-bg-tertiary:var(--color-dark-bg-tertiary);--color-bg-elevated:var(--color-dark-bg-elevated);--color-text-primary:var(--color-dark-text-primary);--color-text-secondary:var(--color-dark-text-secondary);--color-text-tertiary:var(--color-dark-text-tertiary);--color-border-light:var(--color-dark-border-light);--color-border-medium:var(--color-dark-border-medium);--color-correct:var(--color-dark-correct);--color-correct-border:var(--color-dark-correct-border);--color-present:var(--color-dark-present);--color-present-border:var(--color-dark-present-border);--color-absent:var(--color-dark-absent);--color-absent-border:var(--color-dark-absent-border);--shadow-xs:0 1px 2px 0 #0003;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}body.color-mode{--color-correct:var(--color-correct-cb);--color-present:var(--color-present-cb)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pop-strong{0%{transform:scale(1)}30%{transform:scale(1.12)}60%{transform:scale(.98)}to{transform:scale(1)}}@keyframes flip-reveal{0%{transform:perspective(400px) rotateX(0deg)}50%{transform:perspective(400px) rotateX(90deg)}to{transform:perspective(400px) rotateX(0deg)}}@keyframes flip-with-color{0%{background-color:#fff;background-color:var(--color-bg-tertiary);border-color:#d6d3d1;border-color:var(--color-border-medium);transform:perspective(400px) rotateX(0deg)}49.9%{background-color:#fff;background-color:var(--color-bg-tertiary);border-color:#d6d3d1;border-color:var(--color-border-medium);transform:perspective(400px) rotateX(90deg)}50%{background-color:#787774;background-color:var(--flip-color,var(--color-absent));border-color:#787774;border-color:var(--flip-color,var(--color-absent));transform:perspective(400px) rotateX(90deg)}to{background-color:#787774;background-color:var(--flip-color,var(--color-absent));border-color:#787774;border-color:var(--flip-color,var(--color-absent));transform:perspective(400px) rotateX(0deg)}}@keyframes shake{0%,to{transform:translateX(0)}10%{transform:translateX(-8px)}20%{transform:translateX(8px)}30%{transform:translateX(-6px)}40%{transform:translateX(6px)}50%{transform:translateX(-4px)}60%{transform:translateX(4px)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes shake-gentle{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes win-bounce{0%,to{transform:translateY(0)}20%{transform:translateY(-20px)}40%{transform:translateY(-10px)}60%{transform:translateY(-15px)}80%{transform:translateY(-5px)}}@keyframes key-press{0%{box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);transform:scale(1)}50%{box-shadow:none;transform:scale(.95)}to{box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);transform:scale(1)}}@keyframes letter-pop{0%{border-color:#e7e5e4;border-color:var(--color-border-light);transform:scale(1)}50%{border-color:#78716c;border-color:var(--color-border-focus);transform:scale(1.1)}to{border-color:#78716c;border-color:var(--color-border-focus);transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(.95)}}.animate-pop{animation:pop .15s cubic-bezier(.175,.885,.32,1.275);animation:pop var(--duration-fast) var(--ease-spring)}.animate-pop-in{animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275);animation:pop-in var(--duration-normal) var(--ease-spring)}.animate-shake{animation:shake .5s cubic-bezier(0,0,.2,1);animation:shake var(--duration-slow) var(--ease-out)}.animate-shake-gentle{animation:shake-gentle .3s cubic-bezier(0,0,.2,1);animation:shake-gentle var(--duration-normal) var(--ease-out)}.animate-flip{animation:flip-reveal .5s cubic-bezier(.4,0,.2,1);animation:flip-reveal var(--duration-slow) var(--ease-in-out)}.animate-fade-in{animation:fade-in .3s cubic-bezier(0,0,.2,1);animation:fade-in var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fade-in-up .3s cubic-bezier(0,0,.2,1);animation:fade-in-up var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scale-in .3s cubic-bezier(.175,.885,.32,1.275);animation:scale-in var(--duration-normal) var(--ease-spring)}.animate-slide-in-right{animation:slide-in-right .3s cubic-bezier(0,0,.2,1);animation:slide-in-right var(--duration-normal) var(--ease-out)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite;animation:pulse 2s var(--ease-in-out) infinite}.delay-1{animation-delay:.15s;animation-delay:calc(var(--flip-delay-step)*1)}.delay-2{animation-delay:.3s;animation-delay:calc(var(--flip-delay-step)*2)}.delay-3{animation-delay:.45s;animation-delay:calc(var(--flip-delay-step)*3)}.delay-4{animation-delay:.6s;animation-delay:calc(var(--flip-delay-step)*4)}.delay-5{animation-delay:.75s;animation-delay:calc(var(--flip-delay-step)*5)}.delay-6{animation-delay:.9s;animation-delay:calc(var(--flip-delay-step)*6)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafaf9;background-color:var(--color-bg-primary);color:#1c1917;color:var(--color-text-primary);font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);line-height:1.5;line-height:var(--leading-normal);margin:0;overscroll-behavior:none;padding:0;transition:background-color .3s cubic-bezier(0,0,.2,1),color .3s cubic-bezier(0,0,.2,1);transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body.dark-mode{background-color:#0f0f0f;background-color:var(--color-dark-bg-primary);color:#fafaf9;color:var(--color-dark-text-primary)}a{color:#1c1917;color:var(--color-text-primary);text-decoration:none;transition:color .15s cubic-bezier(0,0,.2,1);transition:color var(--duration-fast) var(--ease-out)}a:hover{color:#57534e;color:var(--color-text-secondary)}a:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 0 0 3px #1c191710;box-shadow:var(--shadow-focus);outline:none}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}button:focus-visible{box-shadow:0 0 0 3px #1c191710;box-shadow:var(--shadow-focus);outline:none}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #1c191710;box-shadow:var(--shadow-focus);outline:none}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#d6d3d1;background-color:var(--color-border-medium);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:#a8a29e;background-color:var(--color-text-tertiary)}*{scrollbar-color:#d6d3d1 #0000;scrollbar-color:var(--color-border-medium) #0000;scrollbar-width:thin}::selection{background-color:#1c1917;background-color:var(--color-accent);color:#fafaf9;color:var(--color-text-inverse)}body.lang-zh{--font-sans:var(--font-chinese);--font-serif:var(--font-chinese-serif)}.korean-text{font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif!important;font-family:var(--font-korean)!important}.korean-serif{font-family:Gowun Batang,"Noto Serif KR",Georgia,serif!important;font-family:var(--font-korean-serif)!important}.font-serif{font-family:Gowun Batang,"Noto Serif KR",Georgia,serif;font-family:var(--font-serif)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.container{margin-left:auto;margin-right:auto;max-width:1024px;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}
/*# sourceMappingURL=main.c1bb9a79.css.map*/