/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body{font-size:1rem;margin:0px;font-family:'Open Sans','sans-serif','Noto Sans JP'}@media (max-width: 770px){body{padding:3px}}.red{color:red}.blue{color:blue}.bold{font-weight:bold}.black{color:black}.silver{color:silver}.marker{background:-webkit-linear-gradient(transparent 60%, #ff0 0%);background:-o-linear-gradient(transparent 60%, #ff0 0%);background:linear-gradient(transparent 60%, #ff0 0%)}.kanji{background:-webkit-linear-gradient(transparent 90%, red 0%);background:-o-linear-gradient(transparent 90%, red 0%);background:linear-gradient(transparent 90%, red 0%)}.kanji rp,.kanji rt{display:none}body{background-color:white;background-image:url("../img/back.jpg");background-size:cover;background-attachment:fixed;background-position:center center;font-family:'Noto Sans JP', sans-serif}div.adarea{max-width:1000px;width:100%;margin:auto}@media (max-width: 770px){div.adarea{width:100%}}div.adarea iframe,div.adarea img{max-width:100%;height:auto;display:block}div.indexgrid{max-width:1000px;width:100%;margin:auto;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;-ms-grid-columns:1fr 1fr;-ms-grid-rows:auto}@media (max-width: 770px){div.indexgrid{width:100%;display:grid;display:-ms-grid;grid-template-columns:1fr;grid-template-rows:auto;-ms-grid-columns:1fr;-ms-grid-rows:auto}}div.indexgrid>div{margin:3px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);opacity:0.95}div.indexgrid>div:nth-child(1){grid-column:1 / 3;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2;-ms-grid-row-span:1;padding:10px;text-align:right}@media (max-width: 770px){div.indexgrid>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.indexgrid>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 5;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:3}@media (max-width: 770px){div.indexgrid>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.indexgrid>div:nth-child(3){grid-column:2 / 3;grid-row:2 / 3;-ms-grid-column:2;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1;max-height:395px;padding:10px;overflow-y:auto;overflow:auto;-ms-overflow-style:none}div.indexgrid>div:nth-child(3)::-webkit-scrollbar{width:1.5px}div.indexgrid>div:nth-child(3)::-webkit-scrollbar-track{background:rgba(255,255,255,0.4);border:none}div.indexgrid>div:nth-child(3)::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5)}@media (max-width: 770px){div.indexgrid>div:nth-child(3){height:200px}}div.indexgrid>div:nth-child(3)>div.news{font-size:1em;padding:0px 0px 0px 5px;margin-bottom:5px;line-height:150%}div.indexgrid>div:nth-child(3)>div.news>span:nth-child(1){display:block;font-weight:bold}div.indexgrid>div:nth-child(3)>div.news>span:nth-child(2){display:block;margin-left:5px;font-size:0.8em}@media (max-width: 770px){div.indexgrid>div:nth-child(3){grid-column:1 / 2;grid-row:6 / 7;-ms-grid-column:1;-ms-grid-row:6;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.indexgrid>div:nth-child(4){grid-column:2 / 3;grid-row:3 / 4;-ms-grid-column:2;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.indexgrid>div:nth-child(4){grid-column:1 / 2;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:1;-ms-grid-row-span:1;display:flex;overflow-x:hidden;overflow-y:hidden}}div.indexgrid>div:nth-child(5){grid-column:2 / 3;grid-row:4 / 5;-ms-grid-column:2;-ms-grid-row:4;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.indexgrid>div:nth-child(5){grid-column:1 / 2;grid-row:7 / 8;-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.indexgrid>div:nth-child(6){grid-column:1 / 3;grid-row:6 / 7;-ms-grid-column:1;-ms-grid-row:6;-ms-grid-column-span:2;-ms-grid-row-span:1}@media (max-width: 770px){div.indexgrid>div:nth-child(6){grid-column:1 / 2;grid-row:8 / 9;-ms-grid-column:1;-ms-grid-row:8;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.indexgrid>div:nth-child(5){padding:10px;height:950px;overflow-y:auto;overflow:auto;-ms-overflow-style:none}div.indexgrid>div:nth-child(5)::-webkit-scrollbar{width:1.5px}div.indexgrid>div:nth-child(5)::-webkit-scrollbar-track{background:rgba(255,255,255,0.4);border:none}div.indexgrid>div:nth-child(5)::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5)}.indexform{padding:15px}.indexform input[type="radio"]{margin-right:8px}.indexform label{font-size:1rem;color:#333;cursor:pointer}.indexform div{height:3px}.indexform fieldset{border:1px solid #ccc;border-radius:6px;padding:20px;margin-bottom:15px;background-color:#fff}.indexform fieldset legend{font-size:1rem;font-weight:bold;color:#0073e6}.indexform fieldset.special-contents{border:1px solid #ccc;border-radius:6px;padding:25px;margin-top:15px;background-color:#fff;display:flex;flex-wrap:wrap;gap:12px}.indexform fieldset.special-contents legend{font-size:1rem;font-weight:bold;color:#0073e6;margin-bottom:10px}.indexform fieldset.special-contents button{flex:0 1 calc(33.333% - 12px);padding:0;background:transparent;border:none;cursor:pointer;transition:transform 0.2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.indexform fieldset.special-contents button img{width:auto;height:80px;display:block}.indexform fieldset.special-contents button:hover{transform:translateY(-2px);opacity:0.9}@media (max-width: 770px){.indexform fieldset.special-contents{flex-direction:column;gap:8px}.indexform fieldset.special-contents button{flex:1 1 100%}}.indexform input[type="button"]{display:block;width:100%;padding:10px;font-size:1rem;color:#fff;background-color:#0073e6;border:none;border-radius:6px;cursor:pointer;transition:background-color 0.3s}.indexform input[type="button"]:hover{background-color:#005bb5}p.privacy{width:1000px;margin:auto}@media (max-width: 770px){p.privacy{width:100%}}form.privacy{width:1000px;margin:auto;text-align:right}@media (max-width: 770px){form.privacy{width:100%}}form.privacy>button{width:150px;height:25px}h3.about{width:1000px;margin:auto;font-size:1em}@media (max-width: 770px){h3.about{width:100%}}div.about{width:1000px;margin:auto;margin-bottom:10px;line-height:170%}@media (max-width: 770px){div.about{width:100%}}div.mail{width:1000px;margin:auto;display:grid;display:-ms-grid;grid-template-columns:150px 1fr 1fr;grid-template-rows:auto;-ms-grid-columns:150px 1fr 1fr;-ms-grid-rows:auto}@media (max-width: 770px){div.mail{width:100%;display:grid;display:-ms-grid;grid-template-columns:1fr;grid-template-rows:auto;-ms-grid-columns:1fr;-ms-grid-rows:auto}}div.mail>div{margin:2px}div.mail>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:right}@media (max-width: 770px){div.mail>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:left}}div.mail>div:nth-child(2){grid-column:2 / 3;grid-row:1 / 2;-ms-grid-column:2;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.mail>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.mail>div:nth-child(2)>input{width:100%}div.mail>div:nth-child(3){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:right}@media (max-width: 770px){div.mail>div:nth-child(3){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:left}}div.mail>div:nth-child(4){grid-column:2 / 3;grid-row:2 / 3;-ms-grid-column:2;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.mail>div:nth-child(4){grid-column:1 / 2;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.mail>div:nth-child(4)>input{width:100%}div.mail>div:nth-child(5){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:right}@media (max-width: 770px){div.mail>div:nth-child(5){grid-column:1 / 2;grid-row:5 / 6;-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:left}}div.mail>div:nth-child(6){grid-column:2 / 3;grid-row:3 / 4;-ms-grid-column:2;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.mail>div:nth-child(6){grid-column:1 / 2;grid-row:6 / 7;-ms-grid-column:1;-ms-grid-row:6;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.mail>div:nth-child(6)>textarea{resize:none;width:100%;height:100px}div.mail>div:nth-child(7){grid-column:3 / 4;grid-row:1 / 4;-ms-grid-column:3;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:3;border:1px solid silver;font-size:0.9em;padding:5px;line-height:120%}@media (max-width: 770px){div.mail>div:nth-child(7){grid-column:1 / 2;grid-row:8 / 9;-ms-grid-column:1;-ms-grid-row:8;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.mail>div:nth-child(7)>hr{border-top:none;border-left:none;border-right:none;border-bottom:1px;height:1px;background-color:silver;width:100%}div.mail>div:nth-child(8){grid-column:1 / 3;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:2;-ms-grid-row-span:1;text-align:right}@media (max-width: 770px){div.mail>div:nth-child(8){grid-column:1 / 2;grid-row:7 / 8;-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.mail>div:nth-child(8)>button{display:inline-block;width:100px;height:25px}div.mail>div:nth-child(9){grid-column:3 / 4;grid-row:4 / 5;-ms-grid-column:3;-ms-grid-row:4;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:right}@media (max-width: 770px){div.mail>div:nth-child(9){grid-column:1 / 2;grid-row:9 / 10;-ms-grid-column:1;-ms-grid-row:9;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.mail>div:nth-child(9)>button{display:inline-block;width:100px;height:25px}div.sendmail{width:1000px;margin:auto}@media (max-width: 770px){div.sendmail{width:100%}}.history-cta{position:relative;z-index:10;width:100%;background:linear-gradient(90deg, #eaf3ff 0%, #eefaf6 100%);border-bottom:1px solid #e6eef8}.history-cta__body{max-width:1000px;margin:0 auto;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.history-cta__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#0b7dda;background:#e5f2ff;border:1px solid #d5e8ff}.history-cta__text{min-width:0}.history-cta__label{font-weight:700;letter-spacing:.02em;color:#0f172a;line-height:1.2;margin-bottom:2px}.history-cta__sub{font-size:14px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-cta__btn{display:inline-flex;align-items:center;gap:8px;background:#0ea5e9;color:#fff;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:0.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;padding:10px 14px;border-radius:10px;box-shadow:0 4px 14px rgba(14,165,233,0.3);transition:transform .05s ease, box-shadow .15s ease, background .2s ease}.history-cta__btn:hover{background:#0284c7;box-shadow:0 6px 18px rgba(2,132,199,0.35)}.history-cta__btn:active{transform:translateY(1px)}.history-cta__count{display:inline-block;min-width:22px;padding:2px 7px;font-size:12px;line-height:20px;border-radius:999px;background:#fff;color:#0ea5e9;border:1px solid #cfefff;text-align:center}@media (max-width: 768px){.history-cta__body{grid-template-columns:auto 1fr;grid-auto-rows:auto;row-gap:8px}.history-cta__btn{grid-column:1 / -1;justify-self:start}}.visually-hidden{position:absolute !important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.site-header{max-width:1000px;width:100%;margin:0 auto;padding:18px 16px 10px;position:relative}.site-header .header-inner{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.site-header .brand{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-decoration:none;color:inherit}.site-header .brand>img{inline-size:96px;block-size:96px;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.08))}@media (max-width: 770px){.site-header .brand>img{inline-size:56px;block-size:56px}}.site-header .brand-text{min-inline-size:0}.site-header .site-title{font-size:2rem;line-height:1.2;font-weight:800;margin:0;color:#222;text-wrap:balance}@media (max-width: 770px){.site-header .site-title{font-size:1.7rem}}.site-header .ai-badge{--ai-fg:#ffffff;--ai-bg1:#10b981;--ai-bg2:#2563eb;--ai-border:#0f766e;--ai-shadow:rgba(0,0,0,0.06);--ai-glow:rgba(37, 99, 235, 0.28);display:inline-grid;place-items:center;padding:.36rem .72rem;margin-inline-start:.6rem;font-size:.85rem;font-weight:700;line-height:1;color:var(--ai-fg);border-radius:999px;vertical-align:middle;position:relative;user-select:none;white-space:nowrap;background:linear-gradient(135deg, var(--ai-bg1), var(--ai-bg2));box-shadow:0 1px 0 var(--ai-shadow),0 6px 16px var(--ai-glow);border:1px solid var(--ai-border)}.site-header .ai-badge::before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:-7px;transform:translateY(-50%) rotate(45deg);inline-size:10px;block-size:10px;background:inherit;border-left:1px solid var(--ai-border);border-top:1px solid var(--ai-border);border-radius:2px 0 0 0;box-shadow:-1px 1px 0 var(--ai-shadow)}.site-header .ai-badge:hover,.site-header .ai-badge:focus-visible{transform:translateY(-1px);box-shadow:0 2px 0 var(--ai-shadow),0 10px 22px var(--ai-glow)}@media (prefers-color-scheme: dark){.site-header .ai-badge{--ai-bg1:#0ea5a3;--ai-bg2:#1d4ed8;--ai-border:#155e75;--ai-glow:rgba(29, 78, 216, 0.36);box-shadow:0 1px 0 rgba(0,0,0,0.2),0 8px 20px var(--ai-glow)}}@media (prefers-reduced-motion: reduce){.site-header .ai-badge{transition:none;transform:none !important;box-shadow:0 1px 0 var(--ai-shadow),0 6px 16px var(--ai-glow) !important}}.site-header .ai-badge--outline{background:transparent !important;color:#0b7285;border-color:#0b7285;box-shadow:none}.site-header .ai-badge--outline::before{background:transparent !important;border-color:#0b7285;box-shadow:none}@media (max-width: 770px){.site-header .ai-badge{font-size:.82rem;padding:.32rem .64rem}}.site-header .site-tagline{margin:6px 0 0;font-size:1rem;color:#444;text-wrap:pretty}.site-header .site-tagline strong{font-weight:700}@media (max-width: 770px){.site-header .site-tagline{font-size:.95rem}}.site-header .header-accent{margin:12px auto 0;inline-size:100%;block-size:3px;background:#0073e6}@media (max-width: 770px){.site-header .header-accent{inline-size:95%}}.sponsor-banner{max-width:1000px;width:100%;margin:6px auto 6px;padding:10px 12px;border:1px solid rgba(0,0,0,0.08);border-radius:12px;background:#f7fbff;box-shadow:0 6px 14px rgba(0,0,0,0.06);position:relative;overflow:hidden;min-height:68px}.sponsor-banner::after{content:"";position:absolute;inset-inline-end:-20%;inset-block-start:-40%;inline-size:60%;block-size:200%;transform:rotate(12deg);background:linear-gradient(180deg, rgba(0,115,230,0.06), rgba(0,115,230,0));pointer-events:none}.sponsor-banner .sponsor-link{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;text-decoration:none;color:inherit}.sponsor-banner .ads-disclosure{font-size:.75rem;padding:4px 6px;border:1px solid rgba(0,0,0,0.1);border-radius:6px;background:#fff;line-height:1}.sponsor-banner .sponsor-copy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px}.sponsor-banner .sponsor-badge{display:inline-block;font-size:.78rem;line-height:1;padding:6px 8px;border-radius:999px;color:#fff;background:#0073e6;white-space:nowrap}.sponsor-banner .sponsor-text{font-size:.95rem;color:#333}.sponsor-banner .sponsor-cta{font-size:.9rem;color:#0057b8;font-weight:700;white-space:nowrap}.sponsor-banner:hover{box-shadow:0 8px 18px rgba(0,0,0,0.08)}@media (max-width: 770px){.sponsor-banner{padding:10px 12px}.sponsor-banner .sponsor-link{grid-template-columns:1fr;gap:10px;text-align:center}.sponsor-banner .sponsor-copy{grid-template-columns:1fr;gap:8px}.sponsor-banner .sponsor-cta{justify-self:center}}@media (prefers-color-scheme: dark){.sponsor-banner{background:rgba(0,40,70,0.25);border-color:rgba(255,255,255,0.12)}.sponsor-banner .sponsor-text{color:#e9eef5}.sponsor-banner .sponsor-cta{color:#7db7ff}}.sponsor-banner.is-empty{display:none}.sponsor-banner.recruiting{background:#fff8e6;border:1px dashed #ffa500;text-align:center}.sponsor-banner.recruiting .sponsor-text{font-size:.95rem;color:#444}.sponsor-banner.recruiting .sponsor-cta{font-size:.9rem;font-weight:800;color:#d35400}.site-tagline{display:block}.site-tagline--mobile{display:none}@media (max-width: 768px){.site-tagline{display:none !important}.site-tagline--mobile{display:block !important}}@media (max-width: 768px){.site-header .ai-badge{display:none !important}}body{background-color:#eaf6ff;color:#333;font-family:'Noto Sans JP', sans-serif;margin:0;padding:0}div.rand_grid,div.level_grid,div.input_grid,div.rand_end_grid,div.level_end_grid,div.input_end_grid,div.sentence_grid{background-color:#ffffff;border:1px solid #fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.toggle-container{display:inline-flex;align-items:flex-start;margin-bottom:5px}.toggle-container #rubybutton{height:20px;width:45px}.toggle-container #rubybutton .slider{height:16px;width:16px;top:2px;left:2px}.toggle-container #rubybutton.on .slider{transform:translateX(25px)}.toggle-container .ruby-label{font-size:1rem;font-weight:bold;color:#333;user-select:none;margin-left:0.5rem}#rubybutton{position:relative;display:inline-block;width:45px;height:20px;border:none;border-radius:20px;background-color:#ccc;cursor:pointer;outline:none;transition:background-color 0.3s ease}#rubybutton .slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform 0.3s ease}#rubybutton.on{background-color:#65b5ff}#rubybutton.on .slider{transform:translateX(25px)}#rubybutton.disabled-choice{background-color:#ccc !important;pointer-events:none;opacity:0.6}#scoreBoard{font-weight:bold;color:#007acc}#questionNumber{font-size:1.2rem;font-weight:bold;margin-bottom:0.5rem}#progress-wrapper{display:flex;align-items:center;justify-content:space-between}#progress-container{position:relative;flex-grow:1;height:20px;background-color:#ddd;border-radius:10px;overflow:hidden;margin-right:0.5rem}#progress-bar{height:100%;width:0%;background-color:#65b5ff;transition:width 0.3s ease;position:relative;z-index:1}.tick{position:absolute;top:0;bottom:0;width:2px;background:rgba(170,170,170,0.3);z-index:2}#total-questions{font-size:1rem;font-weight:bold;color:#333}#questionText{background:#fefefe;padding:1rem;border:1px solid #eee;border-radius:5px;margin-bottom:1rem;line-height:1.6}ol.list{margin:1rem 0;padding:0}ol.list li.choice-item{list-style-type:decimal;list-style-position:outside;margin-left:1.5rem;margin-bottom:0.5rem}ol.list li.choice-item button{background-color:#f7faff;border:1px solid #dfe9f1;border-radius:3px;padding:0.5rem 1rem;width:100%;text-align:left;cursor:pointer;transition:background-color 0.2s ease}ol.list li.choice-item button:hover{background-color:#e9f3fd}#output{margin-top:1rem}#output .correct-message{color:red;font-weight:bold}#output .correct-message>span{color:black}#output .incorrect-message{color:blue;font-weight:bold}#output .explanation-text{margin-top:0.5rem;line-height:1.6}#nextbutton{margin-top:1rem;margin-bottom:1rem;background-color:#4CAF50;border:none;border-radius:4px;padding:12px 20px;font-size:1.2em;color:white;cursor:pointer;transition:background-color 0.3s ease;height:auto}#nextbutton:hover{background-color:#45a049}#csvKeyDisplay{background-color:#eaf6ff;font-size:1.2rem;font-weight:bold;color:#444;border:2px solid #b5daff;border-radius:5px;padding:0.8rem 1rem;margin-bottom:1rem;text-align:center}#csvInfo{font-size:0.9rem;color:#555}#askAIContainer{display:inline-flex;align-items:center}#askAIContainer span{margin-left:0.8rem;font-size:0.9rem;color:#666}#askAIContainer button{margin-top:1rem;margin-bottom:1rem;background-color:#4CAF50;border:none;border-radius:4px;padding:12px 20px;font-size:1.2em;color:white;cursor:pointer;transition:background-color 0.3s ease;height:auto}#askAIContainer button:hover{background-color:#45a049}#askAIContainer button.disabled-choice{background-color:#ccc;pointer-events:none;opacity:0.6}#explanationChoices button{margin-top:1rem;margin-right:0.5rem;margin-bottom:1rem;min-width:100px;background-color:#4CAF50;border:none;border-radius:4px;padding:12px 20px;font-size:1.2em;color:white;cursor:pointer;transition:background-color 0.3s ease;height:auto}#explanationChoices button:hover{background-color:#45a049}.score-animation{position:absolute;top:20%;left:50%;transform:translateX(-50%);font-size:6em;font-weight:bold;z-index:9999;animation-duration:1s;animation-fill-mode:forwards}@keyframes floatUp{0%{opacity:1;transform:translate(-50%, 0)}100%{opacity:0;transform:translate(-50%, -30px)}}@keyframes floatDown{0%{opacity:1;transform:translate(-50%, 0)}100%{opacity:0;transform:translate(-50%, 30px)}}.plus10{color:red;animation-name:floatUp}.minus5{color:blue;animation-name:floatDown}.disabled-choice{background-color:#ccc;color:#666;pointer-events:none}div.rand_grid,div.level_grid,div.input_grid{max-width:1000px;width:100%;margin:auto;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;-ms-grid-columns:1fr 1fr 1fr;-ms-grid-rows:auto}@media (max-width: 770px){div.rand_grid,div.level_grid,div.input_grid{width:100%;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;-ms-grid-columns:1fr 1fr 1fr;-ms-grid-rows:auto}}div.rand_grid>div:nth-child(1),div.level_grid>div:nth-child(1),div.input_grid>div:nth-child(1){grid-column:1 / 4;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:3;-ms-grid-row-span:1}@media (max-width: 770px){div.rand_grid>div:nth-child(1),div.level_grid>div:nth-child(1),div.input_grid>div:nth-child(1){grid-column:1 / 4;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:3;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(2),div.level_grid>div:nth-child(2),div.input_grid>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.rand_grid>div:nth-child(2),div.level_grid>div:nth-child(2),div.input_grid>div:nth-child(2){grid-column:1 / 4;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:3;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(3),div.level_grid>div:nth-child(3),div.input_grid>div:nth-child(3){grid-column:1 / 4;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:3;-ms-grid-row-span:1}@media (max-width: 770px){div.rand_grid>div:nth-child(3),div.level_grid>div:nth-child(3),div.input_grid>div:nth-child(3){grid-column:1 / 4;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:3;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(4),div.level_grid>div:nth-child(4),div.input_grid>div:nth-child(4){grid-column:2 / 3;grid-row:2 / 3;-ms-grid-column:2;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:center}@media (max-width: 770px){div.rand_grid>div:nth-child(4),div.level_grid>div:nth-child(4),div.input_grid>div:nth-child(4){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(5),div.level_grid>div:nth-child(5),div.input_grid>div:nth-child(5){grid-column:3 / 4;grid-row:2 / 3;-ms-grid-column:3;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.rand_grid>div:nth-child(5),div.level_grid>div:nth-child(5),div.input_grid>div:nth-child(5){grid-column:2 / 4;grid-row:3 / 4;-ms-grid-column:2;-ms-grid-row:3;-ms-grid-column-span:2;-ms-grid-row-span:1;text-align:right}}div.rand_grid>div:nth-child(6),div.level_grid>div:nth-child(6),div.input_grid>div:nth-child(6){grid-column:1 / 4;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:3;-ms-grid-row-span:1}@media (max-width: 770px){div.rand_grid>div:nth-child(6),div.level_grid>div:nth-child(6),div.input_grid>div:nth-child(6){grid-column:1 / 4;grid-row:5 / 6;-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:3;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(7),div.level_grid>div:nth-child(7),div.input_grid>div:nth-child(7){grid-column:1 / 4;grid-row:6 / 7;-ms-grid-column:1;-ms-grid-row:6;-ms-grid-column-span:3;-ms-grid-row-span:1}@media (max-width: 770px){div.rand_grid>div:nth-child(7),div.level_grid>div:nth-child(7),div.input_grid>div:nth-child(7){grid-column:1 / 4;grid-row:7 / 8;-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:3;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(8),div.level_grid>div:nth-child(8),div.input_grid>div:nth-child(8){grid-column:1 / 3;grid-row:5 / 6;-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:2;-ms-grid-row-span:1}@media (max-width: 770px){div.rand_grid>div:nth-child(8),div.level_grid>div:nth-child(8),div.input_grid>div:nth-child(8){grid-column:1 / 3;grid-row:6 / 7;-ms-grid-column:1;-ms-grid-row:6;-ms-grid-column-span:2;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(9),div.level_grid>div:nth-child(9),div.input_grid>div:nth-child(9){grid-column:3 / 4;grid-row:5 / 6;-ms-grid-column:3;-ms-grid-row:5;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:right}@media (max-width: 770px){div.rand_grid>div:nth-child(9),div.level_grid>div:nth-child(9),div.input_grid>div:nth-child(9){grid-column:3 / 4;grid-row:6 / 7;-ms-grid-column:3;-ms-grid-row:6;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.rand_grid>div:nth-child(10),div.level_grid>div:nth-child(10),div.input_grid>div:nth-child(10){grid-column:1 / 4;grid-row:7 / 8;-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:3;-ms-grid-row-span:1;text-align:right}@media (max-width: 770px){div.rand_grid>div:nth-child(10),div.level_grid>div:nth-child(10),div.input_grid>div:nth-child(10){grid-column:1 / 4;grid-row:8 / 9;-ms-grid-column:1;-ms-grid-row:8;-ms-grid-column-span:3;-ms-grid-row-span:1}}#finalScore{display:inline-block;background-color:#ffffff;border:2px solid #b5daff;border-radius:10px;padding:1rem 2rem;margin:2rem auto;font-size:2rem;font-weight:bold;color:#007acc;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,0.1)}#review{margin-top:0px}.review-question{margin-bottom:25px;padding:15px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.review-question h3{margin-bottom:10px;font-size:1.2em;color:#007BFF}.review-question p{font-size:1em;margin-bottom:10px}.review-choices{list-style-type:none;padding-left:0}.review-choices li{margin-bottom:5px;font-size:1em}.highlight-correct{background-color:#d4edda;padding:5px;border-radius:3px;font-weight:bold}.explanation{margin-top:10px;padding:10px;background-color:#fff3cd;border-left:5px solid #ffeeba;border-radius:3px}.back-to-home{text-align:right;margin-bottom:10px}.btn-home{display:inline-block;background-color:#007BFF;color:#fff;padding:0.8rem 1.2rem;border-radius:5px;text-decoration:none;font-weight:bold;transition:background-color 0.2s ease}.btn-home:hover{background-color:#0056b3}div.rand_end_grid,div.level_end_grid,div.input_end_grid{max-width:1000px;width:100%;margin:auto;display:grid;display:-ms-grid;grid-template-columns:1fr;grid-template-rows:auto;-ms-grid-columns:1fr;-ms-grid-rows:auto}div.rand_end_grid>div:nth-child(1),div.level_end_grid>div:nth-child(1),div.input_end_grid>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1;margin-top:10px}div.rand_end_grid>div:nth-child(2),div.level_end_grid>div:nth-child(2),div.input_end_grid>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}div.rand_end_grid>div:nth-child(3),div.level_end_grid>div:nth-child(3),div.input_end_grid>div:nth-child(3){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1}div.rand_end_grid>div:nth-child(4),div.level_end_grid>div:nth-child(4),div.input_end_grid>div:nth-child(4){grid-column:1 / 2;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:1;-ms-grid-row-span:1}div.rand_end_grid>div:nth-child(5),div.level_end_grid>div:nth-child(5),div.input_end_grid>div:nth-child(5){grid-column:1 / 2;grid-row:5 / 6;-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:1;-ms-grid-row-span:1}div.rand_end_grid>div:nth-child(6),div.level_end_grid>div:nth-child(6),div.input_end_grid>div:nth-child(6){grid-column:1 / 2;grid-row:6 / 7;-ms-grid-column:1;-ms-grid-row:6;-ms-grid-column-span:1;-ms-grid-row-span:1}div.rand_end_grid>div:nth-child(7),div.level_end_grid>div:nth-child(7),div.input_end_grid>div:nth-child(7){grid-column:1 / 2;grid-row:7 / 8;-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:1;-ms-grid-row-span:1}div.rand_end_grid>div:nth-child(8),div.level_end_grid>div:nth-child(8),div.input_end_grid>div:nth-child(8){grid-column:1 / 2;grid-row:8 / 9;-ms-grid-column:1;-ms-grid-row:8;-ms-grid-column-span:1;-ms-grid-row-span:1}div.rand_end_grid>div:nth-child(7),div.level_end_grid>div:nth-child(6),div.input_end_grid>div:nth-child(7){display:flex;overflow-x:hidden;overflow-y:hidden;margin:5px 0}div.rand_end_grid>div:nth-child(6),div.input_end_grid>div:nth-child(6){padding:1rem;margin-bottom:0.5rem;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}div.rand_end_grid>div:nth-child(6)>span,div.input_end_grid>div:nth-child(6)>span{font-size:1.2rem;font-weight:bold;padding:6px 10px;display:inline-block;border-left:5px double #007BFF}div.level_end_grid>div:nth-child(3){line-height:170%}div.level_end_grid>div:nth-child(6){display:flex;overflow-x:hidden;overflow-y:hidden}div.rand_end_grid>div:nth-child(5),div.input_end_grid>div:nth-child(5){height:5px}div.rand_end_grid>div:nth-child(4),div.level_end_grid>div:nth-child(5),div.input_end_grid>div:nth-child(4){padding:10px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:relative;display:block}.copy-button{position:absolute;right:8px;top:8px;background:transparent;color:#666;border:none;border-radius:4px;padding:4px;cursor:pointer;opacity:1;transition:opacity 0.3s;font-size:11px;display:flex;align-items:center;gap:4px}.copy-button svg{width:16px;height:16px;vertical-align:middle}.copy-button::after{content:'コピーする';position:absolute;top:-25px;right:0;background:#333;color:#fff;padding:2px 6px;font-size:10px;border-radius:3px;opacity:0;transition:opacity 0.3s;pointer-events:none;white-space:nowrap}.copy-button.copied::after{content:'コピーしました';opacity:1}#postForm{display:flex;flex-direction:column;gap:0.8rem}#postForm>span{font-size:1.2rem;font-weight:bold;padding:6px 10px;display:inline-block;border-left:5px double #007BFF}#postContent{width:100%;min-height:120px;padding:0.8rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;resize:vertical;box-sizing:border-box;line-height:150%}.sns-buttons{display:flex;justify-content:center;flex-wrap:wrap}button.sns-box{display:inline-flex;flex-direction:row;align-items:center;width:auto;padding:0.5rem 1rem;background:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-sns{display:flex;align-items:center;box-sizing:border-box;border-radius:0.2rem;width:auto;max-width:100%;height:2.5rem;color:white;text-align:center;text-decoration:none}.btn-sns .btn-icon{display:grid;place-content:center;border-radius:0.2rem 0 0 0.2rem;background-color:#333;width:3rem;height:100%;transition:0.3s}.btn-sns .btn-icon svg{fill:#fff;transition:0.5s all}.btn-sns span{display:inline-block;width:7rem;text-align:center}.btn-facebook{background-color:#375A94}.btn-x{background-color:#111319}.btn-line{background-color:#5DB40F}.btn-sns:hover svg{transform:scale(1.2)}#rubybutton{position:relative;display:inline-block;width:40px;height:20px;border:none;border-radius:20px;background-color:#ccc;cursor:pointer;outline:none;transition:background-color 0.3s ease}#rubybutton .slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform 0.3s ease}#rubybutton.on{background-color:#65b5ff}#rubybutton.on .slider{transform:translateX(20px)}#rubybutton.disabled-choice{background-color:#ccc !important;pointer-events:none;opacity:0.6}#levelDisplay{display:inline-block;background-color:#ffffff;border:2px solid #b5daff;border-radius:10px;padding:1rem 2rem;margin:2rem auto;font-size:2rem;font-weight:bold;color:#007acc;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,0.1)}@media (max-width: 770px){#questionText{font-size:1.4rem;line-height:1.8;padding:1rem}ol.list li.choice-item button{font-size:1.2rem;padding:0.8rem 1.2rem}ol.list li.choice-item button .choice-content{flex-direction:row;align-items:center}ol.list li.choice-item button .choice-number{font-size:1.2rem;margin-right:0.5rem}ol.list li.choice-item button .choice-text{font-size:1.2rem}}.wave-loader{display:inline-flex;gap:6px;align-items:flex-end;height:28px;margin:.5rem 0}.wave-loader .bar{width:6px;height:6px;border-radius:4px;background:#4a7cff;animation:waveBounce 1s ease-in-out infinite;transform-origin:bottom center;opacity:.9}.wave-loader .bar:nth-child(2){animation-delay:.08s}.wave-loader .bar:nth-child(3){animation-delay:.16s}.wave-loader .bar:nth-child(4){animation-delay:.24s}.wave-loader .bar:nth-child(5){animation-delay:.32s}@keyframes waveBounce{0%,100%{height:6px;filter:brightness(1)}40%{height:28px;filter:brightness(1.15)}60%{height:14px;filter:brightness(1.05)}}.loading-hint{font-size:.92rem;color:#666;margin-left:.6rem}.streaming-output .aiout.is-hidden{display:none}body{background-color:#eaf6ff;color:#333;font-family:'Noto Sans JP', sans-serif;margin:0;padding:0}div.reading_grid,div.reading_end_grid{background-color:#ffffff;border:1px solid #fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}div.reading_grid{max-width:1000px;width:100%;margin:auto;display:grid;display:-ms-grid;grid-template-columns:1fr;grid-template-rows:auto;-ms-grid-columns:1fr;-ms-grid-rows:auto}@media (max-width: 770px){div.reading_grid{width:100%}}div.reading_grid>div{margin:1px}div.reading_grid>div:nth-child(1){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}@media (max-width: 770px){div.reading_grid>div:nth-child(1){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}}div.reading_grid>div:nth-child(2){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}@media (max-width: 770px){div.reading_grid>div:nth-child(2){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}}div.reading_grid>div:nth-child(3){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}@media (max-width: 770px){div.reading_grid>div:nth-child(3){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}}div.reading_grid>div:nth-child(4){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}@media (max-width: 770px){div.reading_grid>div:nth-child(4){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}}div.reading_grid>div:nth-child(5){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}@media (max-width: 770px){div.reading_grid>div:nth-child(5){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}}div.reading_grid>div:nth-child(6){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}@media (max-width: 770px){div.reading_grid>div:nth-child(6){grid-column:0 / 0;grid-row:0 / 0;-ms-grid-column:0;-ms-grid-row:0;-ms-grid-column-span:0;-ms-grid-row-span:0}}div.level-caption{line-height:210%}div.button-container{text-align:center}div.button-container>button{margin-top:1rem;margin-bottom:1rem;background-color:#4CAF50;border:none;border-radius:4px;padding:12px 20px;font-size:1.2em;color:white;cursor:pointer;transition:background-color 0.3s ease;height:auto}div.button-container>button:hover{background-color:#45a049}div.question-container{line-height:170%}footer{width:100%;margin:auto;margin-top:10px;padding-bottom:50px;border-top:1px solid silver}@media (max-width: 770px){footer{padding-bottom:10px}}div.foot_grid{max-width:1000px;width:100%;margin:auto;margin-top:10px;display:grid;display:-ms-grid;grid-template-columns:65% 1fr;grid-template-rows:auto;-ms-grid-columns:65% 1fr;-ms-grid-rows:auto}div.foot_grid>div{padding:5px}div.foot_grid>div:nth-child(1){grid-column:1 / 3;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2;-ms-grid-row-span:1;text-align:center;font-size:0.8em}@media (max-width: 770px){div.foot_grid>div:nth-child(1){grid-column:1 / 3;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2;-ms-grid-row-span:1}}div.foot_grid>div:nth-child(2){grid-column:2 / 3;grid-row:2 / 3;-ms-grid-column:2;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:right;font-size:0.8em;line-height:210%}@media (max-width: 770px){div.foot_grid>div:nth-child(2){grid-column:1 / 3;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:2;-ms-grid-row-span:1;text-align:center}}div.foot_grid>div:nth-child(3){grid-column:2 / 3;grid-row:3 / 4;-ms-grid-column:2;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1;display:flex;align-items:flex-start;justify-content:flex-end;align-items:flex-end;gap:10px}div.foot_grid>div:nth-child(3) .share-buttons{display:flex;align-items:center;gap:10px}@media (max-width: 770px){div.foot_grid>div:nth-child(3) .share-buttons{flex-direction:column;align-items:center}}@media (max-width: 770px){div.foot_grid>div:nth-child(3){grid-column:1 / 3;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:2;-ms-grid-row-span:1;text-align:center;flex-direction:column;align-items:center}}div.foot_grid>div:nth-child(4){grid-column:2 / 3;grid-row:4 / 5;-ms-grid-column:2;-ms-grid-row:4;-ms-grid-column-span:1;-ms-grid-row-span:1;display:flex;justify-content:flex-end;align-items:flex-end}div.foot_grid>div:nth-child(4)>span{display:inline-block;margin-right:10px;font-size:0.8em}div.foot_grid>div:nth-child(4)>span>a{text-decoration:none;color:blue}div.foot_grid>div:nth-child(4)>span>a:hover{color:red}div.foot_grid>div:nth-child(4)>span::before{content:"|";color:orange;font-weight:bold;margin-right:5px}@media (max-width: 770px){div.foot_grid>div:nth-child(4){grid-column:1 / 3;grid-row:5 / 6;-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:2;-ms-grid-row-span:1;justify-content:center}}div.foot_grid>div:nth-child(5){grid-column:1 / 2;grid-row:2 / 5;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:3}@media (max-width: 770px){div.foot_grid>div:nth-child(5){grid-column:1 / 3;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:2;-ms-grid-row-span:1}}.contact-form-container{background-color:#f9f9f9;padding:20px;margin:3px;border:1px solid #ddd;border-radius:5px;margin-top:15px}.contact-form-container form{display:flex;flex-direction:column;gap:15px}.contact-form-container form fieldset{border:none;padding:0;margin:0px}.contact-form-container form fieldset legend{font-size:1em;font-weight:bold;margin:0px 0px 5px 5px;color:#333}@media (max-width: 770px){.contact-form-container form fieldset legend{margin:0px 0px 10px 5px}}.contact-form-container form fieldset .row{display:flex;gap:10px}.contact-form-container form fieldset .row input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:0.8em;transition:border-color 0.3s}.contact-form-container form fieldset .row input:focus{border-color:#007BFF;outline:none}.contact-form-container form fieldset textarea{width:100%;min-height:50px;padding:8px;margin:5px 0px 5px 0px;border:1px solid #ccc;border-radius:4px;font-size:0.8em;resize:vertical;transition:border-color 0.3s}@media (max-width: 770px){.contact-form-container form fieldset textarea{margin:10px 0px 10px 0px;min-height:80px}}.contact-form-container form fieldset textarea:focus{border-color:#007BFF;outline:none}.contact-form-container form fieldset button{padding:10px 15px;border:none;border-radius:4px;background-color:#007BFF;color:#fff;font-size:1em;cursor:pointer;transition:background-color 0.3s ease}.contact-form-container form fieldset button:hover{background-color:#0056b3}@media (max-width: 770px){.contact-form-container{padding:15px}}div.sendmail{max-width:1000px}footer .sns-box{display:flex;gap:0.5rem}footer .btn-sns{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;box-sizing:border-box;border-radius:50%;color:white;font-size:1.5rem;text-align:center;text-decoration:none;transition:0.3s}footer .btn-sns svg{fill:#fff}footer .btn-x{background-color:#111319}footer .btn-facebook{background-color:#375A94}footer .btn-line{background-color:#5DB40F}footer .btn-pinterest{background-color:#B83026}footer .btn-sns:hover{opacity:0.8}footer div.back-to-home_footer{text-align:center}.footer-sponsors{margin:26px auto 10px;padding:18px 0 0;border-top:1px solid rgba(0,0,0,0.08)}.footer-sponsors__inner{max-width:1000px;margin:0 auto;padding:0 6px}.footer-sponsors__title{text-align:center;font-size:1rem;font-weight:bold;margin:0 0 14px;color:#333}.footer-sponsors .sponsor-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;list-style:none;margin:0;padding:0}.footer-sponsors .sponsor-list .sponsor-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;text-decoration:none;color:inherit;background:#f7fbff;border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:12px 14px;box-shadow:0 6px 14px rgba(0,0,0,0.06);transition:transform .18s ease, box-shadow .18s ease}.footer-sponsors .sponsor-list .sponsor-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,0.12)}.footer-sponsors .sponsor-list .sponsor-card img{display:block;width:150px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,0.05))}.footer-sponsors .sponsor-list .sponsor-card.recruiting{background:#fff8e6;border:1px dashed #ffa500;text-align:center}.footer-sponsors .sponsor-list .sponsor-card .ph-logo{display:grid;place-items:center;width:150px;height:36px;border-radius:8px;background:#eaf3ff;color:#0b6fcc;font-weight:800;font-size:.9rem}.footer-sponsors .sponsor-list .sponsor-card .ph-text{font-size:.95rem;color:#333}.footer-sponsors .sponsor-list .sponsor-card .ph-cta{font-size:.9rem;font-weight:600;color:#0057b8;white-space:nowrap}@media (max-width: 920px){.footer-sponsors .sponsor-list{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 560px){.footer-sponsors .sponsor-list{grid-template-columns:1fr}.footer-sponsors .sponsor-card{grid-template-columns:1fr;text-align:center}.footer-sponsors .sponsor-card img,.footer-sponsors .sponsor-card .ph-logo{margin:0 auto}.footer-sponsors .sponsor-card .ph-cta{justify-self:center}}div.history_grid{max-width:1000px;width:100%;margin:0 auto;padding:16px;display:grid;grid-template-columns:1fr}@media (max-width: 768px){div.history_grid{width:100%;padding:12px;grid-template-columns:1fr}}.hist-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}.hist-headline h1{font-size:clamp(20px, 2.8vw, 28px);margin:0;font-weight:700;letter-spacing:0.02em}.hist-toolbar{display:flex;gap:8px}.btn-clear{appearance:none;border:1px solid #e0e0e0;background:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:box-shadow .15s ease, transform .05s ease, background .2s ease}.btn-clear:hover{box-shadow:0 2px 10px rgba(0,0,0,0.06);background:#fafafa}.btn-clear:active{transform:translateY(1px)}.btn-clear i{margin-right:6px}.hist-head{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px;margin-bottom:8px}.hist-head .cell{font-weight:700;background:#f5f7fa;padding:10px 12px;border:1px solid #e8ecf1;border-radius:10px}.hist-list{display:grid;gap:10px}.hist-row{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px;padding:8px;border:1px solid #eef1f5;border-radius:12px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.03);transition:box-shadow .15s ease, transform .05s ease, border-color .2s ease}.hist-row:hover{box-shadow:0 4px 16px rgba(0,0,0,0.06);border-color:#e5eaf1}.hist-row .cell{padding:8px 10px;border-radius:8px;word-break:break-word;line-height:1.6}.badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.badge.ok{background:#e6f6ec;color:#117a36;border-color:#ccebd8}.badge.ng{background:#fff1f0;color:#c62828;border-color:#ffd7d4}.hist-empty{color:#667085;background:#f8fafc;border:1px dashed #d9e2ec;border-radius:10px;padding:16px;text-align:center}@media (max-width: 768px){.hist-head{display:none}.hist-row{grid-template-columns:1fr 1fr;gap:6px;padding:10px}.hist-row .cell{position:relative;padding-top:24px}.hist-row .cell::before{content:attr(data-label);position:absolute;left:10px;top:6px;font-size:12px;color:#778090;letter-spacing:.02em}}.hist-note{font-size:12px;color:#475569;margin:8px 0 12px;padding:6px 10px;background:#f8fafc;border:1px dashed #d9e2ec;border-radius:8px}.badge{display:inline-block;min-width:70px;text-align:center;font-size:0.9rem;font-weight:600;padding:4px 10px;border-radius:999px;line-height:1.4;letter-spacing:.02em;white-space:nowrap}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.9rem;line-height:1.2;font-weight:600;white-space:nowrap}.badge.ok{background:#e6f6ec;color:#118a3b;border:1px solid #bfe9cf}.badge.mid{background:#e6f2ff;color:#0b6fcc;border:1px solid #bcdcff}.badge.warn{background:#fff4e0;color:#d97706;border:1px solid #ffdfb3}.badge.ng{background:#fff1f0;color:#c62828;border:1px solid #ffcdd2}main.edit{width:800px;margin:auto;display:block;background-image:none}@media (max-width: 770px){main.edit{width:100%}}main.edit>h4{margin:5px}main.edit>span{margin:5px;display:block}form.news{width:90%;margin:auto}form.news>textarea{width:100%;height:200px;resize:none}form.news>div:nth-child(2){text-align:right}form.news>div:nth-child(2)>button{width:100px}form.news>div:nth-child(3){margin-top:10px;text-align:left;border:1px dotted blue;padding:5px}form.news>div:nth-child(4){margin-top:10px;padding:5px}form.news>div:nth-child(5){text-align:right}form.news>div:nth-child(5)>button{width:150px}main.editdel{width:800px;margin:auto;display:block;background-image:none}@media (max-width: 770px){main.editdel{width:100%}}main.editdel>h4{margin:5px}main.editdel>div:nth-child(2){width:90%;margin:auto;padding:5px;border:1px solid black}main.editdel>div:nth-child(2)>span{display:block;margin-bottom:7px;border-bottom:1px dotted blue}main.editdel>div:nth-child(3){width:90%;margin:auto;margin-top:10px}main.editdel>form{width:90%;margin:auto;margin-top:10px;text-align:right}main.editdel>form>select{width:100px}main.editdel>form>input[type="submit"]{width:100px}main.editdel>form>span{display:block;margin-top:30px;text-align:left}div.sentence_grid{max-width:1000px;width:100%;margin:auto;display:grid;display:-ms-grid;grid-template-columns:1fr;grid-template-rows:auto;-ms-grid-columns:1fr;-ms-grid-rows:auto}div.sentence_grid>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(3){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(4){grid-column:1 / 2;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(5){grid-column:1 / 2;grid-row:5 / 6;-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(6){grid-column:1 / 2;grid-row:6 / 7;-ms-grid-column:1;-ms-grid-row:6;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(7){grid-column:1 / 2;grid-row:7 / 8;-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(8){grid-column:1 / 2;grid-row:8 / 9;-ms-grid-column:1;-ms-grid-row:8;-ms-grid-column-span:1;-ms-grid-row-span:1}div.sentence_grid>div:nth-child(6){display:flex;overflow-x:hidden;overflow-y:hidden;margin:5px 0}div.sentence_grid>div:nth-child(4){text-align:center}@media (max-width: 770px){div.sentence_grid>div:nth-child(4){text-align:left}}div.sentence_grid>div:nth-child(7){line-height:150%}@media (max-width: 770px){div.sentence_grid>div:nth-child(7){text-align:left}}div.sentence_grid>div:nth-child(8)>div.disclaimer{margin-bottom:15px}div.sentence_grid .feedback-block{background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;padding:1em;margin-bottom:1em;font-size:0.95em}#answerSection{display:grid;grid-template-columns:1fr;gap:8px;align-items:center;text-align:center;padding:1em 0;margin-bottom:1em}#answerSection .answer-inline{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}#answerSection .answer-inline label{white-space:nowrap;font-weight:600}#answerInput{flex:1 1 auto;max-width:700px;width:100%;height:40px;padding:8px 10px;box-sizing:border-box;font-size:1em;border:1px solid #ddd;border-radius:4px;transition:border-color 0.3s}#answerInput:focus{border-color:#4a90e2;outline:none}.action-btn{height:40px;padding:0.5em 1em;font-size:1em;border:none;border-radius:8px;margin-left:0.5em;cursor:pointer;background-color:#4a90e2;color:#fff;transition:background-color 0.3s;display:inline-flex;align-items:center;justify-content:center;line-height:1}.action-btn:hover{background-color:#2275d7}#toggleMic.mic-btn{background:none;border:none;padding:0;margin-left:.5em;cursor:pointer;line-height:0;width:auto;height:auto;color:#666}#toggleMic.mic-btn svg{width:30px;height:30px;display:block;fill:currentColor}@media (max-width: 899px){#toggleMic.mic-btn{justify-self:center;margin-left:0}}#toggleMic.mic-btn:hover,#toggleMic.mic-btn:focus{color:#333;outline:none}#toggleMic.mic-btn:focus-visible{outline:2px solid rgba(0,0,0,0.25);outline-offset:2px;border-radius:6px}#toggleMic.mic-btn[aria-pressed="true"]{color:#e53935}#answerSection .char-counter{font-size:.85em;color:#666;justify-self:end}.mic-status{font-size:.9em;color:#666}.mic-status.on{color:#d00;font-weight:600}.mic-status.err{color:#b00}div.level-caption{text-align:center;font-size:1.2em;margin-bottom:0.5em}div.level-caption .button-container{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px;flex-wrap:wrap}div.level-caption .button-container button.option-button,div.level-caption .button-container button.level-button{background-color:#f9f9f9;border:2px solid #ddd;border-radius:50%;cursor:pointer;transition:background-color 0.3s, border-color 0.3s, box-shadow 0.3s}div.level-caption .button-container button.level-button{width:80px;height:80px;font-size:20px;font-weight:bold}div.level-caption .button-container button:hover{background-color:#fafcfe;border-color:#4a90e2;box-shadow:0 2px 6px rgba(0,0,0,0.1)}@media (max-width: 600px){div.level-caption .button-container{display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;padding:0 8px}div.level-caption .button-container button.level-button,div.level-caption .button-container button.option-button{width:100%;aspect-ratio:1 / 1;border-radius:50%;font-size:clamp(12px, 3.5vw, 18px)}}div.sentence_grid #answerSection .action-btn,#toggleMic.mic-btn{margin-left:.5em}div.problem-counts{text-align:center;margin-bottom:10px;font-size:0.9em}div.problem-counts ul{list-style:none;padding:0;margin:0}div.problem-counts li{display:inline-block;margin:0 5px}@media (min-width: 900px){#answerSection{grid-template-columns:1fr auto auto auto;grid-auto-flow:column;align-items:center}#answerSection .answer-inline{grid-column:1 / 2}#toggleMic{grid-column:2 / 3}#submitAnswer{grid-column:3 / 4}#clearAnswer{grid-column:4 / 5}#answerSection .char-counter{grid-column:4 / 5}.mic-status{grid-column:1 / -1}}@media (max-width: 820px){#level-button-container,div.level-caption .button-container{display:grid !important;grid-template-columns:repeat(5, minmax(0, 1fr));gap:6px;padding:0 4px}#level-button-container .level-button,div.level-caption .button-container .level-button,#level-button-container .option-button,div.level-caption .button-container .option-button{width:100% !important;height:auto !important;aspect-ratio:1 / 1;border-radius:50%;margin:0 !important;box-sizing:border-box;font-size:clamp(12px, 3.3vw, 18px);white-space:nowrap}}@keyframes speakBlink{0%, 100%{opacity:0.35}50%{opacity:1}}.speak-indicator{display:inline-block;width:50px;height:auto;animation:speakBlink 1.2s ease-in-out infinite;vertical-align:middle}@media (max-width: 600px){.speak-indicator{width:100px}}div.chat_top{max-width:1000px;margin:auto;text-align:center;margin-bottom:15px}div.chat_grid{max-width:1000px;margin:auto;display:grid;display:-ms-grid;grid-template-columns:1fr;grid-template-rows:auto;-ms-grid-columns:1fr;-ms-grid-rows:auto}div.chat_grid>div{margin:1px;padding:8px}div.chat_grid>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}div.chat_grid>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1;border-bottom:3px double #000}div.chat_grid>div:nth-child(2) #chat-log{list-style:none;margin:0;padding:0}div.chat_grid>div:nth-child(2) #chat-log li{padding:6px 8px;line-height:1.5em;word-break:break-word}div.chat_grid>div:nth-child(2) #chat-log li.user{background:#e6f0ff;border:1px solid #b4d1ff;color:#0f2e62;margin-bottom:2px;text-align:left}div.chat_grid>div:nth-child(2) #chat-log li.assistant{background:#f4fbe9;border:1px solid #cce8b8;color:#252;margin-bottom:2px;text-align:left}div.chat_grid>div:nth-child(2) .btn-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin-top:6px}div.chat_grid>div:nth-child(3){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1;text-align:center;line-height:200%}.control-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;text-align:center}.icon-btn,#save-pdf-btn{border:none;background:transparent;padding:0;cursor:pointer;width:72px;height:72px}.icon-btn img,#save-pdf-btn img{width:100%;height:100%;object-fit:contain}.icon-btn:disabled img,#save-pdf-btn:disabled img{opacity:0.4;cursor:default}#mic-label{line-height:200%}#mic-btn.recording img{outline:3px solid #ff4a4a;border-radius:8px}#rec-status{color:red;font-weight:bold;display:block;margin-bottom:10px}#save-pdf-btn{margin-top:8px}.mode-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.mode-btn{border:none;background:transparent;padding:0;cursor:pointer;width:88px;height:88px;transition:transform .15s ease, opacity .15s;position:relative;margin-bottom:1em}.mode-btn::before{content:attr(data-label);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:2px 10px;font-size:0.92rem;letter-spacing:0.02em;color:#fff;background:rgba(0,0,0,0.45);border-radius:12px;backdrop-filter:blur(4px) saturate(150%);box-shadow:0 2px 6px rgba(0,0,0,0.25);pointer-events:none}.mode-btn img{width:100%;height:100%;object-fit:contain}.mode-btn:hover,.mode-btn:focus{transform:scale(1.06)}.mode-btn:active{transform:scale(0.94)}.mode-btn:disabled{opacity:.35;cursor:default;transform:none}@media (min-width: 768px){.mode-btn{width:120px;height:120px}}.mode-btn{position:relative}.mode-btn::after{content:attr(data-desc);position:absolute;left:50%;bottom:-38px;transform:translateX(-50%) translateY(8px);background:rgba(0,0,0,0.8);color:#fff;font-size:13px;line-height:1.4;white-space:nowrap;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s ease, transform .15s ease;z-index:5}.mode-btn:hover::after,.mode-btn:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}#rec-status{color:red;font-weight:bold;display:block;margin-bottom:10px;text-align:center}#rec-status img{height:3em;vertical-align:middle}#rec-status.blinking img{animation:blink 1s step-start infinite}@keyframes blink{0%, 50%{opacity:1}50.01%, 100%{opacity:0}}#rec-status{display:block;margin-bottom:10px}#rec-status img{height:3em;vertical-align:middle}#rec-status.blinking img{animation:blink 1s step-start infinite}#composition-wrap{max-width:960px;margin:auto;padding:8px}#composition-wrap #level-area{display:flex;justify-content:center;gap:14px;margin:12px 0;font-size:1.5rem}#composition-wrap #level-area label{position:relative;cursor:pointer;color:#666;transition:color 0.25s}#composition-wrap #level-area label input{position:absolute;opacity:0;pointer-events:none}#composition-wrap #level-area label::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:transparent;transition:background 0.25s}#composition-wrap #level-area label:hover{color:#009c89}#composition-wrap #level-area label:has(input:checked){color:#00695c;font-weight:600}#composition-wrap #level-area label:has(input:checked)::after{background:#00695c}#composition-wrap #step-indicator{text-align:center;margin-bottom:6px;font-weight:bold;font-size:0.95rem}#composition-wrap #log-list{list-style:none;margin:0;padding:0}#composition-wrap #log-list li{padding:6px 8px;margin-bottom:2px;line-height:1.5em;word-break:break-word}#composition-wrap #log-list li.user{background:#e6f0ff;border:1px solid #b4d1ff;color:#0f2e62}#composition-wrap #log-list li.assistant{background:#f4fbe9;border:1px solid #cce8b8;color:#252;white-space:pre-line}#composition-wrap #input-area{display:flex;gap:8px;margin-top:6px}#composition-wrap #input-area input{flex:1;padding:6px;font-size:1rem}#composition-wrap #input-area button{padding:6px 14px;cursor:pointer}.pdf-area{text-align:center;margin-top:8px}.pdf-caption{margin-top:4px;font-size:0.85rem;text-align:center;color:#555}.ex-btn-wrap{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.ex-btn{font-size:0.95rem;line-height:1.2;padding:4px 8px;cursor:pointer;border:1px solid #66a59d;background:white;color:#00695c;border-radius:4px;max-width:100%;white-space:normal;text-align:left;position:relative;transition:background 0.15s, color 0.15s, border-color 0.15s}.ex-btn:hover:not(:disabled){background:#2c9486;border-color:#00695c}.ex-btn:active:not(:disabled){background:#009c89;border-color:#00362f;color:#fff}.ex-btn:focus-visible{outline:2px solid #00362f;outline-offset:1px}.ex-btn::before{content:"例：";font-weight:600;margin-right:2px}.ex-btn:disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.3)}#example-toggle{display:flex;justify-content:center;gap:16px;margin:4px 0 12px;font-size:1.1rem;color:#666}#example-toggle label{position:relative;cursor:pointer}#example-toggle label input{position:absolute;opacity:0;pointer-events:none}#example-toggle label:hover{color:#009c89}#example-toggle label:has(input:checked){color:#00695c;font-weight:600;text-decoration:underline;text-decoration-color:#00695c;text-underline-offset:2px}.btn{--shadow-elev:0 10px 18px rgba(0,0,0,0.18),0 2px 6px rgba(0,0,0,0.12);--shadow-elev-hover:0 14px 24px rgba(0,0,0,0.22),0 4px 10px rgba(0,0,0,0.14);display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;letter-spacing:.02em;color:#fff;text-decoration:none;white-space:nowrap;user-select:none;padding:.9em 1.6em;border:none;border-radius:14px;cursor:pointer;box-shadow:var(--shadow-elev);transition:transform .12s ease, box-shadow .12s ease, filter .12s ease, opacity .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-elev-hover)}.btn:active{transform:translateY(0);filter:brightness(0.98)}.btn:disabled{opacity:.8;cursor:not-allowed;transform:none;filter:grayscale(20%);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,0.2),0 0 0 6px rgba(120,170,255,0.55)}.btn--xl{font-size:clamp(16px, 2.4vw, 20px);padding:1.05em 1.9em;border-radius:16px}.btn--start{background:linear-gradient(45deg, #46c978, #34b36a)}.btn--stop{background:linear-gradient(45deg, #ff5b57, #e34845)}.btn__icon{font-size:1.2em;line-height:0;translate:0 .02em}.btn__label{font-weight:800}.mic-label{margin-left:6px;font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;color:#d44}@media (max-width: 560px){.mode-wrap{gap:10px !important;flex-direction:column;align-items:stretch !important}.btn--xl{width:100%}.mic-label{margin:4px 0 0}}.voice-wave{display:flex;align-items:flex-end;gap:4px;height:36px;margin-top:8px}.voice-wave span{display:block;width:5px;height:10px;border-radius:3px;background:linear-gradient(180deg, rgba(122,195,255,0.95), rgba(102,140,255,0.9));box-shadow:0 1px 6px rgba(120,170,255,0.35);transform-origin:center bottom;transform:scaleY(0.6);opacity:.9;will-change:transform, height}.voice-wave.is-active span{animation:waveY 1s ease-in-out infinite}.voice-wave.is-active span:nth-child(2){animation-delay:.08s}.voice-wave.is-active span:nth-child(3){animation-delay:.16s}.voice-wave.is-active span:nth-child(4){animation-delay:.24s}.voice-wave.is-active span:nth-child(5){animation-delay:.32s}@keyframes waveY{0%, 100%{transform:scaleY(0.6)}50%{transform:scaleY(1.8)}}@media (prefers-reduced-motion: reduce){.voice-wave.is-active span{animation:none;transform:scaleY(1)}}:focus-visible{outline:2px solid rgba(120,170,255,0.8);outline-offset:2px}.chat-log{margin:14px 0 0;padding:0;list-style:none;font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;max-height:42vh;overflow:auto}.chat-log .log-item{padding:.6em .8em;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,0.06);background:#fff;color:#222;margin:0 0 .6em}.chat-log .log-item .log-meta{display:block;font-size:.78rem;color:#666;margin-bottom:.2em;letter-spacing:.02em}.chat-log .log-item .log-text{font-size:.95rem;white-space:pre-wrap;word-break:break-word}.chat-log .log-user{border-left:4px solid color-mix(in srgb, #3aa655 35%, #000 0%)}.chat-log .log-ai{border-left:4px solid color-mix(in srgb, #3367d6 45%, #000 0%);background:#f7faff}.chat-log .log-system{border-left:4px solid #bbb;background:#fafafa}@media (max-width: 560px){.chat-log{max-height:50vh}}#dl-json,#dl-txt,#clear-log,#dl-audio{color:#222}#dl-json:disabled,#dl-txt:disabled,#clear-log:disabled,#dl-audio:disabled{color:rgba(0,0,0,0.65)}.inline-audio{display:flex;width:100%;max-width:100%;align-items:center;gap:.5rem;flex-wrap:wrap}.inline-audio audio{flex:1 1 0;min-width:0;max-width:100%;height:32px}.inline-audio #dl-audio{flex:0 0 auto;white-space:nowrap}.mode-wrap>*{max-width:100%}@media (max-width: 560px){.inline-audio{width:100%}}#rubric-panel.rubric{--rp-border:#e5e7eb;--rp-muted:#6b7280;--rp-bg:#ffffff;--rp-bg-subtle:#f9fafb;--rp-accent:#111827;--rp-shadow:0 10px 30px rgba(0,0,0,0.06);--rp-hit-bg:#fff3cd;--rp-hit-border:#facc15;margin:16px 0;padding:18px;background:var(--rp-bg);border:1px solid var(--rp-border);border-radius:16px;box-shadow:var(--rp-shadow)}#rubric-panel.rubric .rubric-title{display:flex;align-items:center;gap:10px;margin:0 0 12px}#rubric-panel.rubric .rubric-title h2{margin:0;font-size:18px;line-height:1.3;font-weight:800;color:var(--rp-accent);letter-spacing:.01em}#rubric-panel.rubric .rubric-title .rubric-badge{font-size:12px;color:var(--rp-accent);background:#fff;border:1px solid var(--rp-border);border-radius:999px;padding:2px 10px}#rubric-panel.rubric .rubric-grid{display:grid;grid-template-columns:180px repeat(3, 1fr);gap:10px;margin-top:8px}#rubric-panel.rubric .rubric-grid .rubric-colhead{text-align:center;font-weight:800;padding:10px 12px;border-radius:12px;border:1px solid var(--rp-border);background:var(--rp-bg-subtle);box-shadow:0 1px 0 rgba(0,0,0,0.04)}#rubric-panel.rubric .rubric-grid .rubric-rowhead{display:flex;align-items:center;gap:8px;font-weight:800;color:#1e3a8a;padding:12px 14px;border-radius:12px;border:1px solid var(--rp-border);background:linear-gradient(135deg, #dbeafe, #bfdbfe);box-shadow:0 1px 0 rgba(0,0,0,0.04);position:relative}#rubric-panel.rubric .rubric-grid .rubric-rowhead::before{content:none}#rubric-panel.rubric .rubric-grid .rubric-cell{padding:12px 14px;line-height:1.6;color:#111;border-radius:12px;border:1px solid var(--rp-border);background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.04);position:relative;transition:background .25s ease, border-color .25s ease, box-shadow .25s ease}#rubric-panel.rubric .rubric-grid .rubric-cell.is-hit{background:var(--rp-hit-bg);border:2px solid var(--rp-hit-border);box-shadow:0 0 0 2px rgba(255,255,255,0.6) inset;animation:rpHit .18s ease-out}@keyframes rpHit{from{transform:scale(0.99);opacity:.9}to{transform:scale(1);opacity:1}}#rubric-panel.rubric .rubric-actions{margin-top:14px;display:flex;align-items:center;gap:12px;justify-content:flex-end}#rubric-panel.rubric .rubric-actions #rubric-eval{color:#000;background:#fff;border:1px solid var(--rp-border);border-radius:12px;padding:10px 16px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .05s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;box-shadow:0 1px 0 rgba(0,0,0,0.04)}#rubric-panel.rubric .rubric-actions #rubric-eval:hover{background:#f5f6f8;border-color:#d5d8dd}#rubric-panel.rubric .rubric-actions #rubric-eval:active{transform:translateY(1px)}#rubric-panel.rubric .rubric-actions #rubric-eval:disabled{opacity:.6;cursor:not-allowed;background:#f7f7f7}#rubric-panel.rubric .rubric-actions .rubric-status{font-size:12px;color:var(--rp-muted)}#rubric-panel.rubric #rubric-result{margin-top:18px}#rubric-panel.rubric #rubric-result .rubric-result-title{font-size:17px;margin:0 0 12px;font-weight:800;color:var(--rp-accent)}#rubric-panel.rubric #rubric-result table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--rp-border);border-radius:16px;box-shadow:var(--rp-shadow);background:#fff}#rubric-panel.rubric #rubric-result table thead th{background:var(--rp-bg-subtle);text-align:left;padding:14px 16px;font-weight:800;border-bottom:1px solid var(--rp-border)}#rubric-panel.rubric #rubric-result table tbody td{padding:14px 16px;border-bottom:1px solid var(--rp-border);vertical-align:top;line-height:1.7}#rubric-panel.rubric #rubric-result table tbody tr:last-child td{border-bottom:0}#rubric-panel.rubric #rubric-result table td.score{vertical-align:middle;text-align:center;font-weight:900;width:80px;padding:6px 0}#rubric-panel.rubric #rubric-result #rubric-suggestion{margin-top:14px;padding:14px 16px;background:var(--rp-bg-subtle);border:1px dashed var(--rp-border);border-radius:14px;color:#111;line-height:1.7;box-shadow:0 1px 0 rgba(0,0,0,0.03)}@media (max-width: 960px){#rubric-panel.rubric .rubric-grid{grid-template-columns:160px repeat(3, 1fr)}}@media (max-width: 640px){#rubric-panel.rubric{padding:14px}#rubric-panel.rubric .rubric-grid{grid-template-columns:1fr}#rubric-panel.rubric .rubric-grid .rubric-colhead{text-align:left}#rubric-panel.rubric .rubric-grid>div{display:block}#rubric-panel.rubric #rubric-result table thead{display:none}#rubric-panel.rubric #rubric-result table,#rubric-panel.rubric #rubric-result tbody,#rubric-panel.rubric #rubric-result tr,#rubric-panel.rubric #rubric-result td{display:block;width:100%}#rubric-panel.rubric #rubric-result tbody td{border-bottom:0;padding:10px 12px}#rubric-panel.rubric #rubric-result tbody tr{border-bottom:1px solid var(--rp-border);padding:10px 0}#rubric-panel.rubric #rubric-result table td.score{display:flex;align-items:center;justify-content:center;min-height:40px;width:100%;padding:8px 0}}.chat-footer{text-align:center;font-size:14px;color:#555;margin-top:10px}.sponsor-page{max-width:1000px;margin:20px auto;padding:20px}.sponsor-page .sp-hero{text-align:center;margin-bottom:24px}.sponsor-page .sp-hero h1{font-size:2rem;font-weight:700;color:#0073e6;margin:0 0 10px}.sponsor-page .sp-hero .lead{color:#444;line-height:1.8;margin:0 auto 12px}.sponsor-page .sp-hero .stats{display:flex;justify-content:center;gap:12px;list-style:none;padding:0;margin:0}.sponsor-page .sp-hero .stats li{background:#f7fbff;border:1px solid #e5eef9;border-radius:10px;padding:8px 12px;display:grid;gap:2px;text-align:center}.sponsor-page .sp-hero .stats li .num{font-weight:800}.sponsor-page .sp-hero .stats li .cap{font-size:.85rem;color:#555}.sponsor-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font-weight:700;padding:10px 16px;border-radius:10px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background .2s, color .2s, border-color .2s, box-shadow .2s}.sponsor-page .btn--accent{background:#0073e6;color:#fff}.sponsor-page .btn--accent:hover{background:#005bb5}.sponsor-page .btn--ghost{background:#fff;color:#0073e6;border-color:#bcdcff}.sponsor-page .btn--ghost:hover{background:#f4f9ff;border-color:#7db7ff}.sponsor-page .sp-plans h2{margin:10px 0 14px}.sponsor-page .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 770px){.sponsor-page .plan-grid{grid-template-columns:1fr}}.sponsor-page .plan-grid .plan-card{border:1px solid #ddd;border-radius:12px;background:#fff;padding:20px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,0.06);transition:transform .2s ease, box-shadow .2s ease}.sponsor-page .plan-grid .plan-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,0.08)}.sponsor-page .plan-grid .plan-card .plan-head{margin-bottom:10px}.sponsor-page .plan-grid .plan-card .plan-head .badge{display:inline-block;font-size:.78rem;line-height:1;padding:6px 8px;border-radius:999px;color:#fff;background:#0073e6;margin-bottom:6px}.sponsor-page .plan-grid .plan-card .plan-head h3{font-size:1.2rem;margin:6px 0 4px}.sponsor-page .plan-grid .plan-card .plan-head .desc{color:#555;font-size:.95rem}.sponsor-page .plan-grid .plan-card .price{margin:8px 0 12px}.sponsor-page .plan-grid .plan-card .price .amt{font-size:1.4rem;font-weight:800;color:#0073e6}.sponsor-page .plan-grid .plan-card .price .term{font-size:.95rem;color:#444;margin-left:4px}.sponsor-page .plan-grid .plan-card .benefits{list-style:none;padding:0;margin:0 0 12px 0}.sponsor-page .plan-grid .plan-card .benefits li{margin:6px 0;color:#555}.sponsor-page .plan-grid .plan-card .cta{margin-top:6px}.sponsor-page .plan-grid .plan-card--prime{border-color:#bcdcff;box-shadow:0 8px 20px rgba(0,115,230,0.08)}.sponsor-page .table-wrap{margin-top:14px;overflow-x:auto}.sponsor-page table.compare{width:100%;border-collapse:collapse;min-width:560px}.sponsor-page table.compare thead th{background:#f5f7fa;color:#111;font-weight:800;border:1px solid #e5e7eb;padding:10px}.sponsor-page table.compare tbody td{border:1px solid #e5e7eb;padding:10px;vertical-align:top}.sponsor-page table.compare th:first-child,.sponsor-page table.compare td:first-child{white-space:nowrap}.sponsor-page .sp-mock{margin-top:28px;text-align:center}.sponsor-page .sp-mock .mock-wrap{display:grid;place-items:center;margin-top:6px}.sponsor-page .sp-mock .mock-page{width:100%;max-width:860px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.04)}.sponsor-page .sp-mock .mock-header,.sponsor-page .sp-mock .mock-body,.sponsor-page .sp-mock .mock-footer{padding:16px;border-top:1px solid #f0f2f4}.sponsor-page .sp-mock .mock-header:first-child,.sponsor-page .sp-mock .mock-body:first-child,.sponsor-page .sp-mock .mock-footer:first-child{border-top:0}.sponsor-page .sp-mock .mock-slot{margin:10px auto;border:2px dashed #bcdcff;color:#0b6fcc;padding:10px 12px;border-radius:10px}.sponsor-page .sp-mock .mock-slot--header{max-width:420px}.sponsor-page .sp-mock .mock-slot--footer{max-width:520px}.sponsor-page .sp-mock .note{font-size:.9rem;color:#666;margin-top:10px}.sponsor-page .sp-specs{margin-top:24px}.sponsor-page .sp-specs .spec-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 770px){.sponsor-page .sp-specs .spec-grid{grid-template-columns:1fr}}.sponsor-page .sp-specs .spec{border:1px solid #ddd;border-radius:12px;background:#fff;padding:16px}.sponsor-page .sp-specs .spec h4{margin:0 0 8px}.sponsor-page .sp-specs .spec ul{margin:0;padding-left:18px}.sponsor-page .sp-specs .spec .mono{font-family:ui-monospace, SFMono-Regular, Menlo, monospace}.sponsor-page .sp-faq{margin-top:24px}.sponsor-page .sp-faq details{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px 14px;margin:8px 0}.sponsor-page .sp-faq details summary{cursor:pointer;font-weight:700}.sponsor-page .sp-faq details p{margin:8px 0 0}.sponsor-page .sp-contact{margin-top:24px}.sponsor-page .sp-contact form.contact .row{margin-bottom:5px}.sponsor-page .sp-contact form.contact input,.sponsor-page .sp-contact form.contact textarea,.sponsor-page .sp-contact form.contact select{margin-top:4px;margin-bottom:4px}.sponsor-page .sp-contact .mini{color:#555}.sponsor-page .sp-contact form.contact{margin-top:12px;padding:20px;background:#f9f9f9;border-radius:10px;border:1px solid #ddd}.sponsor-page .sp-contact form.contact .row{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:center}@media (max-width: 770px){.sponsor-page .sp-contact form.contact .row{grid-template-columns:1fr}}.sponsor-page .sp-contact form.contact .row label{font-weight:700;color:#333}.sponsor-page .sp-contact form.contact .row input,.sponsor-page .sp-contact form.contact .row textarea,.sponsor-page .sp-contact form.contact .row select{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;width:100%;box-sizing:border-box}.sponsor-page .sp-contact form.contact .row textarea{min-height:120px}.sponsor-page .sp-contact form.contact .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.sponsor-page .sp-contact form.contact .policy{font-size:.9rem;color:#666;margin-top:8px}.sponsor-page .invoice-badge{margin:10px auto 0;display:inline-block;text-align:left;background:#fff8e6;border:1px dashed #f1b65c;color:#5b4a2e;padding:10px 12px;border-radius:10px;line-height:1.7;font-size:.95rem}.sponsor-page .sp-invoice-note{margin-top:18px;padding:14px 16px;border:1px solid #e7e1d5;border-radius:12px;background:#fcfaf5;box-shadow:0 4px 12px rgba(0,0,0,0.04)}.sponsor-page .sp-invoice-note h2{font-size:1.05rem;margin:0 0 10px;color:#4a3f2b}.sponsor-page .sp-invoice-note ul{margin:0;padding-left:18px;color:#4a463f}.sponsor-page .sp-invoice-note ul li{margin:6px 0;line-height:1.8}.sponsor-page .price-note{margin-top:6px;font-size:.9rem;color:#6a6254}.level-panel{--panel-bg:#fff;--panel-border:#e5e7eb;--panel-shadow:0 4px 16px rgba(0,0,0,0.06);margin:16px auto 0;padding:16px 20px;width:92vw;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--panel-shadow)}.level-panel__label{font-size:1.05rem;font-weight:700;letter-spacing:.01em}.level-panel__select{width:100%;max-width:420px;font-size:1.125rem;line-height:1.4;padding:12px 16px;border:1px solid #cbd5e1;border-radius:10px;background-color:#fff;appearance:none;background-image:linear-gradient(45deg, transparent 50%, #64748b 50%),linear-gradient(135deg, #64748b 50%, transparent 50%),linear-gradient(to right, #e2e8f0, #e2e8f0);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%,calc(100% - 2.4rem) 50%;background-size:6px 6px, 6px 6px, 1px 60%;background-repeat:no-repeat;cursor:pointer;transition:box-shadow .15s ease, border-color .15s ease}.level-panel__select:hover{border-color:#94a3b8}.level-panel__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.25)}.level-panel__hint{font-size:.85rem;color:#64748b}@media (max-width: 420px){.level-panel{padding:14px 14px;gap:8px;width:94vw;max-width:94vw}.level-panel__select{font-size:1.05rem;padding:10px 14px}}.is-hidden{display:none !important}div.syllabus_grid{display:grid;display:-ms-grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;-ms-grid-columns:1fr 1fr 1fr;-ms-grid-rows:auto}@media (max-width: 770px){div.syllabus_grid{display:grid;display:-ms-grid;grid-template-columns:1fr;grid-template-rows:auto;-ms-grid-columns:1fr;-ms-grid-rows:auto}}div.syllabus_grid>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.syllabus_grid>div:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.syllabus_grid>div:nth-child(2){grid-column:2 / 3;grid-row:1 / 2;-ms-grid-column:2;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.syllabus_grid>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1}}div.syllabus_grid>div:nth-child(3){grid-column:3 / 4;grid-row:1 / 2;-ms-grid-column:3;-ms-grid-row:1;-ms-grid-column-span:1;-ms-grid-row-span:1}@media (max-width: 770px){div.syllabus_grid>div:nth-child(3){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1}}#lesson-wrap{max-width:800px;margin:auto;padding:8px}#lesson-wrap #level-area{display:flex;justify-content:center;gap:14px;margin:12px 0;font-size:1.5rem}#lesson-wrap #level-area label{position:relative;cursor:pointer;color:#666;transition:color .25s}#lesson-wrap #level-area label input{position:absolute;opacity:0;pointer-events:none}#lesson-wrap #level-area label::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:transparent;transition:background .25s}#lesson-wrap #level-area label:hover{color:#00bca9}#lesson-wrap #level-area label:has(input:checked){color:#00897b;font-weight:600}#lesson-wrap #level-area label:has(input:checked)::after{background:#00897b}#lesson-wrap #step-indicator{text-align:center;margin-bottom:6px;font-weight:bold;font-size:.95rem}@media (max-width: 770px){#lesson-wrap #step-indicator{text-align:left}}#lesson-wrap #log-list{list-style:none;margin:0;padding:0}#lesson-wrap #log-list li{padding:6px 8px;margin-top:5px;margin-bottom:2px;line-height:1.5em;word-break:break-word}#lesson-wrap #log-list li.user{background:#e6f0ff;border:1px solid #b4d1ff;color:#0f2e62}#lesson-wrap #log-list li.assistant{background:#f4fbe9;border:1px solid #cce8b8;color:#252}#lesson-wrap #input-area{display:flex;gap:8px;margin-top:6px}#lesson-wrap #input-area input{flex:1;padding:6px;font-size:1rem}#lesson-wrap #input-area button{padding:6px 14px;cursor:pointer}.pdf-area{text-align:center;margin-top:8px}.pdf-caption{margin-top:4px;font-size:.85rem;color:#555;text-align:center}.syllabus_grid fieldset{padding:5px;border:1px solid #ccc}.syllabus_grid fieldset input,.syllabus_grid fieldset label{margin:6px 0}.pref-card{background:#fff;border:1px solid #e7eef6;border-radius:14px;padding:14px;box-shadow:0 6px 14px rgba(0,0,0,0.05)}.pref-card+.pref-card{margin-top:10px}.pref-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:800;color:#0b5e61}.pref-title .dot{width:8px;height:8px;border-radius:50%;background:#00a89e;display:inline-block}#framework-area,.fw-group{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:1rem}.fw-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d5e6ea;background:#f7fbfc;padding:6px 10px;border-radius:999px;cursor:pointer;color:#444}.fw-chip input{margin:0;accent-color:#00a89e}.fw-chip:hover{color:#00897b;border-color:#e6f0f3}.form-section{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;margin-bottom:12px;align-items:center}@media (max-width: 770px){.form-section{grid-template-columns:1fr}}.form-section label{font-weight:700;text-align:right}@media (max-width: 770px){.form-section label{text-align:left}}.form-section input[type="text"],.form-section input[type="number"]{width:100%;min-width:260px;height:44px;line-height:44px;padding:0 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;box-sizing:border-box;vertical-align:middle;background:#fff}.form-section input[type="text"]:focus,.form-section input[type="number"]:focus{border-color:#00897b;outline:none;box-shadow:0 0 0 2px rgba(0,137,123,0.15)}.form-section input[type="text"]::placeholder,.form-section input[type="number"]::placeholder{color:#9aa3ac}.form-section select{width:100%;min-width:260px;height:44px;padding:0 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;line-height:normal;box-sizing:border-box;background:#fff;appearance:none}.form-section select:focus{border-color:#00897b;outline:none;box-shadow:0 0 0 2px rgba(0,137,123,0.15)}input[type="number"]{-moz-appearance:textfield}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.radio-line{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.radio-line label{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;color:#222;cursor:pointer}.radio-line label input[type="radio"]{accent-color:#00a89e;width:18px;height:18px}.opt-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.opt-row .num{width:180px;display:flex;align-items:center;gap:8px}.opt-row .num label{font-weight:700}.opt-row .num input{width:100px;height:44px;line-height:44px;padding:0 12px;box-sizing:border-box}.material-row{display:flex;align-items:center;gap:8px;margin-top:8px}.material-row label{font-weight:700}.material-row input{flex:1;min-width:260px;height:44px;line-height:44px;padding:0 12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.material-row small{color:#555}.start-wrap{display:flex;justify-content:center;margin:12px 0}.btn--start{--bg:#22b08f;background:linear-gradient(45deg, var(--bg), #0f9d85)}.wave-loader{display:inline-flex;gap:6px;align-items:flex-end;height:28px;margin:.5rem 0}.wave-loader .bar{width:6px;height:6px;border-radius:4px;background:#4a7cff;opacity:.9;transform-origin:bottom center;animation:waveBounce 1s ease-in-out infinite}.wave-loader .bar:nth-child(2){animation-delay:.08s}.wave-loader .bar:nth-child(3){animation-delay:.16s}.wave-loader .bar:nth-child(4){animation-delay:.24s}.wave-loader .bar:nth-child(5){animation-delay:.32s}@keyframes waveBounce{0%,100%{height:6px;filter:brightness(1)}40%{height:28px;filter:brightness(1.15)}60%{height:14px;filter:brightness(1.05)}}.loading-hint{font-size:.92rem;color:#666;margin-left:.6rem}@media (prefers-reduced-motion: reduce){.wave-loader .bar{animation:none;height:18px}}#framework-area .fw-label{font-weight:600;margin-right:4px}#framework-area label{display:inline-flex;align-items:center;cursor:pointer;color:#555;transition:color .2s}#framework-area label input{margin-right:4px}#framework-area label:hover{color:#00897b}h2.check{margin-bottom:20px}div.check{width:800px;margin:auto;margin-top:20px;margin-bottom:10px;border:1px solid silver;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;-ms-grid-columns:1fr 1fr;-ms-grid-rows:auto}div.check>div{padding:10px 5px 5px 5px;background-color:rgba(0,0,255,0.1)}div.check>div:nth-child(1){grid-column:1 / 3;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2;-ms-grid-row-span:1;line-height:180%}div.check>div:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1;border-width:1px 0px 0px 0px;border-style:solid;border-color:silver}div.check>div:nth-child(3){grid-column:2 / 3;grid-row:2 / 3;-ms-grid-column:2;-ms-grid-row:2;-ms-grid-column-span:1;-ms-grid-row-span:1;border-width:1px 0px 0px 0px;border-style:solid;border-color:silver}div.check>div:nth-child(4){grid-column:1 / 2;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1;border-width:0px 0px 1px 0px;border-style:solid;border-color:silver}div.check>div:nth-child(5){grid-column:2 / 3;grid-row:3 / 4;-ms-grid-column:2;-ms-grid-row:3;-ms-grid-column-span:1;-ms-grid-row-span:1;border-width:0px 0px 1px 0px;border-style:solid;border-color:silver}div.check>div:nth-child(6){grid-column:1 / 3;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-row:4;-ms-grid-column-span:2;-ms-grid-row-span:1;height:100%}div.check>div:nth-child(n+2):nth-child(-n+5){padding-left:15px}form.check{width:1000px;margin:auto;text-align:right}form.check select,form.check option,form.check input{height:30px;margin-bottom:10px}