@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F5F0E8;--bg-card: #FAF7F2;--text: #1A1208;--text-2: #5C5040;--text-3: #9C8A78;--accent: #C5381A;--accent-light:#FDE9E5;--gold: #B8942E;--gold-light: #FDF5DC;--border: #E0D8CC;--success: #3D7A4A;--font-serif: "EB Garamond", "Noto Serif JP", Georgia, serif;--font-sans: "Noto Sans JP", system-ui, -apple-system, sans-serif;--font-jp: "Noto Serif JP", "Noto Sans JP", serif;--color-text-primary: var(--text);--color-text-secondary: var(--text-2);--color-text-tertiary: var(--text-3);--color-background-primary: var(--bg);--color-background-secondary:var(--bg-card);--color-border-secondary: var(--border);--color-border-tertiary: var(--border);--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 14px}html{font-size:16px}body{background:var(--bg);background-image:radial-gradient(ellipse at 15% 15%,rgba(197,56,26,.04) 0%,transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(184,148,46,.03) 0%,transparent 55%);color:var(--text);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}input,select,textarea{font-family:var(--font-sans);outline:none}input:focus,select:focus{border-color:var(--accent)!important}button{font-family:var(--font-sans)}.jp{font-family:var(--font-jp)}img{display:block}.card-hover{transition:all .18s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a12081a}.kanji-cell{transition:all .15s}.kanji-cell:hover{transform:translateY(-2px)}.level-road{display:flex;align-items:stretch;gap:7px}.level-road__sep{display:flex;align-items:center;font-size:16px;flex-shrink:0}.level-card{transition:box-shadow .15s}.level-card.is-live:hover{box-shadow:0 4px 14px #c5381a2e}@media(max-width:540px){.level-road{flex-wrap:wrap}.level-road__sep{display:none}.level-card{min-width:calc(50% - 8px)!important}}@media(min-width:768px){.sidebar-desktop{transform:translate(0)!important;position:fixed!important}.main-content{margin-left:240px!important}.bottom-nav,.sidebar-overlay,.mobile-menu-btn{display:none!important}}@media(max-width:767px){.main-content main{padding-bottom:80px!important}}@media print{body:after{display:none}}.blog-prose{font-size:15px;color:var(--text-2);line-height:1.75}.blog-prose h2{font-family:var(--font-serif);font-size:22px;font-weight:500;color:var(--text);margin:40px 0 14px;line-height:1.35}.blog-prose h3{font-family:var(--font-serif);font-size:17px;font-weight:500;color:var(--text);margin:28px 0 10px;line-height:1.4}.blog-prose p{margin:0 0 16px}.blog-prose ul,.blog-prose ol{margin:0 0 16px;padding-left:1.4em}.blog-prose li{margin-bottom:6px}.blog-prose li::marker{color:var(--accent)}.blog-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-prose a:hover{color:#a82e14}.blog-prose strong{color:var(--text);font-weight:600}.blog-prose hr{border:none;border-top:1px solid var(--border);margin:32px 0}.blog-prose blockquote{margin:0 0 16px;padding:14px 18px;border-left:3px solid var(--accent);background:var(--accent-light);border-radius:0 8px 8px 0;font-size:14px}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px}.blog-prose th,.blog-prose td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.blog-prose th{background:var(--bg);color:var(--text);font-weight:600;font-size:13px}.blog-prose tr:nth-child(2n) td{background:#faf7f299}.blog-prose code{font-size:.9em;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px}@media(max-width:600px){.blog-prose table{font-size:12px}.blog-prose th,.blog-prose td{padding:8px}}