:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#211d18;--accent:#8a351d;--accent-dark:#682413;--border:#d8d0c3;--muted:#6c6258;--paper:#fffdf8;background:#f4f0e7;font-family:Arial,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#fffaf0 0,#0000 38rem),#f4f0e7;flex-direction:column;min-height:100vh;margin:0;display:flex}.site-content{flex:1}.site-footer{border-top:1px solid var(--border);width:min(820px,100% - 32px);color:var(--muted);text-align:center;margin:0 auto;padding:24px 0 32px;font-size:.85rem}button,input{font:inherit}a{color:inherit}.page-shell{width:min(820px,100% - 32px);margin:0 auto;padding:72px 0}.hero{max-width:650px;margin-bottom:40px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1,.character-glyph{font-family:Georgia,Noto Serif KR,serif}.hero h1{margin:10px 0 16px;font-size:clamp(3.6rem,10vw,6.4rem);line-height:1}.hero-description{color:var(--muted);font-size:1.05rem;line-height:1.7}.search-form{border:1px solid var(--border);background:#fffdf8e0;border-radius:18px;padding:24px;box-shadow:0 16px 50px #3f2c1814}.search-form label{margin-bottom:10px;font-weight:700;display:block}.search-controls{grid-template-columns:1fr auto;gap:10px;display:grid}.search-controls input{border:1px solid var(--border);background:#fff;border-radius:10px;outline:none;min-width:0;padding:14px 16px}.search-controls input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8a351d1f}.search-controls button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:0 24px;font-weight:700}.search-controls button:hover{background:var(--accent-dark)}.search-controls button:disabled{cursor:wait;opacity:.65}.results-section{margin-top:36px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-heading h2{margin-bottom:0;font-size:1.25rem}.section-heading span,.status-message,.result-content small{color:var(--muted)}.status-message,.error-panel,.empty-panel{border:1px solid var(--border);background:var(--paper);border-radius:12px;padding:22px;line-height:1.6}.error-message,.error-panel{color:#7a2d1a;background:#fff4ef;border-color:#d6a291}.result-list,.language-group ul,.stroke-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.result-card{border:1px solid var(--border);background:var(--paper);border-radius:14px;grid-template-columns:74px 1fr auto;align-items:center;gap:18px;padding:18px 20px;text-decoration:none;transition:border-color .12s,transform .12s;display:grid}.result-card:hover{border-color:var(--accent);transform:translateY(-1px)}.result-character{text-align:center;font-family:Georgia,Noto Serif KR,serif;font-size:2.8rem;line-height:1}.result-content{gap:5px;display:grid}.result-content strong{font-size:1.08rem}.result-arrow{color:var(--accent);font-size:1.4rem}.back-link{color:var(--accent);margin-bottom:36px;font-weight:700;text-decoration:none;display:inline-block}.character-header{grid-template-columns:180px 1fr;align-items:center;gap:36px;margin-bottom:36px;display:grid}.character-glyph{border:1px solid var(--border);background:var(--paper);border-radius:22px;place-items:center;width:180px;height:180px;font-size:7rem;line-height:1;display:grid;box-shadow:0 18px 50px #3f2c1814}.character-header h1{margin:10px 0 8px;font-size:clamp(2rem,6vw,3.5rem)}.character-reading{color:var(--muted);margin:0;font-size:1.25rem}.metadata-grid{border:1px solid var(--border);background:var(--paper);border-radius:14px;grid-template-columns:repeat(5,1fr);margin-bottom:42px;display:grid;overflow:hidden}.metadata-item{border-right:1px solid var(--border);padding:16px}.metadata-item:last-child{border-right:0}.metadata-item dt{color:var(--muted);margin-bottom:7px;font-size:.78rem}.metadata-item dd{margin:0;font-weight:700}.detail-section{margin-top:38px}.detail-section h2{border-bottom:2px solid #332a21;padding-bottom:12px;font-size:1.3rem}.language-groups{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.language-group{border:1px solid var(--border);background:var(--paper);border-radius:12px;padding:18px}.language-group h3{color:var(--accent);margin-bottom:14px;font-size:.92rem}.language-group li{flex-wrap:wrap;align-items:baseline;gap:8px;line-height:1.5;display:flex}.language-group li span,.language-group li small,.stroke-list span,.empty-panel p{color:var(--muted)}.stroke-list li{border:1px solid var(--border);background:var(--paper);border-radius:12px;justify-content:space-between;padding:17px 18px;display:flex}.empty-panel p{margin:7px 0 0}@media (max-width:640px){.page-shell{padding:42px 0}.search-controls{grid-template-columns:1fr}.search-controls button{min-height:48px}.result-card{grid-template-columns:52px 1fr;padding:16px}.result-character{font-size:2.2rem}.result-arrow{display:none}.character-header{grid-template-columns:110px 1fr;gap:20px}.character-glyph{border-radius:16px;width:110px;height:110px;font-size:4.6rem}.metadata-grid{grid-template-columns:repeat(2,1fr)}.metadata-item{border-right:0;border-bottom:1px solid var(--border)}}