:root{color:#3d2c27;font-synthesis:none;text-rendering:optimizelegibility;--ink:#3d2c27;--muted:#796760;--paper:#fffcf7e6;--paper-solid:#fffcf7;--line:#eadbce;--accent:#cf6c3d;--accent-dark:#a94e28;--accent-soft:#f7ddca;--cream:#f8f1e8;--success:#55765c;--success-bg:#edf5ed;--danger:#a44238;--danger-bg:#fff0ed;--shadow:0 24px 70px #5735241a;background:#f8f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f8f1e8;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 12% 8%,#ebab7a2b,#0000 31rem),radial-gradient(circle at 91% 28%,#cb89671c,#0000 25rem),linear-gradient(#fbf5ed 0%,#f6eee4 100%);min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #cf6c3d4d}.page-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:56px 0 32px}.hero{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-bottom:34px;display:grid}.brand-mark{background:linear-gradient(145deg,#efb184,#d97846);border:1px solid #c062372e;border-radius:24px 24px 28px 28px;place-items:center;width:78px;height:70px;display:grid;position:relative;transform:rotate(-2deg);box-shadow:0 14px 30px #af572d33}.brand-mark__ear{z-index:-1;background:#e89a69;border-radius:7px;width:29px;height:29px;position:absolute;top:-10px;transform:rotate(45deg)}.brand-mark__ear--left{left:8px}.brand-mark__ear--right{right:8px}.brand-mark__face{color:#fffaf4;letter-spacing:-.08em;text-shadow:0 2px #7e361821;font-size:27px;font-weight:800}.hero__copy{min-width:0}.eyebrow,.section-kicker{color:var(--accent-dark);letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,58px);font-weight:850;line-height:.98}.hero__lead{color:var(--muted);margin:10px 0 0;font-size:16px}.privacy-badge{color:#6b5a53;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7ab;border:1px solid #dfd2c5;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:650;display:inline-flex}.privacy-badge span{background:#6e956f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #6e956f1f}.converter-card,.rules-card{background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #dac5b5cc}.converter-card{border-radius:30px;padding:30px}.converter-toolbar{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.converter-toolbar h2,.rules-card h2{letter-spacing:-.025em;margin:0;font-size:22px}.mode-switch{border:1px solid var(--line);background:#f6eee6;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.mode-switch button{min-width:78px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:750;transition:color .16s,background .16s,box-shadow .16s}.mode-switch button.active{background:var(--paper-solid);color:var(--accent-dark);box-shadow:0 3px 10px #5b37251a}.text-panels{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;display:grid}.text-panel{min-width:0}.text-panel__heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:9px;display:flex}.text-panel__heading label{font-size:14px;font-weight:800}.text-panel__heading span{color:#9a8479;font-size:12px}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:250px;color:var(--ink);background:#fffdfa;border-radius:18px;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,PingFang SC,monospace;font-size:15px;line-height:1.72;transition:border-color .16s,box-shadow .16s,background .16s;display:block}textarea:hover{border-color:#dac1ae}textarea:focus{border-color:#d68a61;box-shadow:0 0 0 4px #d68a611a}textarea::placeholder{color:#b3a199}.text-panel--output textarea{background:#faf5ef}.direction-mark{color:#b98568;align-self:stretch;place-items:center;padding-top:29px;display:grid}.direction-mark span{background:#fffaf5;border:1px solid #ead7c8;border-radius:50%;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.feedback-area{min-height:46px;padding-top:12px}.feedback{border-radius:10px;align-items:flex-start;gap:9px;width:fit-content;margin:0;padding:9px 12px;font-size:13px;line-height:1.5;display:flex}.feedback span{color:#fff;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid}.feedback--success{background:var(--success-bg);color:var(--success)}.feedback--success span{background:var(--success)}.feedback--error{background:var(--danger-bg);color:var(--danger)}.feedback--error span{background:var(--danger)}.converter-footer{justify-content:space-between;align-items:center;gap:20px;min-height:45px;display:flex}.actions{flex-wrap:wrap;gap:9px;display:flex}.button{cursor:pointer;border-radius:12px;min-height:42px;padding:9px 17px;font-size:14px;font-weight:780;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.46}.button--primary{border:1px solid var(--accent-dark);color:#fff;background:linear-gradient(#d97949,#c96335);box-shadow:0 8px 18px #b2522630}.button--primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 23px #b2522642}.button--secondary{color:var(--accent-dark);background:#fff8f1;border:1px solid #dfc4b2}.button--secondary:not(:disabled):hover{background:#fff4e9;border-color:#d59b78}.button--ghost{color:var(--muted);background:0 0;border:1px solid #0000}.button--ghost:not(:disabled):hover{background:#f6eee7}.copy-message{min-width:190px;color:var(--success);text-align:right;margin:0;font-size:13px}.stats{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:24px 0 0;display:grid;overflow:hidden}.stats div{background:#fffcf7f5;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 15px;display:flex}.stats dt{color:var(--muted);font-size:12px}.stats dd{color:var(--accent-dark);margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:800}.rules-card{border-radius:24px;grid-template-columns:minmax(240px,.9fr) minmax(400px,1.1fr);gap:42px;margin-top:22px;padding:26px 30px;display:grid;box-shadow:0 16px 45px #57352412}.rules-intro>p:last-child{max-width:520px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.7}.rules-intro strong{color:var(--accent-dark)}.symbol-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.symbol-map div{background:linear-gradient(150deg,#fffdf9,#fbf2e9);border:1px solid #ead8ca;border-radius:16px;align-content:center;place-items:center;min-height:88px;display:grid}.symbol-map dt{font-size:24px;font-weight:850}.symbol-map dd{color:var(--accent-dark);letter-spacing:.06em;margin:6px 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:800}.page-footer{color:#907b70;justify-content:center;align-items:center;gap:10px;padding:26px 0 0;font-size:12px;display:flex}.page-footer span{color:#bd7049;font-size:15px}.page-footer p{margin:0}@media (width<=780px){.page-shell{width:min(100% - 28px,640px);padding-top:36px}.hero{grid-template-columns:auto 1fr}.privacy-badge{grid-column:1/-1;width:fit-content;margin-top:2px}.converter-card{border-radius:24px;padding:22px}.text-panels{grid-template-columns:1fr}.direction-mark{height:44px;padding:0}.direction-mark span{transform:rotate(90deg)}textarea{min-height:190px}.rules-card{grid-template-columns:1fr;gap:22px}}@media (width<=520px){.page-shell{width:min(100% - 20px,460px);padding-top:28px}.brand-mark{border-radius:20px 20px 23px 23px;width:64px;height:60px}.brand-mark__ear{width:24px;height:24px}.hero h1{font-size:38px}.hero__lead{font-size:14px;line-height:1.55}.converter-toolbar{flex-direction:column;align-items:stretch}.mode-switch button{width:100%}.converter-footer{flex-direction:column;align-items:stretch}.actions{grid-template-columns:repeat(2,1fr);display:grid}.button--primary{grid-column:1/-1}.copy-message{text-align:left;min-width:0;min-height:20px}.stats{grid-template-columns:1fr}.rules-card{padding:22px}.symbol-map{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}