:root{--font-size:20px;--button-height:56px;--button-padding:11px;--page-bg:#f2f5f1;--accent:#125d50;--page-text:#000;--on-accent:#fff;font-size:var(--font-size);background:var(--page-bg)}
*{min-width:0}h1{font-size:1.65rem}h2{font-size:1.25rem}h3{font-size:1.05rem}small{font-size:.8rem;opacity:1}header{background:var(--accent);color:var(--on-accent);gap:16px}header span{font-size:.75rem}.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.header-tools button{background:transparent;color:inherit;border-color:currentColor;font-size:.8rem}
button,.file{min-height:var(--button-height);padding:var(--button-padding) 16px;white-space:normal;overflow-wrap:anywhere}button.primary,nav button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:hover{filter:brightness(.97)}input,select{min-height:var(--button-height);font-size:max(16px,1rem);color:#173b35}.notice{font-size:.8rem;color:var(--page-text)}label{font-size:.9rem}.file{font-size:1rem}.file input{font-size:.8rem;max-width:100%}.hero{background:#fff;border:1px solid #dce5dd;gap:20px}.hero strong{font-size:2.1rem;color:var(--accent);overflow-wrap:anywhere}.hero label{max-width:100%}.panel{color:#173b35;overflow-wrap:anywhere}nav button{flex:1;font-size:.9rem}article p{font-size:.85rem}.money{font-size:1.15rem;color:var(--accent)}.badge{font-size:.75rem;display:inline-block}.sumrow{flex-wrap:wrap}.sumrow b{color:var(--accent)}#status:not(:empty),#appearanceStatus:not(:empty){font-size:.85rem;background:#fff1d1;color:#624813;padding:14px;border-radius:10px}pre{font-size:.8rem}.actions{align-items:stretch}.actions button{flex:1 1 180px}.file{flex:1 1 220px}footer{font-size:.75rem;color:var(--page-text)}input[type=color]{height:64px;padding:8px;cursor:pointer}.appearance-sample{padding:18px;border-radius:12px;background:#f1f6f0}.appearance-sample h3{margin:0}.appearance-sample p{font-size:.85rem}.sample-money{display:block;font-size:1.5rem;color:var(--accent);margin:12px 0}#appearanceTitle{scroll-margin-top:15px}
@media(max-width:650px){header{align-items:flex-start;padding:20px 18px}.header-tools{flex:0 1 44%}.header-tools span{max-width:none;text-align:right}main{padding:14px;padding-bottom:calc(var(--button-height) + 70px + env(safe-area-inset-bottom))}.hero{display:block;padding:20px}.hero strong{font-size:1.9rem}.panel{padding:18px}.panel p{font-size:.85rem}nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#eef3ee;border-top:1px solid #d1dcd1;gap:6px}nav button{font-size:.85rem;padding:var(--button-padding) 4px;border-radius:12px;white-space:normal}#pieceFields{grid-template-columns:1fr}.money{float:none;display:block}.actions button{flex:1 1 100%}footer{padding-bottom:calc(var(--button-height) + 40px + env(safe-area-inset-bottom))}}

.check-label{display:flex;align-items:flex-start;gap:12px}.check-label input{flex:0 0 26px;width:26px;min-height:26px;height:26px;margin-top:4px;accent-color:var(--accent)}#pendingHelp,#rateHint:not(:empty){padding:12px;background:#fff1d1;color:#624813;border-radius:10px}.type-badge{display:inline-block;margin:5px 8px 5px 0;padding:4px 8px;background:#e1ece4;border-radius:6px;font-size:.8rem}.unfinished{color:#805713}#rateField[hidden]{display:none!important}