*{box-sizing:border-box}body{margin:0;background:#f6f9fb;color:#4c626b;font:15px/1.8 'Yu Gothic',sans-serif}header{padding:18px 5%;background:#fff;display:flex;justify-content:space-between;gap:20px}header span{font-size:12px;color:#aa713c}a{color:#137c96}main{max-width:1000px;margin:auto;padding:30px 5%}h1,h2{font-weight:500}button,input,select{font:inherit}button{background:#147f98;color:#fff;border:0;border-radius:12px;padding:12px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.record{padding:22px;background:white;border:1px solid #dce7ed;border-radius:18px;margin:18px 0}.record h3{margin:0}.record p{margin:8px 0}.record img{width:80px;height:80px;object-fit:cover;border-radius:12px;float:left;margin-right:18px}.record::after{content:'';display:block;clear:both}.shipped{opacity:.7}label{display:block;margin:15px 0}input,select{width:100%;padding:11px;border:1px solid #cbdde4;border-radius:10px;background:#fff}form{background:white;padding:25px;border-radius:20px;margin-top:25px}#photo-preview{width:140px;border-radius:12px}#message{padding:12px;background:#e9f3f7;white-space:pre-line}[hidden]{display:none!important}:focus-visible{outline:3px solid #dcab36;outline-offset:3px}@media(max-width:600px){header{flex-direction:column;gap:2px}main{padding:20px 5%}button{padding:12px 15px}.record{padding:18px}}