*{box-sizing:border-box} :root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#29362e;background:#f7f4ec}body{margin:0}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:25px 36px}header{display:flex;justify-content:space-between;border-bottom:1px solid #dedbd0;align-items:center}.brand{text-decoration:none;font-weight:750;letter-spacing:-.5px}.seal{display:inline-grid;place-items:center;background:#9c3d2e;color:#fff;width:32px;height:32px;margin-right:10px;border-radius:4px}nav{display:flex;gap:23px;font-size:13px}.eyebrow{color:#937048;letter-spacing:2px;font-size:11px;text-transform:uppercase;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(40px,5.5vw,68px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:20px 0}h2{font:400 30px Georgia,serif}h3{font-size:17px}.hero{padding:40px 0 30px;max-width:780px}.hero p{font-size:17px;color:#697167;line-height:1.8;max-width:650px}p,li{line-height:1.8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.panel,.card{background:#fffdf8;border:1px solid #dedbd0;padding:28px;border-radius:14px}.panel h2{margin-top:0}label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}input,select,textarea{font:inherit;color:inherit;background:white;border:1px solid #d6d6cb;border-radius:7px;padding:12px;width:100%}textarea{min-height:100px;resize:vertical}button,.button{display:inline-block;cursor:pointer;border:0;border-radius:7px;background:#294f3b;color:white;padding:13px 20px;font:600 14px system-ui;text-decoration:none}button:disabled{opacity:.45;cursor:default}.secondary{background:#eeeade;color:#425044}button:hover,.button:hover{filter:brightness(.94)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.note,.meta{font-size:12px;color:#73796f}.result-panel{background:#eeeee1;min-height:340px}.empty{display:grid;place-items:center;text-align:center;min-height:280px;color:#7e8476}.empty span{font-size:80px;color:#9da68e}.lines{display:flex;flex-direction:column-reverse;gap:12px;width:150px;margin:26px auto}.line{display:flex;gap:16px;height:9px;position:relative}.line i{background:#294f3b;height:9px;flex:1}.line.moving:after{content:'•';position:absolute;right:-20px;top:-8px;color:#a34632;font-size:20px}.line-label{position:absolute;left:-25px;top:-5px;font-size:12px}.coin-row{display:flex;gap:14px;margin:22px 0}.coin{border:2px solid #a58046;box-shadow:inset 0 0 0 4px #f2e4bf;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:#d9bc79;color:#69522d}.section{margin:55px 0}.reading{max-width:780px;margin:45px auto}.reading details{padding:18px 0;border-bottom:1px solid #dedbd0}.reading summary{cursor:pointer;font-weight:650}.name-card{margin-bottom:16px;background:#fffdf8;border:1px solid #dedbd0;border-radius:12px;padding:24px}.hanzi{font:48px/1.3 Georgia,serif;letter-spacing:8px}.pinyin{color:#946b3c;font-size:17px;margin:10px 0}.tag{display:inline-block;font-size:11px;background:#e5ebdf;border-radius:20px;padding:5px 10px;margin-bottom:10px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}footer{border-top:1px solid #dedbd0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#73796f}footer div{display:flex;gap:18px}.status{min-height:28px;color:#8b493a;font-size:13px;margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #b1915b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:720px){header,main,footer{padding:20px}.grid{grid-template-columns:1fr}nav{gap:12px;font-size:12px}.hero{padding:20px 0}.panel{padding:22px}footer{flex-direction:column}h1{letter-spacing:-1px}.twocol{grid-template-columns:1fr}.hanzi{font-size:42px}}.language-control{margin:0 0 0 18px;font-weight:400}.language-control select{font-size:12px;max-width:155px;padding:8px 24px 8px 9px;background:#fffdf8}header nav{margin-left:auto}html[lang=el] h1,html[lang=ru] h1,html[lang=uk] h1,html[lang=bg] h1{font-family:Georgia,serif}nav a{white-space:nowrap}@media(max-width:720px){header{flex-wrap:wrap;gap:16px}header nav{order:3;width:100%;margin:0;justify-content:space-between}.language-control{margin-left:auto}.language-control select{max-width:130px}h1{overflow-wrap:anywhere}button{max-width:100%}}
.language-links{flex-basis:100%;font-size:12px}.language-links summary{cursor:pointer}.language-links a{display:inline-block;margin:12px 15px 0 0}footer{flex-wrap:wrap}
/* Responsive layout: intrinsic sizing, readable controls and long localized copy. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}header,main,footer{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>*,.twocol>*{min-width:0}.panel,.card,.name-card{overflow-wrap:anywhere}input,select,textarea{min-width:0;max-width:100%;min-height:44px;font-size:16px}button,.button{min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}h1,h2,h3,p,summary{overflow-wrap:break-word}.actions>*{min-width:0}footer div{flex-wrap:wrap}.language-links{min-width:0}nav a{white-space:normal}.brand{flex-shrink:0}.language-control{min-width:0}input[type=date],input[type=time]{display:block;width:100%;appearance:none;-webkit-appearance:none}
@media(min-width:721px) and (max-width:1000px){header,main,footer{padding-left:26px;padding-right:26px}.panel{padding:22px}.name-card{padding:20px}.twocol{grid-template-columns:1fr}header{gap:16px;flex-wrap:wrap}header nav{gap:16px}.language-control{margin-left:0}}
@media(max-width:900px){.grid{grid-template-columns:minmax(0,1fr)}.result-panel{min-height:260px}.empty{min-height:220px}.hero{max-width:100%}}
@media(max-width:480px){header,main,footer{padding-left:16px;padding-right:16px}h1{font-size:clamp(32px,9vw,43px);line-height:1.14}h2{font-size:26px}.hero p{font-size:16px}.panel,.card{padding:20px}.name-card{padding:18px}.actions{gap:8px}.actions button{flex:1 1 130px}.language-control select{max-width:125px;min-height:44px}.hanzi{font-size:38px;letter-spacing:5px}.reading{margin-top:32px}.language-links a{padding:6px 0}header nav a{padding:8px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.tool-cards>a{color:inherit;text-decoration:none}.tool-results{min-width:0}.tool-results pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:540px;overflow:auto;font-size:14px}.tool-results canvas,.tool-results img{max-width:100%;height:auto}.tool-results svg{width:100%;max-width:360px;height:auto}.tool-results a{display:inline-block;margin:8px 12px 8px 0}.tool-results .name-card{border-bottom:1px solid #ddd;padding:16px 0}.tool-results .hanzi{font-size:30px}.tool-results button{margin:4px;max-width:100%;overflow-wrap:anywhere;text-align:left}.tree{max-height:320px;overflow:auto}.tools-banner{padding:12px 0}input[type=checkbox]{width:auto;min-height:auto}.pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#status{overflow-wrap:anywhere}textarea{width:100%;max-width:100%;box-sizing:border-box}input[type=file]{max-width:100%;width:100%;box-sizing:border-box}