:root{color-scheme:light;--ink:#17242b;--muted:#788187;--line:#e4e6e4;--paper:#f5f5f1;--accent:#bb603f;--serif:Georgia,"Noto Serif TC",serif;--sans:Arial,"Noto Sans TC",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button{color:inherit}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.17em;color:#87908b}
.chinese-converter-panel{display:grid;gap:9px;padding:10px 0 2px}.chinese-converter-direction{display:grid;grid-template-columns:1fr 1fr;gap:5px}.chinese-converter-direction button,.chinese-converter-copy{min-height:31px;padding:6px 5px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:9px;line-height:1.35;cursor:pointer}.chinese-converter-direction button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink)}.chinese-converter-field{display:grid;gap:5px;color:var(--muted);font-size:9px}.chinese-converter-field textarea{display:block;width:100%;min-height:88px;resize:vertical;padding:8px;border:1px solid var(--line);border-radius:7px;outline:none;background:color-mix(in srgb,var(--paper) 82%,transparent);color:var(--ink);font-size:11px;line-height:1.55}.chinese-converter-field textarea:focus{border-color:var(--accent)}.chinese-converter-field textarea::placeholder{color:var(--muted);opacity:.75}.chinese-converter-run{min-height:34px;padding:7px 10px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;font-size:10px;cursor:pointer}.chinese-converter-run:disabled,.chinese-converter-copy:disabled{opacity:.5;cursor:not-allowed}.chinese-converter-copy{width:100%;border-radius:7px}.chinese-converter-copy:not(:disabled):hover,.chinese-converter-direction button:hover{border-color:var(--accent);color:var(--ink)}:root[data-theme="dark"] .chinese-converter-field textarea{background:rgba(255,255,255,.04)}:root:is([data-theme="glass"],[data-theme="liquid-glass"]) .chinese-converter-field textarea{background:rgba(255,255,255,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.utility-modal-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:28px;background:rgba(14,23,27,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.utility-modal-window{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1000px,calc(100vw - 56px));height:min(720px,calc(100dvh - 56px));min-height:min(480px,calc(100dvh - 56px));overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px rgba(5,14,18,.35)}
.utility-modal-window-chineseConverter{width:min(1040px,calc(100vw - 56px));height:min(820px,calc(100dvh - 56px))}
.utility-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 30px 20px;border-bottom:1px solid var(--line)}
.utility-modal-head .eyebrow{font-size:9px}.utility-modal-head h2{margin:7px 0 3px;font-family:var(--serif);font-size:24px;font-weight:400}.utility-modal-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.utility-modal-close{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.utility-modal-close:hover{border-color:var(--accent);color:var(--accent)}
.utility-modal-body{min-height:0;overflow:auto;padding:22px 30px}.utility-modal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;width:100%;min-height:100%}.utility-modal-links a{position:relative;display:grid;align-content:center;gap:7px;min-height:112px;padding:18px 46px 18px 18px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--paper) 92%,var(--accent) 4%);color:var(--ink);text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.utility-modal-links a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--paper))}.utility-modal-links b{font-size:14px;font-weight:600}.utility-modal-links span{color:var(--muted);font-size:11px;line-height:1.5}.utility-modal-links svg{position:absolute;top:19px;right:18px;color:var(--muted)}
.utility-chinese-converter{gap:16px;padding:0}.utility-chinese-converter .chinese-converter-direction{display:flex;gap:8px}.utility-chinese-converter .chinese-converter-direction button{min-height:42px;padding:8px 15px;font-size:12px}.utility-converter-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0}.utility-converter-workspace .chinese-converter-field{gap:8px;font-size:12px}.utility-converter-workspace .chinese-converter-field textarea{min-height:300px;height:100%;padding:13px;font-size:14px;line-height:1.65}.utility-converter-actions{display:flex;gap:9px}.utility-converter-actions .chinese-converter-run,.utility-converter-actions .chinese-converter-copy{width:auto;min-width:138px;min-height:42px;padding:0 16px;font-size:12px}
:root[data-theme="dark"] .utility-modal-window{background:#171d1c}:root:is([data-theme="glass"],[data-theme="liquid-glass"]) .utility-modal-window{border-color:rgba(255,255,255,.78);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(226,240,246,.93));backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
@media(max-width:700px){.utility-modal-backdrop{padding:10px}.utility-modal-window,.utility-modal-window-chineseConverter{width:100%;height:calc(100dvh - 20px);min-height:0;border-radius:10px}.utility-modal-head{padding:17px 17px 14px}.utility-modal-head h2{font-size:21px}.utility-modal-head p{font-size:11px}.utility-modal-close{width:34px;height:34px}.utility-modal-body{padding:15px 17px}.utility-modal-links{grid-template-columns:1fr;align-content:start;gap:8px}.utility-modal-links a{min-height:84px;padding:14px 40px 14px 14px}.utility-modal-links b{font-size:13px}.utility-modal-links svg{top:16px;right:14px}.utility-chinese-converter{gap:13px}.utility-chinese-converter .chinese-converter-direction{display:grid;grid-template-columns:1fr 1fr}.utility-chinese-converter .chinese-converter-direction button{padding:8px 5px;font-size:11px}.utility-converter-workspace{grid-template-columns:1fr;gap:12px}.utility-converter-workspace .chinese-converter-field textarea{min-height:180px;font-size:16px}.utility-converter-actions{display:grid;grid-template-columns:1fr 1fr}.utility-converter-actions .chinese-converter-run,.utility-converter-actions .chinese-converter-copy{min-width:0;width:100%;padding:0 8px;font-size:11px}}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e8ece9;--muted:#a2ada7;--line:#39433f;--paper:#171d1c;--accent:#d08a67}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#202d33;color:#fff;padding:10px 15px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}
.toast:not(:empty){opacity:1}
body{display:grid;place-items:center;min-height:100dvh;padding:28px;background:var(--page-bg)}.utility-modal-window-chineseConverter{width:min(1040px,100%);height:min(820px,calc(100dvh - 56px));min-height:480px}.utility-modal-head h1{margin:7px 0 3px;font-family:var(--serif);font-size:24px;font-weight:400}.install-button{min-height:38px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer;font-size:12px;white-space:nowrap}.local-note{font-size:11px;color:var(--muted);margin:20px 0 0}button:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){body{padding:8px}.utility-modal-window-chineseConverter{width:100%;height:calc(100dvh - 16px);min-height:0}.utility-modal-head{gap:10px}.utility-converter-workspace .chinese-converter-field textarea{height:clamp(108px,22dvh,200px);min-height:clamp(108px,22dvh,200px)}.utility-modal-head h1{font-size:21px}.install-button{font-size:11px;padding:7px}}

:root{--page-bg:#e9ece8}:root[data-theme="dark"]{--page-bg:#10181c}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.utility-converter-workspace textarea{font-weight:400}.chinese-converter-direction button,.utility-converter-actions button{font-weight:400}@media(max-width:420px){.header-actions{max-width:105px}.install-button{min-height:36px}}

.tool-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.tool-footer .local-note{margin:0}.version-button{border:0;background:transparent;color:var(--muted);padding:7px 0;font-size:11px;cursor:pointer;text-underline-offset:3px}.version-button:hover{text-decoration:underline;color:var(--ink)}

.utility-converter-actions{flex-wrap:wrap}

.tool-footer{justify-content:flex-end}