*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:#0f172a;background:linear-gradient(#f8fafc,#fff);font-family:-apple-system,BlinkMacSystemFont,PingFang HK,PingFang TC,Microsoft JhengHei,Noto Sans TC,Heiti TC,Arial,sans-serif;writing-mode:horizontal-tb!important;text-orientation:mixed!important}img{max-width:100%;display:block}.min-h-screen{min-height:100vh}.page{padding:1rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:1fr}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:1fr 1fr 320px}}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.tabular-nums{font-variant-numeric:tabular-nums}.mb-2{margin-bottom:.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace}.accent-sky-600{accent-color:#0284c7}.card{border:1px solid #e2e8f0;background:#fff;border-radius:1rem;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a;padding:1rem}.title{font-weight:600;margin-bottom:.25rem}.panel{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;background:#fff;min-height:14rem}.panel-muted{background:#f8fafc}.txt{white-space:pre-wrap;word-break:break-all;line-height:2rem;font-size:1.125rem}.txt span{padding:0 .125rem;border-radius:.25rem}.txt .ok{color:#059669}.txt .err{background:#ffe4e6;color:#be123c;text-decoration:underline;text-decoration-color:#f43f5e}.txt .curr{outline:1px solid #f59e0b;background:transparent;position:relative}.txt .curr:after{content:"";display:inline-block;width:2px;height:1.15em;vertical-align:-.2em;background:#f59e0b;margin-left:1px;animation:cjblink 1s steps(1) infinite}@keyframes cjblink{50%{opacity:0}}.input{width:100%;border:1px solid #e2e8f0;background:#fff;border-radius:.75rem;padding:.75rem;font:inherit;color:inherit;outline:none}.input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.btn{border-radius:1rem;padding:.5rem 1rem;border:none;cursor:pointer;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.btn-sm{padding:.25rem .6rem;font-size:.875rem}.btn-green{background:#059669;color:#fff}.btn-red{background:#e11d48;color:#fff}.btn-ghost{background:#fff;border:1px solid #e2e8f0}.btn-green:hover,.btn-red:hover{filter:brightness(.95)}.col-middle{display:flex;flex-direction:column;min-height:calc(100vh - 220px)}.ime-box{width:100%;flex:1 1 auto;min-height:60vh;resize:none;padding:14px 16px;font-size:18px;line-height:1.6;border:1px solid #e5e7eb;border-radius:12px;outline:none}.ime-box.is-focused{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf833}.right-sticky{display:grid;gap:1rem;align-content:start}.sticky-box{position:sticky;top:.75rem}.chart{width:100%;height:auto;object-fit:contain;border-radius:.75rem;border:1px solid #e2e8f0}.info .row{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.label{color:#475569;font-size:.875rem}.badge{display:inline-block;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.2rem .5rem;min-width:2.25rem;text-align:center}.badge.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace}.hidden-input{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;border:0;padding:0;pointer-events:none}@media (max-width:480px){.txt{font-size:1rem;line-height:1.8rem}}.btn-group{display:inline-flex;gap:.375rem}.btn-toggle{border-radius:.5rem}.btn-toggle.is-active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}