@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_a6350513-module__So2SQG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_a6350513-module__So2SQG__variable{--font-inter:"Inter","Inter Fallback"}
:root{--font-primary:"Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;--color-primary:#6b3fa0;--color-primary-light:#8b5fbf;--color-primary-dark:#4a2c6a;--color-accent:#fecc31;--color-accent-light:#ffd54f;--color-coral:#6b3fa0;--color-coral-light:#8b5fbf;--color-coral-dark:#4a2c6a;--color-rose:#8b5fbf;--color-rose-light:#a87fd4;--color-rose-dark:#6b3fa0;--color-blue:#5c6bc0;--color-yellow:#fecc31;--color-pink-soft:#c9a0dc;--color-text-primary:#1a1a1a;--color-text-secondary:#3d3d3d;--color-text-tertiary:#666;--color-text-light:#888;--color-text-white:#fff;--color-bg-white:#fff;--color-bg-gray:#fafafa;--color-bg-card:linear-gradient(180deg,#fff 0%,#fafafa 100%);--border-gradient:linear-gradient(135deg,#e8e0f0,#e8e8e8,#e8e0f0);--border-gradient-hover:linear-gradient(135deg,#8b5fbf,#6b3fa0,#8b5fbf);--shadow-sm:0 2px 8px #0000000a;--shadow-card:0 2px 8px #0000000a,0 8px 24px #0000000f;--shadow-card-hover:0 8px 24px #00000014,0 16px 48px #0000001a;--shadow-pink:0 4px 14px #6b3fa04d,0 8px 32px #6b3fa033;--shadow-pink-hover:0 8px 24px #6b3fa066,0 16px 48px #6b3fa040,0 0 40px #6b3fa066;--radius-card:24px;--radius-button:50px;--radius-md:16px;--radius-small:12px;--radius-full:9999px;--transition-spring:all .6s cubic-bezier(.175,.885,.32,1.275);--transition-base:all .3s ease;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.primary-button,a.primary-button,button.primary-button{color:var(--color-text-white);background:linear-gradient(135deg,var(--color-coral),var(--color-coral-light));border-radius:var(--radius-button);cursor:pointer;transition:var(--transition-spring);box-shadow:var(--shadow-pink);letter-spacing:.02em;z-index:10;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;border:none;justify-content:center;align-items:center;padding:18px 48px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.primary-button:hover{box-shadow:var(--shadow-pink-hover);background:linear-gradient(135deg,var(--color-coral-dark),var(--color-coral));transform:translateY(-3px)scale(1.02)}.primary-button:active{box-shadow:var(--shadow-pink);transform:translateY(0)scale(.98)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.progress-bar{border-radius:var(--radius-full);background:linear-gradient(90deg,#e8e0f0,#f5f0fa);width:100%;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #6b3fa01a}@media (max-width:768px){.progress-bar{height:10px}}.progress-bar-fill{background:linear-gradient(90deg,var(--color-coral),var(--color-rose));border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.progress-bar-fill:after{content:"";border-radius:var(--radius-full)var(--radius-full)0 0;background:linear-gradient(#ffffff4d,#0000);height:50%;position:absolute;top:0;left:0;right:0}.card{background:var(--color-bg-card);border-radius:var(--radius-card);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:var(--transition-spring);position:relative}.card:before{content:"";border-radius:var(--radius-card);background:var(--border-gradient);-webkit-mask-composite:xor;transition:var(--transition-spring);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)scale(1.01)}.card:hover:before{background:var(--border-gradient-hover);opacity:.6}.quiz-option{background:var(--color-bg-white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-spring);text-align:center;border:2px solid #e8e0f0;justify-content:center;align-items:center;min-height:60px;padding:20px 24px;font-size:17px;font-weight:600;display:flex;position:relative;overflow:hidden}.quiz-option:before{content:"";border-radius:var(--radius-md);background:var(--border-gradient);-webkit-mask-composite:xor;opacity:0;transition:var(--transition-spring);pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.quiz-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px #6b3fa026}.quiz-option:hover:before{opacity:1;background:var(--border-gradient-hover)}.quiz-option.selected{background:linear-gradient(135deg,var(--color-coral),var(--color-rose));color:var(--color-text-white);box-shadow:var(--shadow-pink);border-color:#0000;transform:scale(1.02)}.quiz-option.selected:before{opacity:0}@media (max-width:768px){.primary-button{width:100%;max-width:320px;padding:16px 36px;font-size:16px}.card{padding:var(--space-lg);border-radius:var(--radius-md)}.quiz-option{min-height:50px;padding:14px 18px;font-size:15px}}