.wsp{--wsp-green-50:#f4fbe6;--wsp-green-100:#e6f6c8;--wsp-green-200:#cdef92;--wsp-green-300:#b4e455;--wsp-green-400:#9cd62e;--wsp-green-500:#7cbf1f;--wsp-green-600:#5fa317;--wsp-green-700:#3f7310;--wsp-green-800:#2f5e0c;--wsp-green-900:#1b3f08;--wsp-sun-100:#fff4c2;--wsp-sun-300:#ffdf5c;--wsp-sun-500:#f5c400;--wsp-sun-700:#b45309;--wsp-sky-50:#f0f9ff;--wsp-sky-100:#ddf1fb;--wsp-sky-200:#bfe6f8;--wsp-sky-300:#8fd3f5;--wsp-coral-500:#f47c6c;--wsp-primary:#4f46e5;--wsp-primary-hover:#4338ca;--wsp-primary-50:#eef2ff;--wsp-primary-100:#e0e7ff;--wsp-subj-math:#3b82f6;--wsp-subj-math-ink:#1d4ed8;--wsp-subj-math-tint:#dbeafe;--wsp-subj-kokugo:#ef4444;--wsp-subj-kokugo-ink:#b91c1c;--wsp-subj-kokugo-tint:#fee2e2;--wsp-subj-rika:#d97706;--wsp-subj-rika-ink:#b45309;--wsp-subj-rika-tint:#ffedd5;--wsp-subj-shakai:#15803d;--wsp-subj-shakai-ink:#15803d;--wsp-subj-shakai-tint:#dcfce7;--wsp-ink:#1f2937;--wsp-ink-2:#4b5563;--wsp-ink-3:#6b7280;--wsp-ink-4:#9ca3af;--wsp-line:#e5e7eb;--wsp-line-2:#d1d5db;--wsp-bg:#fff;--wsp-bg-paper:#fffdf7;--wsp-bg-soft:#f7f7f8;--wsp-bg-tint:var(--wsp-green-50);--wsp-font-display:var(--font-zen-maru,"Zen Maru Gothic"), var(--font-noto-sans-jp,"Noto Sans JP"), "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--wsp-font-body:var(--font-noto-sans-jp,"Noto Sans JP"), "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--wsp-font-num:var(--font-inter,"Inter"), "Helvetica Neue", system-ui, sans-serif;--wsp-text-xs:12px;--wsp-text-sm:14px;--wsp-text-md:16px;--wsp-text-lg:18px;--wsp-text-xl:20px;--wsp-text-2xl:24px;--wsp-text-3xl:30px;--wsp-text-4xl:clamp(30px, 3.6vw, 40px);--wsp-text-display:clamp(34px, 4.2vw, 50px);--wsp-leading-tight:1.3;--wsp-leading-snug:1.5;--wsp-leading-normal:1.75;--wsp-leading-loose:1.9;--wsp-s1:4px;--wsp-s2:8px;--wsp-s3:12px;--wsp-s4:16px;--wsp-s5:20px;--wsp-s6:24px;--wsp-s8:32px;--wsp-s10:40px;--wsp-s12:48px;--wsp-s16:64px;--wsp-s20:80px;--wsp-s24:96px;--wsp-s32:128px;--wsp-r-xs:4px;--wsp-r-sm:8px;--wsp-r-md:12px;--wsp-r-lg:16px;--wsp-r-xl:20px;--wsp-r-2xl:28px;--wsp-r-pill:999px;--wsp-shadow-subtle:0 1px 2px #1118270a;--wsp-shadow-card:0 1px 2px #1118270d, 0 2px 6px #1118270a;--wsp-shadow-float:0 4px 12px #11182714, 0 16px 40px #11182714;--wsp-container:1120px;--wsp-gutter:24px;--wsp-ease:cubic-bezier(.2, .7, .2, 1)}
.wsp{min-height:100dvh;font-family:var(--wsp-font-body);font-weight:400;font-size:var(--wsp-text-md);line-height:var(--wsp-leading-normal);letter-spacing:.01em;color:var(--wsp-ink);background:var(--wsp-bg);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;overflow-x:clip}.wsp :where(h1,h2,h3,h4,p,ul,ol,figure,dl,dd,fieldset){margin:0}.wsp :where(fieldset){border:0;min-width:0;padding:0}.wsp :where(ul,ol){padding:0;list-style:none}.wsp :where(img,svg){max-width:100%;display:block}.wsp :where(button,input,select,textarea){font:inherit;color:inherit}.wsp :where(a){color:inherit;text-decoration:none}.wsp :where(h1,h2,h3,h4){font-family:var(--wsp-font-display);font-weight:700;line-height:var(--wsp-leading-tight);letter-spacing:.005em;color:var(--wsp-ink);text-wrap:balance}.wsp :focus-visible{outline:3px solid var(--wsp-primary);outline-offset:2px;border-radius:var(--wsp-r-xs)}.wsp .wsp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wsp-container{max-width:var(--wsp-container);padding-inline:var(--wsp-gutter);margin:0 auto}.wsp-container--narrow{max-width:760px}.wsp-section{padding-block:var(--wsp-s24);scroll-margin-top:80px}.wsp-section--tight{padding-block:var(--wsp-s16)}.wsp-section--paper{background:var(--wsp-bg-paper)}.wsp-section--sky{background:linear-gradient(180deg, var(--wsp-sky-50) 0%, var(--wsp-bg) 100%)}.wsp-section--tint{background:var(--wsp-bg-tint)}.wsp-section--soft{background:var(--wsp-bg-soft)}.wsp-section__head{max-width:720px;margin-bottom:var(--wsp-s12)}.wsp-section__head--center{text-align:center;margin-inline:auto}.wsp-section__title{font-size:var(--wsp-text-4xl);margin-top:var(--wsp-s3)}.wsp-section__lead{margin-top:var(--wsp-s4);color:var(--wsp-ink-2);font-size:var(--wsp-text-lg);line-height:var(--wsp-leading-loose)}.wsp-grid{gap:var(--wsp-s6);display:grid}.wsp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.wsp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.wsp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.wsp-grid--start{align-items:start}.wsp-split{gap:var(--wsp-s12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.wsp-split--reverse>:first-child{order:2}.wsp-stack>*+*{margin-top:var(--wsp-s4)}.wsp-actions{gap:var(--wsp-s3);flex-wrap:wrap;align-items:center;display:flex}.wsp-muted{color:var(--wsp-ink-3)}.wsp-small{font-size:var(--wsp-text-sm)}.wsp-xs{font-size:var(--wsp-text-xs)}.wsp-eyebrow{align-items:center;gap:var(--wsp-s2);font-family:var(--wsp-font-display);font-weight:700;font-size:var(--wsp-text-sm);letter-spacing:.06em;color:var(--wsp-green-700);display:inline-flex}.wsp-eyebrow:before{content:"";background:var(--wsp-green-400);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--wsp-green-900);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.wsp-eyebrow--primary{color:var(--wsp-primary)}.wsp-eyebrow--primary:before{background:var(--wsp-primary-100);box-shadow:inset 0 0 0 2px var(--wsp-primary)}.wsp-eyebrow--sun{color:var(--wsp-sun-700)}.wsp-eyebrow--sun:before{background:var(--wsp-sun-300);box-shadow:inset 0 0 0 2px var(--wsp-sun-700)}.wsp-badge{--_dot:var(--wsp-ink-4);--_ink:var(--wsp-ink-2);--_tint:var(--wsp-bg-soft);border-radius:var(--wsp-r-pill);font-size:var(--wsp-text-xs);background:var(--_tint);color:var(--_ink);white-space:nowrap;align-items:center;gap:6px;padding:2px 10px;font-weight:700;line-height:1.7;display:inline-flex}.wsp-badge:before{content:"";background:var(--_dot);border-radius:50%;width:8px;height:8px}.wsp-badge--math{--_dot:var(--wsp-subj-math);--_ink:var(--wsp-subj-math-ink);--_tint:var(--wsp-subj-math-tint)}.wsp-badge--kokugo{--_dot:var(--wsp-subj-kokugo);--_ink:var(--wsp-subj-kokugo-ink);--_tint:var(--wsp-subj-kokugo-tint)}.wsp-badge--rika{--_dot:var(--wsp-subj-rika);--_ink:var(--wsp-subj-rika-ink);--_tint:var(--wsp-subj-rika-tint)}.wsp-badge--shakai{--_dot:var(--wsp-subj-shakai);--_ink:var(--wsp-subj-shakai-ink);--_tint:var(--wsp-subj-shakai-tint)}.wsp-badge--home{--_dot:var(--wsp-ink-3);--_ink:var(--wsp-ink-2);--_tint:var(--wsp-bg-soft)}.wsp-badge--solid{background:var(--_dot);color:#fff}.wsp-badge--solid:before{display:none}.wsp-pill{border-radius:var(--wsp-r-pill);font-size:var(--wsp-text-sm);background:var(--wsp-bg);border:1px solid var(--wsp-line);color:var(--wsp-ink-2);box-shadow:var(--wsp-shadow-subtle);align-items:center;gap:6px;padding:6px 12px;font-weight:500;line-height:1.5;display:inline-flex}.wsp-pill svg{flex:none;width:16px;height:16px}.wsp-pill--beta{background:var(--wsp-sun-100);border-color:var(--wsp-sun-300);color:var(--wsp-sun-700)}.wsp-pill--green{background:var(--wsp-green-100);border-color:var(--wsp-green-200);color:var(--wsp-green-800)}.wsp-pill--sky{background:var(--wsp-sky-100);border-color:var(--wsp-sky-200);color:#0c4a6e}.wsp-pill--primary{background:var(--wsp-primary-50);border-color:var(--wsp-primary-100);color:var(--wsp-primary)}.wsp-btn{border-radius:var(--wsp-r-pill);min-height:48px;font-family:var(--wsp-font-display);font-weight:700;font-size:var(--wsp-text-md);cursor:pointer;white-space:nowrap;transition:transform .15s var(--wsp-ease), background .2s var(--wsp-ease), box-shadow .2s var(--wsp-ease), border-color .2s var(--wsp-ease), color .2s var(--wsp-ease);border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;line-height:1;text-decoration:none;display:inline-flex}.wsp-btn:active{transform:translateY(1px)}.wsp-btn svg{flex:none;width:18px;height:18px}.wsp-btn--primary{background:var(--wsp-primary);color:#fff;box-shadow:0 6px 16px #4f46e540}.wsp-btn--primary:hover{background:var(--wsp-primary-hover);box-shadow:0 8px 20px #4f46e552}.wsp-btn--green{background:var(--wsp-green-700);color:#fff;box-shadow:0 6px 16px #3f731038}.wsp-btn--green:hover{background:var(--wsp-green-800)}.wsp-btn--secondary{background:var(--wsp-bg);color:var(--wsp-ink);border-color:var(--wsp-line-2)}.wsp-btn--secondary:hover{border-color:var(--wsp-ink-3);background:var(--wsp-bg-soft)}.wsp-btn--ghost{color:var(--wsp-primary);background:0 0;padding-inline:12px}.wsp-btn--ghost:hover{background:var(--wsp-primary-50)}.wsp-btn--lg{min-height:56px;font-size:var(--wsp-text-lg);padding-inline:28px}.wsp-btn--sm{min-height:38px;font-size:var(--wsp-text-sm);padding-inline:16px}.wsp-btn--block{width:100%}.wsp-btn[disabled],.wsp-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.wsp-card{background:var(--wsp-bg);border:1px solid var(--wsp-line);border-radius:var(--wsp-r-lg);box-shadow:var(--wsp-shadow-card);padding:var(--wsp-s6)}.wsp-card--float{box-shadow:var(--wsp-shadow-float);border-color:#0000}.wsp-card--soft{background:var(--wsp-bg-paper);box-shadow:none}.wsp-feature{--_accent:var(--wsp-green-400);--_tint:var(--wsp-green-100);--_ink:var(--wsp-green-800);gap:var(--wsp-s3);padding-top:calc(var(--wsp-s6) + 6px);flex-direction:column;display:flex;position:relative;overflow:hidden}.wsp-feature:before{content:"";background:var(--_accent);height:6px;position:absolute;top:0;left:0;right:0}.wsp-feature--math{--_accent:var(--wsp-subj-math);--_tint:var(--wsp-subj-math-tint);--_ink:var(--wsp-subj-math-ink)}.wsp-feature--kokugo{--_accent:var(--wsp-subj-kokugo);--_tint:var(--wsp-subj-kokugo-tint);--_ink:var(--wsp-subj-kokugo-ink)}.wsp-feature--rika{--_accent:var(--wsp-subj-rika);--_tint:var(--wsp-subj-rika-tint);--_ink:var(--wsp-subj-rika-ink)}.wsp-feature--shakai{--_accent:var(--wsp-subj-shakai);--_tint:var(--wsp-subj-shakai-tint);--_ink:var(--wsp-subj-shakai-ink)}.wsp-feature--sun{--_accent:var(--wsp-sun-500);--_tint:var(--wsp-sun-100);--_ink:var(--wsp-sun-700)}.wsp-feature--sky{--_accent:var(--wsp-sky-300);--_tint:var(--wsp-sky-100);--_ink:#0c4a6e}.wsp-feature--primary{--_accent:var(--wsp-primary);--_tint:var(--wsp-primary-50);--_ink:var(--wsp-primary)}.wsp-feature--coral{--_accent:var(--wsp-coral-500);--_tint:#ffe4e0;--_ink:#b3402f}.wsp-feature__icon{border-radius:var(--wsp-r-md);background:var(--_tint);width:48px;height:48px;color:var(--_ink);place-items:center;display:grid}.wsp-feature__icon svg{width:26px;height:26px}.wsp-feature__title{font-size:var(--wsp-text-xl)}.wsp-feature__desc{color:var(--wsp-ink-2);font-size:var(--wsp-text-sm);line-height:var(--wsp-leading-loose)}.wsp-feature__tags{padding-top:var(--wsp-s2);flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.wsp-pain{gap:var(--wsp-s4);padding:var(--wsp-s6);background:var(--wsp-bg);border-radius:var(--wsp-r-lg);border:1px solid var(--wsp-line);align-items:flex-start;display:flex}.wsp-pain__num{background:var(--wsp-sun-100);width:40px;height:40px;color:var(--wsp-sun-700);font-family:var(--wsp-font-num);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.wsp-pain__title{font-family:var(--wsp-font-display);font-weight:700;font-size:var(--wsp-text-lg);line-height:var(--wsp-leading-snug)}.wsp-pain__desc{color:var(--wsp-ink-2);font-size:var(--wsp-text-sm);line-height:var(--wsp-leading-loose);margin-top:6px}.wsp-mode{--_bg:var(--wsp-bg-soft);--_line:var(--wsp-line);--_accent:var(--wsp-ink-2);border-radius:var(--wsp-r-xl);padding:var(--wsp-s8);border:1px solid var(--_line);background:var(--_bg)}.wsp-mode--parent{--_bg:var(--wsp-primary-50);--_line:var(--wsp-primary-100);--_accent:var(--wsp-primary)}.wsp-mode--child{--_bg:var(--wsp-sun-100);--_line:var(--wsp-sun-300);--_accent:var(--wsp-sun-700)}.wsp-mode__head{align-items:center;gap:var(--wsp-s4);display:flex}.wsp-mode__mascot{object-fit:contain;flex:none;width:64px;height:64px}.wsp-mode__label{font-family:var(--wsp-font-display);font-weight:700;font-size:var(--wsp-text-sm);letter-spacing:.06em;color:var(--_accent)}.wsp-mode__title{font-size:var(--wsp-text-2xl);margin-top:2px}.wsp-mode__desc{margin-top:var(--wsp-s4);color:var(--wsp-ink-2);font-size:var(--wsp-text-sm);line-height:var(--wsp-leading-loose)}.wsp-mode__list{margin-top:var(--wsp-s5);gap:var(--wsp-s3);display:grid}.wsp-mode__list li{gap:var(--wsp-s3);font-size:var(--wsp-text-sm);align-items:flex-start;line-height:1.7;display:flex}.wsp-check{background:var(--_accent,var(--wsp-green-600));color:#fff;border-radius:50%;flex:none;width:22px;height:22px;margin-top:2px;padding:5px}.wsp-steps{gap:var(--wsp-s6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wsp-step{padding:var(--wsp-s6);background:var(--wsp-bg);border-radius:var(--wsp-r-lg);border:1px solid var(--wsp-line);position:relative}.wsp-step__num{background:var(--wsp-green-400);border:3px solid var(--wsp-green-900);width:36px;height:36px;font-family:var(--wsp-font-num);color:var(--wsp-green-900);border-radius:50%;place-items:center;font-weight:700;display:grid}.wsp-step__when{margin-top:var(--wsp-s4);font-size:var(--wsp-text-xs);color:var(--wsp-ink-3);letter-spacing:.06em;font-weight:700}.wsp-step__title{font-size:var(--wsp-text-lg);margin-top:4px}.wsp-step__desc{margin-top:var(--wsp-s2);font-size:var(--wsp-text-sm);color:var(--wsp-ink-2);line-height:var(--wsp-leading-loose)}.wsp-step__who{margin-top:var(--wsp-s3)}.wsp-flow{display:grid}.wsp-flow__item{gap:var(--wsp-s4);padding-bottom:var(--wsp-s6);grid-template-columns:36px 1fr;display:grid;position:relative}.wsp-flow__item:not(:last-child):before{content:"";border-left:2px dashed var(--wsp-green-200);position:absolute;top:36px;bottom:0;left:17px}.wsp-flow__num{background:var(--wsp-green-400);border:3px solid var(--wsp-green-900);width:36px;height:36px;font-family:var(--wsp-font-num);color:var(--wsp-green-900);border-radius:50%;place-items:center;font-weight:700;display:grid}.wsp-flow__title{font-family:var(--wsp-font-display);font-weight:700;font-size:var(--wsp-text-lg);line-height:36px}.wsp-flow__desc{font-size:var(--wsp-text-sm);color:var(--wsp-ink-2);line-height:var(--wsp-leading-loose)}.wsp-notice{gap:var(--wsp-s3);padding:var(--wsp-s5) var(--wsp-s6);border-radius:var(--wsp-r-md);background:var(--wsp-sun-100);border:1px solid var(--wsp-sun-300);color:var(--wsp-ink);font-size:var(--wsp-text-sm);line-height:var(--wsp-leading-loose);display:flex}.wsp-notice__icon{width:22px;height:22px;color:var(--wsp-sun-700);flex:none;margin-top:2px}.wsp-notice__title{font-weight:700;font-family:var(--wsp-font-display);margin-bottom:4px}.wsp-notice ul{padding-left:1.2em;list-style:outside}.wsp-notice li+li{margin-top:4px}.wsp-notice--info{background:var(--wsp-sky-100);border-color:var(--wsp-sky-200)}.wsp-notice--info .wsp-notice__icon{color:#0c4a6e}.wsp-notice--green{background:var(--wsp-green-50);border-color:var(--wsp-green-200)}.wsp-notice--green .wsp-notice__icon{color:var(--wsp-green-700)}.wsp-faq{border-top:1px solid var(--wsp-line)}.wsp-faq__item{border-bottom:1px solid var(--wsp-line)}.wsp-faq__q{cursor:pointer;align-items:flex-start;gap:var(--wsp-s4);padding:var(--wsp-s5) 0;font-family:var(--wsp-font-display);font-weight:700;font-size:var(--wsp-text-lg);line-height:1.5;list-style:none;display:flex}.wsp-faq__q::-webkit-details-marker{display:none}.wsp-faq__q:before{content:"Q";background:var(--wsp-green-100);width:32px;height:32px;color:var(--wsp-green-800);font-family:var(--wsp-font-num);font-size:var(--wsp-text-sm);border-radius:50%;flex:none;place-items:center;display:grid}.wsp-faq__icon{width:24px;height:24px;color:var(--wsp-ink-3);transition:transform .2s var(--wsp-ease);flex:none;margin-top:2px;margin-left:auto}.wsp-faq__item[open] .wsp-faq__icon{transform:rotate(45deg)}.wsp-faq__a{padding:0 0 var(--wsp-s6) calc(32px + var(--wsp-s4));color:var(--wsp-ink-2);font-size:var(--wsp-text-sm);line-height:var(--wsp-leading-loose)}.wsp-faq__a p+p{margin-top:.6em}.wsp-faq__a a{color:var(--wsp-primary);text-underline-offset:3px;text-decoration:underline}.wsp-cta{border-radius:var(--wsp-r-2xl);padding:var(--wsp-s12);background:linear-gradient(120deg, var(--wsp-green-100) 0%, var(--wsp-sky-100) 100%);gap:var(--wsp-s8);grid-template-columns:1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.wsp-cta__title{font-size:var(--wsp-text-3xl)}.wsp-cta__desc{margin-top:var(--wsp-s3);color:var(--wsp-ink-2);line-height:var(--wsp-leading-loose)}.wsp-cta__actions{gap:var(--wsp-s3);margin-top:var(--wsp-s6);flex-wrap:wrap;display:flex}.wsp-cta__mascot{filter:drop-shadow(0 8px 16px #1b3f082e);width:180px;height:auto}.wsp-header{z-index:40;-webkit-backdrop-filter:blur(10px)saturate(140%);background:#ffffffdb;border-bottom:1px solid #1f29370f;position:sticky;top:0}.wsp-header__inner{align-items:center;gap:var(--wsp-s6);min-height:68px;display:flex}.wsp-brand{font-family:var(--wsp-font-display);color:var(--wsp-ink);align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.wsp-brand__icon{width:36px;height:36px;box-shadow:var(--wsp-shadow-subtle);border-radius:9px;flex:none;overflow:hidden}.wsp-brand__icon img{object-fit:cover;width:100%;height:100%}.wsp-brand__sub{font-family:var(--wsp-font-body);font-size:var(--wsp-text-xs);color:var(--wsp-ink-3);margin-left:4px;font-weight:500}.wsp-header__nav{gap:var(--wsp-s6);font-size:var(--wsp-text-sm);color:var(--wsp-ink-2);margin-left:auto;font-weight:500;display:flex}.wsp-header__nav a{border-bottom:2px solid #0000;padding:6px 0;transition:color .15s,border-color .15s}.wsp-header__nav a:hover{color:var(--wsp-ink);border-bottom-color:var(--wsp-green-400)}.wsp-header__cta{margin-left:var(--wsp-s2)}.wsp-header__toggle{border-radius:var(--wsp-r-md);border:1px solid var(--wsp-line);background:var(--wsp-bg);cursor:pointer;place-items:center;width:44px;height:44px;margin-left:auto;display:none}.wsp-header__toggle svg{width:22px;height:22px}.wsp-header__panel{border-top:1px solid var(--wsp-line);background:var(--wsp-bg);display:none}.wsp-header__panel ul{padding:var(--wsp-s3) 0;gap:2px;display:grid}.wsp-header__panel a{border-radius:var(--wsp-r-sm);padding:12px 8px;font-weight:500;display:block}.wsp-header__panel a:hover{background:var(--wsp-bg-soft)}.wsp-header__panel .wsp-btn{margin:var(--wsp-s2) 0 var(--wsp-s4)}.wsp-header.is-open .wsp-header__panel{display:block}.wsp-footer{background:var(--wsp-bg-paper);border-top:1px solid var(--wsp-line);padding:var(--wsp-s16) 0 var(--wsp-s8)}.wsp-footer__grid{gap:var(--wsp-s8);grid-template-columns:1.4fr 1fr 1fr;display:grid}.wsp-footer__tagline{margin-top:var(--wsp-s3);color:var(--wsp-ink-2);font-size:var(--wsp-text-sm);max-width:36ch;line-height:var(--wsp-leading-loose)}.wsp-footer__heading{font-family:var(--wsp-font-display);font-size:var(--wsp-text-sm);color:var(--wsp-ink-3);margin-bottom:var(--wsp-s3);font-weight:700}.wsp-footer__links{font-size:var(--wsp-text-sm);color:var(--wsp-ink-2);gap:8px;display:grid}.wsp-footer__links a:hover{color:var(--wsp-primary)}.wsp-footer__bottom{margin-top:var(--wsp-s10);padding-top:var(--wsp-s5);border-top:1px solid var(--wsp-line);justify-content:space-between;gap:var(--wsp-s4);font-size:var(--wsp-text-xs);color:var(--wsp-ink-3);flex-wrap:wrap;display:flex}.wsp-footer__legal{font-size:var(--wsp-text-xs);color:var(--wsp-ink-3);margin-top:var(--wsp-s4);max-width:60ch;line-height:1.8}.wsp-hero{padding:var(--wsp-s16) 0 var(--wsp-s20);background:radial-gradient(1100px 560px at 85% -10%, var(--wsp-sky-100), transparent 60%), radial-gradient(900px 500px at -5% 105%, var(--wsp-green-50), transparent 60%), var(--wsp-bg);position:relative;overflow:hidden}.wsp-hero__grid{gap:var(--wsp-s12);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.wsp-hero__title{font-size:var(--wsp-text-display);margin-top:var(--wsp-s5)}.wsp-hero__title em{color:var(--wsp-green-800);background:linear-gradient(transparent 60%, var(--wsp-sun-300) 60%);padding:0 .05em;font-style:normal}.wsp-hero__lead{margin-top:var(--wsp-s6);font-size:var(--wsp-text-lg);color:var(--wsp-ink-2);line-height:var(--wsp-leading-loose);max-width:34em}.wsp-hero__actions{gap:var(--wsp-s3);margin-top:var(--wsp-s8);flex-wrap:wrap;display:flex}.wsp-hero__pills{gap:var(--wsp-s2);margin-top:var(--wsp-s6);flex-wrap:wrap;display:flex}.wsp-hero__note{margin-top:var(--wsp-s4);font-size:var(--wsp-text-xs);color:var(--wsp-ink-3)}.wsp-hero__visual{padding-bottom:var(--wsp-s6);position:relative}.wsp-hero__mascot{filter:drop-shadow(0 8px 16px #1b3f082e);width:150px;height:auto;position:absolute;bottom:-12px;right:-8px}.wsp-device{box-shadow:var(--wsp-shadow-float);aspect-ratio:4/3;background:#111827;border-radius:28px;padding:14px;position:relative}.wsp-device__screen{background:var(--wsp-bg);border-radius:16px;position:absolute;inset:14px;overflow:hidden}.wsp-device__cam{background:#374151;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.wsp-device__caption{text-align:center;font-size:var(--wsp-text-xs);color:var(--wsp-ink-3);margin-top:var(--wsp-s3)}.wsp-video{object-fit:cover;background:var(--wsp-bg);width:100%;height:100%;display:block;position:absolute;inset:0}.wsp-device-row--single{max-width:calc(50% - var(--wsp-s4));margin-left:auto;margin-right:auto}@media (max-width:900px){.wsp-device-row--single{max-width:100%}}.wsp-mock{color:var(--wsp-ink);background:var(--wsp-bg-soft);flex-direction:column;font-size:12px;display:flex;position:absolute;inset:0}.wsp-mock__bar{background:var(--wsp-bg);border-bottom:1px solid var(--wsp-line);align-items:center;gap:8px;padding:10px 14px;display:flex}.wsp-mock__avatar{background:var(--wsp-green-300);border:2px solid var(--wsp-green-800);border-radius:50%;flex:none;width:26px;height:26px}.wsp-mock__title{font-family:var(--wsp-font-display);font-size:13px;font-weight:700}.wsp-mock__pts{border-radius:var(--wsp-r-pill);background:var(--wsp-sun-100);color:var(--wsp-sun-700);font-weight:700;font-family:var(--wsp-font-num);margin-left:auto;padding:2px 8px;font-size:11px}.wsp-mock__body{flex:1;grid-template-columns:1fr 104px;gap:12px;min-height:0;padding:12px 14px;display:grid}.wsp-mock__week{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px;display:grid}.wsp-mock__day{text-align:center;font-family:var(--wsp-font-num);background:var(--wsp-bg);border:1px solid var(--wsp-line);color:var(--wsp-ink-3);border-radius:8px;padding:4px 0;font-size:10px;line-height:1.3}.wsp-mock__day small{font-size:8px;display:block}.wsp-mock__day.is-today{background:var(--wsp-green-400);border-color:var(--wsp-green-800);color:var(--wsp-green-900);font-weight:700}.wsp-mock__h{font-family:var(--wsp-font-display);margin-bottom:6px;font-size:12px;font-weight:700}.wsp-mock__task{background:var(--wsp-bg);border:1px solid var(--wsp-line);box-shadow:var(--wsp-shadow-subtle);border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;font-size:11px;display:flex}.wsp-mock__task .wsp-badge{padding:0 7px;font-size:9px;line-height:1.6}.wsp-mock__task.is-done{opacity:.6}.wsp-mock__task.is-done .wsp-mock__name{text-decoration:line-through}.wsp-mock__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wsp-mock__slot{color:var(--wsp-ink-3);font-size:9px;font-family:var(--wsp-font-num);white-space:nowrap}.wsp-mock__box{border:2px solid var(--wsp-line-2);color:#fff;border-radius:5px;flex:none;place-items:center;width:16px;height:16px;margin-left:auto;display:grid}.wsp-mock__box.is-on{background:var(--wsp-green-500);border-color:var(--wsp-green-700)}.wsp-mock__box svg{width:10px;height:10px}.wsp-mock__side{flex-direction:column;align-items:center;gap:8px;display:flex}.wsp-mock__ring{width:96px;height:96px;position:relative}.wsp-mock__ring svg{width:96px;height:96px;transform:rotate(-90deg)}.wsp-mock__ring-label{text-align:center;font-family:var(--wsp-font-num);place-items:center;font-size:16px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.wsp-mock__ring-label small{color:var(--wsp-ink-3);font-size:8px;font-family:var(--wsp-font-body);margin-top:3px;display:block}.wsp-mock__bubble{background:var(--wsp-bg);border:1px solid var(--wsp-line);border-radius:10px;width:100%;padding:8px;font-size:10px;line-height:1.5}.wsp-mock-kanban{background:var(--wsp-bg-soft);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;font-size:11px;display:grid;position:absolute;inset:0}.wsp-mock-kanban__col{background:var(--wsp-bg);border:1px solid var(--wsp-line);border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.wsp-mock-kanban__head{font-family:var(--wsp-font-display);align-items:center;gap:6px;padding:2px 4px 6px;font-size:11px;font-weight:700;display:flex}.wsp-mock-kanban__head:before{content:"";background:var(--_c,var(--wsp-ink-4));border-radius:50%;width:8px;height:8px}.wsp-mock-kanban__count{font-family:var(--wsp-font-num);color:var(--wsp-ink-3);margin-left:auto;font-weight:500}.wsp-mock-kanban__card{border:1px solid var(--wsp-line);background:var(--wsp-bg);box-shadow:var(--wsp-shadow-subtle);border-radius:8px;padding:6px 8px 6px 11px;position:relative}.wsp-mock-kanban__card:before{content:"";background:var(--_c,var(--wsp-ink-4));border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:0}.wsp-mock-kanban__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wsp-mock-kanban__meta{color:var(--wsp-ink-3);font-size:9px;font-family:var(--wsp-font-num);gap:6px;margin-top:4px;display:flex}.wsp-mock-mask{background:var(--wsp-bg-soft);flex-direction:column;font-size:11px;display:flex;position:absolute;inset:0}.wsp-mock-mask__top{background:var(--wsp-bg);border-bottom:1px solid var(--wsp-line);align-items:center;gap:6px;padding:8px 12px;display:flex}.wsp-mock-mask__chip{border:1px solid var(--wsp-line-2);color:var(--wsp-ink-2);border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.wsp-mock-mask__chip.is-on{background:var(--wsp-primary);border-color:var(--wsp-primary);color:#fff}.wsp-mock-mask__progress{color:var(--wsp-green-700);margin-left:auto;font-size:10px;font-weight:700}.wsp-mock-mask__page{border:1px solid var(--wsp-line);box-shadow:var(--wsp-shadow-subtle);background:#fff;border-radius:8px;flex:1;margin:10px 14px 0;padding:12px 14px;line-height:1.9;overflow:hidden}.wsp-mock-mask__h{font-family:var(--wsp-font-display);margin-bottom:4px;font-size:12px;font-weight:700}.wsp-mock-mask__line{color:var(--wsp-ink);margin:0}.wsp-mock-mask__m{vertical-align:-.15em;background:var(--_c,#111827);border-radius:3px;min-width:44px;height:1.1em;display:inline-block}.wsp-mock-mask__m.is-open{border:1.5px solid var(--_c,#111827);vertical-align:baseline;background:0 0;min-width:0;height:auto;padding:0 4px;font-weight:700}.wsp-mock-mask__bar{gap:8px;padding:10px 14px 12px;display:flex}.wsp-mock-mask__btn{text-align:center;color:#fff;background:var(--_c);border-radius:10px;flex:1;padding:8px 4px;font-size:11px;font-weight:700}.wsp-form{gap:var(--wsp-s5);display:grid}.wsp-field{gap:6px;display:grid}.wsp-field__label{font-weight:700;font-size:var(--wsp-text-sm);font-family:var(--wsp-font-display)}.wsp-field__req{color:var(--wsp-subj-kokugo-ink);font-size:var(--wsp-text-xs);margin-left:6px;font-weight:700}.wsp-field__opt{color:var(--wsp-ink-3);font-size:var(--wsp-text-xs);margin-left:6px;font-weight:500}.wsp-field__hint{font-size:var(--wsp-text-xs);color:var(--wsp-ink-3)}.wsp-input,.wsp-select,.wsp-textarea{border:1.5px solid var(--wsp-line-2);border-radius:var(--wsp-r-md);background:var(--wsp-bg);width:100%;min-height:48px;font-size:var(--wsp-text-md);padding:10px 14px;transition:border-color .15s,box-shadow .15s}.wsp-input:focus,.wsp-select:focus,.wsp-textarea:focus{border-color:var(--wsp-primary);box-shadow:0 0 0 4px var(--wsp-primary-100);outline:none}.wsp-input[aria-invalid=true],.wsp-select[aria-invalid=true],.wsp-textarea[aria-invalid=true]{border-color:var(--wsp-subj-kokugo)}.wsp-textarea{resize:vertical;min-height:120px;line-height:1.7}.wsp-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.wsp-choice{flex-wrap:wrap;gap:8px;display:flex}.wsp-choice label{border:1.5px solid var(--wsp-line-2);border-radius:var(--wsp-r-pill);font-size:var(--wsp-text-sm);cursor:pointer;background:var(--wsp-bg);align-items:center;gap:8px;padding:8px 14px;transition:border-color .15s,background .15s;display:inline-flex}.wsp-choice label:has(input:checked){border-color:var(--wsp-primary);background:var(--wsp-primary-50);color:var(--wsp-primary);font-weight:700}.wsp-choice input{accent-color:var(--wsp-primary);width:16px;height:16px}.wsp-consent{font-size:var(--wsp-text-sm);align-items:flex-start;gap:10px;line-height:1.7;display:flex}.wsp-consent input{accent-color:var(--wsp-primary);flex:none;width:18px;height:18px;margin-top:4px}.wsp-consent a{color:var(--wsp-primary);text-underline-offset:3px;text-decoration:underline}.wsp-form__error{color:var(--wsp-subj-kokugo-ink);font-size:var(--wsp-text-xs);font-weight:700}.wsp-form__result{padding:var(--wsp-s6);border-radius:var(--wsp-r-lg);line-height:var(--wsp-leading-loose)}.wsp-form__result--success{background:var(--wsp-green-50);border:1px solid var(--wsp-green-200)}.wsp-form__result--error{background:var(--wsp-subj-kokugo-tint);border:1px solid #fca5a5}.wsp-form__result-title{font-family:var(--wsp-font-display);font-weight:700;font-size:var(--wsp-text-xl);margin-bottom:var(--wsp-s2)}.wsp-form__actions{gap:var(--wsp-s3);margin-top:var(--wsp-s2);flex-wrap:wrap;align-items:center;display:flex}.wsp-prose{color:var(--wsp-ink-2);font-size:var(--wsp-text-sm);line-height:var(--wsp-leading-loose)}.wsp-prose p+p{margin-top:.8em}.wsp-prose a{color:var(--wsp-primary);text-underline-offset:3px;text-decoration:underline}.wsp-prose ul{padding-left:1.3em;list-style:outside}.wsp-prose li+li{margin-top:4px}.wsp-prose strong{color:var(--wsp-ink);font-weight:700}@media (max-width:900px){.wsp-section{padding-block:var(--wsp-s16)}.wsp-grid--3,.wsp-grid--4,.wsp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wsp-hero{padding:var(--wsp-s12) 0 var(--wsp-s16)}.wsp-hero__grid,.wsp-split{grid-template-columns:1fr}.wsp-split--reverse>:first-child{order:0}.wsp-header__nav,.wsp-header__cta{display:none}.wsp-header__toggle{display:grid}.wsp-footer__grid{grid-template-columns:1fr 1fr}.wsp-cta{padding:var(--wsp-s8);grid-template-columns:1fr}.wsp-cta__mascot{display:none}.wsp-mode{padding:var(--wsp-s6)}}@media (max-width:600px){.wsp-grid--2,.wsp-grid--3,.wsp-grid--4,.wsp-steps,.wsp-footer__grid{grid-template-columns:1fr}.wsp-hero__actions .wsp-btn,.wsp-cta__actions .wsp-btn{flex:auto}.wsp-hero__mascot{width:110px;right:-4px}.wsp-mock__body{grid-template-columns:1fr 88px}.wsp-section__title{font-size:28px}}@media (prefers-reduced-motion:reduce){.wsp *,.wsp :before,.wsp :after{transition:none!important;animation:none!important}}