.site-header{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.site-header-logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--color-text);border-radius:var(--radius-sm);font-weight:700;text-decoration:none;display:flex}.site-header-icon{width:28px;height:28px}.site-header-tagline,.site-header-reading{font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:400}@media (width<=600px){.site-header-tagline,.site-header-reading{display:none}}.site-header-links{align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);margin-left:auto;display:flex}.site-header-lang-link{min-width:44px;min-height:44px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-muted);justify-content:center;align-items:center;font-weight:700;display:flex}.site-header-links a{min-width:44px;min-height:44px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.site-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-base);text-align:center}.site-footer-text{margin:0}.error-page{padding:var(--space-8) var(--space-4);justify-content:center;display:flex}.error-page-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:28rem;box-shadow:var(--shadow-1);padding:var(--space-8) var(--space-6)}.error-page-mark{background:var(--color-muted);width:56px;height:56px;color:var(--color-danger);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.error-page-title{font-size:var(--font-size-lg);margin:0 0 var(--space-2);line-height:1.4}.error-page-message{color:var(--color-text-muted);margin:0 0 var(--space-6)}.error-page-back{min-height:44px;padding:0 var(--space-6);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-surface);font:inherit;font-size:var(--font-size-base);cursor:pointer;transition:opacity var(--transition);border:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.error-page-back:hover{opacity:.85}.site-layout{flex-direction:column;height:100svh;display:flex;overflow:hidden}.site-scroll-area{overscroll-behavior-y:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.site-main{width:100%;max-width:960px;padding:var(--space-2);flex:1;margin:0 auto}.route-loading{margin:var(--space-8) 0;color:var(--color-text-muted);text-align:center}@media print{.site-layout{height:auto;display:block;overflow:visible}.site-scroll-area{display:block;overflow:visible}.site-header,.site-footer{display:none}.site-main{padding:0}}*,:before,:after{box-sizing:border-box}:root{--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--color-bg:#fff;--color-surface:#fff;--color-muted:#eef0f4;--color-border:#dcdfe5;--color-text:#1b1f26;--color-text-muted:#5c6470;--color-accent:#264af4;--color-danger:#c92a2a;--subject-japanese:#e03131;--subject-math:#1c7ed6;--subject-science:#2f9e44;--subject-social:#f08c00;--subject-english:#7048e8;--subject-music:#c2255c;--subject-art:#e8590c;--subject-pe:#0c8599;--subject-tech:#74b816;--subject-info:#495057;--subject-ai:#4263eb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:16px;--radius-sm:8px;--transition:.15s;--shadow-1:0 1px 2px #10182814, 0 4px 12px #1018281a;--shadow-2:0 2px 4px #1018281a, 0 12px 24px #10182824}body{background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);margin:0;line-height:1.7}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.subject-grid{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@media (width<=900px){.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.subject-grid{gap:var(--space-2)}}.page-intro{margin-bottom:var(--space-6)}.page-intro h1{font-size:var(--font-size-lg);margin:0;line-height:1.4}.page-intro p{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.sticky-page-header{z-index:5;margin-top:calc(-1 * var(--space-2));padding-top:var(--space-2);background:var(--color-bg);position:sticky;top:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}