:root{font-family:Arial,Helvetica,sans-serif;color:#192c2b;background:#f2f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1220px;margin:auto;padding:32px 40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ced8d0;padding-bottom:22px}.brand{font-size:14px;font-weight:800;letter-spacing:2px;text-decoration:none;color:inherit}.local{font-size:12px;color:#3c6653;background:#e1ebdf;padding:8px 12px;border-radius:20px}.title{padding:30px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#688076}h1{font-size:52px;line-height:1.03;letter-spacing:-2px;margin:14px 0}h1 span{color:#58836a}.privacy{font-size:14px;line-height:1.5;color:#4b6458}.workspace{display:grid;grid-template-columns:0.9fr 1.2fr;gap:20px;align-items:start}.panel{background:#fff;border:1px solid #d8e1d9;border-radius:16px;padding:22px}.sectionhead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0}.sectionhead span{font-size:11px;color:#65786f}button,input,select{font:inherit}button{cursor:pointer;border:0;background:#254f3c;color:white;padding:14px 22px;border-radius:8px;min-height:44px;font-weight:600}button:disabled{opacity:.45;cursor:default}.quiet{background:transparent;color:#65786f;padding:6px 10px;font-size:12px}.drop{display:flex;flex-direction:column;align-items:center;gap:10px;background:#f7faf5;border:1.5px dashed #a6bba6;border-radius:12px;padding:26px 15px;cursor:pointer;text-align:center}.drop.drag{border-color:#254f3c;background:#e2efdd}.drop input{display:none}.uploadicon{font-size:30px;color:#426f4d}.drop strong{font-size:17px}.drop span:not(.uploadicon){font-size:13px;color:#688076}.drop small{font-size:11px;color:#688076;margin-top:6px}.formats{font-size:11px;color:#6f8175;line-height:1.6}.preview{height:130px;background:repeating-conic-gradient(#edf1ec 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview img{max-height:100%;max-width:100%;object-fit:contain}.filemeta{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font-size:11px}.filemeta strong{overflow-wrap:anywhere}.filemeta span{white-space:nowrap;color:#65786f}.controls{border-top:1px solid #e4ebe4;padding-top:18px;margin-top:16px}.toggle{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:16px;min-height:36px}input[type=checkbox]{accent-color:#254f3c;width:18px;height:18px}.hint{font-size:11px;color:#6a7c71;line-height:1.55}fieldset{border:0;padding:0;margin:16px 0 0}fieldset:disabled{opacity:.45}.controlrow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}select,input[type=number]{border:1px solid #cfdacf;border-radius:7px;background:#f8faf7;padding:11px;color:#274535;min-height:44px;width:100%}.controlrow select{width:auto;max-width:70%;font-size:12px}.rangeLabel{display:flex;justify-content:space-between;font-size:12px;margin-top:18px}input[type=range]{accent-color:#42745a;width:100%;margin:8px 0;min-height:26px}.outputcontrols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.outputcontrols label{font-size:12px;display:block;margin-bottom:8px}.outputcontrols small{display:block;font-size:10px;color:#6a7c71;line-height:1.5;margin-top:5px}.codearea{border:1px solid #d6dfd5;border-radius:10px;overflow:hidden;background:#f7f9f6}.codebar{display:flex;justify-content:space-between;background:#ebf0e8;padding:12px 14px;font-size:10px;letter-spacing:1px;color:#55715c}textarea{width:100%;height:250px;padding:18px;border:0;resize:vertical;background:transparent;outline:none;font:12px/1.65 Consolas,monospace;color:#325844;overflow-wrap:anywhere}.actions{display:flex;gap:10px;margin-top:16px}.actions button:first-child{flex:1;display:flex;justify-content:space-between}.secondary{background:#e9efE5;color:#32513b}.stats{display:flex;gap:32px;border-top:1px solid #e0e7dc;margin-top:22px;padding-top:18px}.stats div{display:flex;flex-direction:column;gap:6px}.stats span{font-size:10px;color:#6a7c71}.stats strong{font-size:13px}.message{font-size:12px;color:#375d45;min-height:16px}footer{display:flex;justify-content:space-between;gap:16px;padding-top:22px;color:#708172;font-size:10px}button:focus-visible,.drop:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bbe7b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:720px){main{padding:20px 16px}h1{font-size:38px}.workspace{grid-template-columns:1fr}.panel{padding:18px}.outputcontrols{grid-template-columns:1fr}footer{flex-direction:column}.title{padding:22px 0}textarea{height:200px}.local{font-size:10px}}

/* Daily shift: footer readability, 2026-10-09 */
footer{flex-wrap:wrap;align-items:flex-start;font-size:12px;line-height:1.65}footer nav{flex:1 1 100%;overflow-wrap:anywhere}footer nav a{display:inline-block;padding:5px 2px}footer p{flex-basis:100%;margin:0;max-width:80ch}footer>span{flex-basis:100%}
@media(max-width:720px){header{gap:12px;flex-wrap:wrap}footer{gap:10px}footer nav a{padding:8px 2px}}
.daily-article{max-width:850px;margin:auto;line-height:1.75;font-size:17px}.daily-article h1{font-size:clamp(32px,5vw,48px);line-height:1.15}.daily-article h2{font-size:24px;letter-spacing:0;text-transform:none;margin:34px 0 12px;line-height:1.3}.daily-article h3{font-size:18px}.daily-article a{color:#254f3c}.daily-answer{border-left:4px solid #42745a;background:#e9f1e4;padding:8px 20px;border-radius:8px}.daily-article pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9efe5;border-radius:10px;padding:18px;font:13px/1.7 Consolas,monospace}.daily-diagram{display:block;width:100%;height:auto;margin:24px 0;border-radius:12px}.daily-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.daily-comparison>div{padding:18px;background:white;border:1px solid #ced8d0;border-radius:12px}figcaption{font-size:14px}@media(max-width:600px){.daily-comparison{grid-template-columns:1fr}.daily-article{font-size:16px}.daily-article figure{margin:18px 0}}
.daily-article figure{background:#edf1ed;border:1px solid #ccd8cf;border-radius:12px;padding:16px}.daily-article figcaption{margin-top:12px;color:#42584b}

.daily-article button:focus-visible,.daily-article a:focus-visible{outline:3px solid #42745a;outline-offset:4px}.daily-article button{max-width:100%;white-space:normal}

.decoder{display:grid;gap:12px;background:white;padding:18px;border:1px solid #d9dedb;border-radius:14px}textarea,select,button{font:inherit;box-sizing:border-box;max-width:100%;min-width:0}textarea{width:100%;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical}button{min-height:44px;padding:10px 16px}.actions{display:flex;flex-wrap:wrap;gap:10px}table{width:100%;table-layout:fixed;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid #ddd;text-align:left;overflow-wrap:anywhere;font-size:14px}figure{margin:18px 0}figure img{width:100%;height:auto}#video iframe{width:100%;aspect-ratio:16/9;border:0}#status{overflow-wrap:anywhere}main,.daily-article{min-width:0} @media(max-width:480px){.daily-article{padding:0}h1{font-size:2rem}.decoder{padding:12px}td,th{font-size:11px;padding:4px}.actions button{flex:1}}