:root{--color-black: rgb(15, 18, 25);--color-gray-dark: rgb(34, 41, 57);--color-gray: rgb(96, 115, 159);--color-gray-light: rgb(229, 233, 240);--color-accent: #2337ff;--color-accent-dark: #000d8a;--color-link: #3451c6;--color-link-hover: #1f2a6b;--color-bg: #fff;--color-bg-alt: #fff3f0;--color-border: rgb(15, 18, 25);--font-pretendard: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-base: 18px;--font-size-mobile: 16px;--font-size-h1: 36px;--font-size-h2: 28px;--font-size-h3: 20px;--line-height-body: 1.7;--line-height-heading: 1.2;--width-content: 720px;--width-wide: 1100px;--height-header: 52px;--box-shadow: 0 2px 6px rgba(96, 115, 159, .25), 0 8px 24px rgba(96, 115, 159, .33), 0 16px 32px rgba(96, 115, 159, .33)}*,*:before,*:after{box-sizing:border-box}::selection{background:#ed4d20;color:#fff}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-gray-dark);font-family:var(--font-pretendard);font-size:var(--font-size-base);line-height:var(--line-height-body);word-break:break-word;overflow-wrap:break-word;text-align:left}#main{min-height:70vh;display:flex;flex-direction:column}#main>:last-child{flex-grow:1}h1,h2,h3,h4,h5,h6{margin:0 0 8px;color:var(--color-black);font-weight:700;line-height:var(--line-height-heading)}h1{font-size:var(--font-size-h1);word-break:keep-all}h2{font-size:var(--font-size-h2);margin-top:100px}h3{font-size:var(--font-size-h3);color:#444}h4,h5{font-size:18px}h6{font-size:16px}p{margin:0 0 20px}a{color:inherit;text-decoration:none}strong,b{font-weight:700}img{max-width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:inherit;font-size:16px}ul,ol{margin:0;padding:0}table{width:100%;border-collapse:collapse;margin:28px 0;font-size:16px}th{background:#111;color:#fff;font-weight:600;text-align:left;padding:10px 14px;border:none}td{padding:10px 14px;border-bottom:1px solid #e5e5e5}tbody tr:hover td{background:#f9f9f9}code{padding:2px 5px;background-color:var(--color-gray-light);border-radius:2px;font-size:.9em}pre{padding:24px;border-radius:8px;overflow-x:auto}pre>code{all:unset}blockquote{background:#f5f5f5;padding:16px 20px;margin:28px 0;font-size:18px;color:#555}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--color-gray-light);margin:40px 0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){body{font-size:var(--font-size-mobile)}}.global-header{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.global-header--inner{max-width:var(--width-wide);margin:0 auto;padding:0 24px;height:var(--height-header);display:flex;align-items:center;justify-content:space-between}.global-header--logo{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.global-header--logo img{display:block;height:36px;width:auto}.global-header--nav{display:flex;align-items:center;gap:0}.global-header--nav-link,.global-header--nav-btn{display:flex;align-items:center;height:var(--height-header);padding:0 12px;font-size:15px;color:#6b7280;text-decoration:none;border:none;background:none;cursor:pointer;transition:color .15s;font-family:inherit;font-weight:400}.global-header--nav-link:hover,.global-header--nav-btn:hover,.nihongo-nav--active{color:var(--color-black);font-weight:600}.global-header--actions{display:flex;align-items:center;gap:4px}.global-header--menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-black);border:none;background:none;cursor:pointer}.global-sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:100}.global-sidebar{position:fixed;top:0;right:-300px;width:280px;height:100dvh;background:var(--color-bg);border-left:1px solid var(--color-border);z-index:101;display:flex;flex-direction:column;transition:right .25s ease;overflow-y:auto}.global-sidebar.is-open{right:0}.global-sidebar--header{display:flex;align-items:center;justify-content:space-between;height:var(--height-header);padding:0 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.global-sidebar--close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-black);border:none;background:none;cursor:pointer}.global-sidebar--nav{display:flex;flex-direction:column;padding:16px 0}.global-sidebar--nav-link,.global-sidebar--nav-btn{display:block;width:100%;padding:14px 20px;font-size:16px;color:var(--color-black);text-decoration:none;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;font-weight:400;transition:background .15s}.global-sidebar--nav-link:hover,.global-sidebar--nav-btn:hover{background:#f9fafb}.nihongo-sidebar-nav--active{font-weight:600}.global-sidebar--sub-menu{list-style:none;padding:0;margin:0}.global-sidebar--sub-link{display:block;padding:10px 32px;font-size:14px;color:#6b7280;text-decoration:none;transition:color .15s}.global-sidebar--sub-link:hover{color:var(--color-black)}.global-sidebar-overlay.is-visible{display:block}@media(max-width:720px){.global-header--nav{display:none}.global-header--menu-btn{display:flex}.global-header--inner{padding:0 16px}}.global-footer{border-top:1px solid var(--color-border);background:var(--color-bg);color:var(--color-black)}.global-footer--inner{max-width:var(--width-wide);margin:0 auto;padding:40px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.global-footer--left{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.global-footer--breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.global-footer--breadcrumb-sep{font-size:12px;color:#d1d5db}.global-footer--breadcrumb a{font-size:13px;color:#9ca3af;text-decoration:none;transition:color .15s}.global-footer--breadcrumb a:hover{color:var(--color-black)}.global-footer--breadcrumb span{font-size:13px;color:var(--color-black);font-weight:500}.global-footer--logo{display:block;height:28px;width:auto}.global-footer--right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.global-footer--nav{display:flex;align-items:center}.global-footer--nav-link{font-size:13px;color:var(--color-black);text-decoration:none;transition:text-decoration .15s}.global-footer--nav-link:hover{text-decoration:underline}.global-footer--nav-link+.global-footer--nav-link:before{content:"\b7";display:inline-block;margin:0 8px;color:#9ca3af;font-size:12px}.global-footer--copy{font-size:12px;color:#6b7280}@media(max-width:720px){.global-footer--inner{flex-direction:column;align-items:flex-start;gap:24px;padding:40px 16px}.global-footer--right{align-items:flex-start}}.page-hero{background:var(--color-black);height:200px;display:flex;align-items:flex-end;border-bottom:1px solid var(--color-border)}.page-hero--inner{max-width:var(--width-wide);width:100%;margin:0 auto;padding:0 24px 36px}.page-hero--label{font-size:11px;color:#fff6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.page-hero--title{font-size:30px;font-weight:700;color:#fff;line-height:var(--line-height-heading);margin:0 0 10px}.page-hero--desc{font-size:16px;color:#ffffff8c;margin:0;max-width:520px;line-height:1.65}@media(max-width:720px){.page-hero{height:160px}.page-hero--inner{padding:0 16px 28px}.page-hero--title{font-size:24px}}.quiz-hub--inner{max-width:var(--width-content);margin:0 auto;padding:56px 24px 80px;display:flex;flex-direction:column;gap:52px}.quiz-hub--group-label{display:flex;align-items:baseline;gap:10px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.quiz-hub--group-ko{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black)}.quiz-hub--group-en{font-size:12px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.06em}.quiz-hub--grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.quiz-hub--item{margin:0}.quiz-hub--card{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--color-border);text-decoration:none;color:var(--color-black);transition:background-color .15s,color .15s;height:100%;box-sizing:border-box}.quiz-hub--card:not(.is-soon):hover{background:var(--color-black);color:#fff}.quiz-hub--card-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.quiz-hub--card-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 5px;border:1px solid currentColor;line-height:1.5;flex-shrink:0}.quiz-hub--card-en{font-size:12px;color:var(--color-gray);letter-spacing:.04em}.quiz-hub--card:hover .quiz-hub--card-title{color:#fff}.quiz-hub--card:hover .quiz-hub--card-en{color:#ffffff8c}.quiz-hub--card-title{font-size:17px;font-weight:700;margin:0;line-height:1.3}.quiz-hub--card-desc{font-size:16px;color:var(--color-gray);line-height:1.6;margin:0;flex:1;word-break:keep-all}.quiz-hub--card:hover .quiz-hub--card-desc{color:#ffffffa6}.quiz-hub--card-arrow{font-size:14px;margin-top:10px;display:block;align-self:flex-end}.quiz-hub--card.is-soon{cursor:default;color:var(--color-gray)}.quiz-hub--card.is-soon .quiz-hub--card-title{color:var(--color-gray)}.quiz-hub--card-soon{align-self:flex-end;margin-top:10px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--color-gray);border:1px solid currentColor;padding:2px 6px;line-height:1.5}@media(max-width:640px){.quiz-hub--inner{padding:40px 16px 60px;gap:40px}.quiz-hub--grid{grid-template-columns:1fr 1fr}}@media(max-width:380px){.quiz-hub--grid{grid-template-columns:1fr}}.quiz-screen{min-height:60vh}.quiz-screen--header{border-bottom:1px solid var(--color-border)}.quiz-screen--header-inner{max-width:var(--width-wide);margin:0 auto;min-height:52px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 24px}.quiz-screen--back{font-size:14px;color:var(--color-gray);text-decoration:none;white-space:nowrap;transition:color .15s;flex-shrink:0}.quiz-screen--back:hover{color:var(--color-black)}.quiz-screen--title{font-size:15px;font-weight:600;color:var(--color-black);flex:1;min-width:0}.quiz-screen--mode-tabs{display:flex;flex-shrink:0}.quiz-screen--mode-tab{font-size:13px;padding:4px 12px;border:1px solid var(--color-border);color:var(--color-gray);text-decoration:none;transition:background-color .15s,color .15s;white-space:nowrap}.quiz-screen--mode-tab+.quiz-screen--mode-tab{border-left:none}.quiz-screen--mode-tab.is-active{background:var(--color-black);color:#fff;border-color:var(--color-black)}.quiz-screen--content{max-width:var(--width-content);margin:0 auto;padding:40px 24px 80px}.kana-quiz--btn,.travel-quiz--btn{display:inline-flex;align-items:center;padding:8px 20px;font-size:16px;font-family:inherit;cursor:pointer;background:var(--color-black);color:#fff;border:1px solid var(--color-black);transition:opacity .15s;text-decoration:none}.kana-quiz--btn-outline,.travel-quiz--btn-outline{background:transparent;color:var(--color-black)}.kana-quiz--btn:hover,.travel-quiz--btn:hover{opacity:.8}.kana-quiz--progress-bar{width:100%;height:3px;background:var(--color-gray-light);margin-bottom:32px}.kana-quiz--progress-fill{display:block;height:100%;background:var(--color-black);transition:width .3s ease;width:0%}.kana-quiz--notation{display:flex;justify-content:center;margin-bottom:24px}.kana-quiz--notation-btn{font-size:13px;font-weight:500;padding:6px 18px;border:1px solid var(--color-border);background:transparent;color:var(--color-gray);cursor:pointer;font-family:inherit;transition:background-color .15s,color .15s}.kana-quiz--notation-btn+.kana-quiz--notation-btn{border-left:none}.kana-quiz--notation-btn.is-active{background:var(--color-black);color:#fff;border-color:var(--color-black)}.kana-quiz--question{text-align:center;padding:24px 0;border-bottom:1px solid var(--color-gray-light);margin-bottom:24px}.kana-quiz--label{font-size:16px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}.kana-quiz--char{font-size:72px;font-weight:700;color:var(--color-black);margin:0;line-height:1}.kana-quiz--choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.kana-quiz--choice{padding:16px;border:1px solid var(--color-border);background:transparent;color:var(--color-black);font-size:16px;font-family:inherit;cursor:pointer;text-align:center;letter-spacing:.04em;transition:background-color .15s,color .15s}.kana-quiz--choice:hover:not(:disabled){background:var(--color-black);color:#fff}.kana-quiz--choice.is-correct{background:#166534;color:#fff;border-color:#166534}.kana-quiz--choice.is-wrong{background:#991b1b;color:#fff;border-color:#991b1b}.kana-quiz--choice:disabled{cursor:default;opacity:.65}.kana-quiz--result{min-height:28px;font-size:16px;font-weight:600;text-align:center;margin-bottom:16px}.kana-quiz--result.correct{color:#166534}.kana-quiz--result.wrong{color:#991b1b}.kana-quiz--footer{display:flex;align-items:center;justify-content:space-between}.kana-quiz--score{font-size:14px;color:var(--color-gray)}.travel-quiz--progress-bar{width:100%;height:3px;background:var(--color-gray-light);margin-bottom:28px}.travel-quiz--progress-fill{display:block;height:100%;background:var(--color-black);transition:width .3s ease;width:0%}.travel-quiz--situation{font-size:16px;color:var(--color-gray-dark);margin:0 0 16px;padding:10px 14px;border-left:3px solid var(--color-gray-light);line-height:1.6;word-break:keep-all}.travel-quiz--listen-wrap{background:#f7f8fb;border:1px solid var(--color-gray-light);padding:16px 20px;margin:0 0 20px}.travel-quiz--listen-label{font-size:11px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.travel-quiz--listen-text{font-size:22px;font-weight:600;color:var(--color-black);margin:0 0 4px;line-height:1.4}.travel-quiz--listen-reading{font-size:14px;color:var(--color-accent);margin:0}.travel-quiz--question{font-size:16px;font-weight:600;color:var(--color-black);margin:0 0 14px}.travel-quiz--choices{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.travel-quiz--choice{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border:1px solid var(--color-border);background:transparent;color:var(--color-black);font-family:inherit;cursor:pointer;text-align:left;transition:background-color .15s,color .15s;width:100%}.travel-quiz--choice:hover:not(:disabled){background:var(--color-black);color:#fff}.travel-quiz--choice.is-correct{background:#166534;color:#fff;border-color:#166534}.travel-quiz--choice.is-wrong{background:#991b1b;color:#fff;border-color:#991b1b}.travel-quiz--choice:disabled{cursor:default;opacity:.65}.travel-quiz--choice-text{font-size:16px;font-weight:600;flex-shrink:0}.travel-quiz--choice-meaning{font-size:16px;opacity:.65}.travel-quiz--explanation{display:none;font-size:16px;color:var(--color-gray-dark);padding:12px 14px;border-left:3px solid var(--color-black);margin-bottom:12px;line-height:1.65;word-break:keep-all}.travel-quiz--explanation.visible{display:block}.travel-quiz--result{min-height:24px;font-size:16px;font-weight:600;margin-bottom:12px}.travel-quiz--result.correct{color:#166534}.travel-quiz--result.wrong{color:#991b1b}.travel-quiz--footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.travel-quiz--score{font-size:14px;color:var(--color-gray)}@media(max-width:640px){.quiz-screen--header-inner{padding:10px 16px}.quiz-screen--content{padding:28px 16px 60px}.kana-quiz--char{font-size:56px}}.kana-quiz--char-sub{font-size:15px;color:var(--color-gray);margin:10px 0 0}