:root{--color-primary:#38638d;--color-accent:#a0c0e0;--color-bg:#ffffff;--color-text:#1f2933;--radius:16px;--space:8px}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space) * 2);padding:calc(var(--space) * 2) calc(var(--space) * 3);border-bottom:1px solid var(--color-accent);flex-wrap:wrap}.site-header h1{font-size:1.25rem;margin:0;flex:1 1}.site-header nav{font-size:.9rem}.account a,.link-button{margin-left:var(--space);background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font:inherit;padding:0}main{padding:calc(var(--space) * 3)}.category-block h2{font-size:1rem;color:var(--color-primary);border-left:4px solid var(--color-accent);padding-left:var(--space)}.material-list{list-style:none;margin:0 0 calc(var(--space) * 3);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:calc(var(--space) * 2);gap:calc(var(--space) * 2)}.material-card{border:1px solid var(--color-accent);border-radius:var(--radius);padding:calc(var(--space) * 2)}.material-card a{display:block;text-decoration:none;color:inherit}.material-code{display:inline-block;font-size:.75rem;color:var(--color-primary);background:rgba(160,192,224,.2);border-radius:999px;padding:2px 10px;margin-bottom:var(--space)}.material-title{display:block;font-weight:700}.progress-bar{margin-top:var(--space);height:6px;border-radius:999px;background:rgba(160,192,224,.3);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary)}.progress-label{font-size:.8rem;color:var(--color-primary)}.material-frame-wrap{padding:0 calc(var(--space) * 3) calc(var(--space) * 3)}.material-frame{width:100%;aspect-ratio:16/9;border:1px solid var(--color-accent);border-radius:var(--radius)}.note{text-align:center;color:#6b7280;font-size:.8rem}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#ffffff,#eaf2fa)}.admin-form,.auth-card{width:320px;padding:calc(var(--space) * 3);border-radius:var(--radius);border:1px solid var(--color-accent);background:#fff}.admin-form{width:auto;max-width:420px;margin-bottom:calc(var(--space) * 3)}.admin-form,.auth-card,.auth-card form{display:flex;flex-direction:column;gap:var(--space)}.admin-form label,.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.admin-form input,.admin-table select,.auth-card input{padding:var(--space);border:1px solid var(--color-accent);border-radius:8px;font-size:1rem}.admin-form button,.admin-table button,.auth-card button{margin-top:var(--space);padding:var(--space) calc(var(--space) * 2);border:none;border-radius:999px;background:var(--color-primary);color:#fff;font-weight:700;cursor:pointer}.error{color:#b3261e}.error,.success{font-size:.85rem}.success{color:#1b7a3d}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--color-accent);padding:var(--space);text-align:left;font-size:.9rem}.inline-form{display:flex;gap:var(--space);align-items:center}