:root{font-family:Hiragino Mincho ProN,Songti SC,serif;color:#253248;background:#eaf0f1}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eaf0f1 0,#eaf0f1 74%,#d7e4e7 74%)}button,input,textarea{font:inherit}main{max-width:1320px;margin:auto;padding:34px 30px 80px}header{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;border-bottom:1px solid #7d9098;padding-bottom:24px}.seal{width:70px;height:70px;border:2px solid #d45e53;color:#d45e53;display:grid;place-items:center;font-size:38px;transform:rotate(-4deg)}header small{letter-spacing:.17em;font:10px Arial}h1{font-size:clamp(66px,9vw,120px);font-weight:400;letter-spacing:.02em;line-height:.8;margin:25px 0 17px}header p{margin:0;color:#63717c}.vertical{writing-mode:vertical-rl;letter-spacing:.25em;font-size:12px}.layout{display:grid;grid-template-columns:380px 1fr;gap:24px;margin-top:26px}form{background:#fffdf7;padding:25px;box-shadow:0 12px 40px #6d7e8622;position:relative;height:max-content}.tab{position:absolute;top:0;right:0;background:#253248;color:#fff;padding:8px 12px;font:10px Arial;letter-spacing:.08em}label{display:grid;gap:7px;margin:18px 0}label>span{font-weight:700;font-size:13px}input,textarea{border:0;border-bottom:1px solid #8999a0;background:transparent;padding:10px 2px;outline:none;resize:vertical;width:100%}textarea{min-height:80px}.material{min-height:180px;line-height:1.6}label small{justify-self:end;color:#89949a}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.make{border:0;background:#d45e53;color:#fff;width:100%;padding:15px 18px;text-align:left;cursor:pointer}.make i{float:right}.make:disabled{opacity:.6;cursor:wait}.error{background:#f4ded8;color:#8d2b26;padding:11px;font-size:12px}.error button{float:right;border:0;background:none;text-decoration:underline;color:inherit}.sheet{background:#ffffffa3;border:1px solid #a8b6bb;min-height:650px;padding:30px}.empty,.loading{height:100%;min-height:580px;display:grid;place-items:center;align-content:center;text-align:center}.steps{display:flex;align-items:end;gap:7px}.steps i{display:grid;place-items:center;background:#bed1d5;width:62px;height:70px;font-style:normal}.steps i:nth-child(2){height:100px}.steps i:nth-child(3){height:130px}.steps i:nth-child(4){height:160px;background:#d45e53;color:#fff}.empty h2,.loading h2{font-size:30px;font-weight:400}.empty p,.loading p{color:#6c7981}.rings{display:flex;gap:8px}.rings i{width:40px;height:40px;border:2px solid #253248;border-radius:50%;animation:rings 1.2s infinite}.rings i:nth-child(2){animation-delay:.2s}.rings i:nth-child(3){animation-delay:.4s}@keyframes rings{50%{transform:translateY(-15px);border-color:#d45e53}}.sheet-head{display:flex;justify-content:space-between;border-bottom:2px solid #253248;padding-bottom:18px}.sheet-head h2{font-size:40px;font-weight:400;margin:8px 0}.sheet-head p{color:#63717c;max-width:500px}.sheet-head button{height:max-content;border:1px solid #253248;background:transparent;padding:10px 13px;cursor:pointer}.ladder article{display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid #afbabf;padding:18px 0}.num{font:11px Arial;color:#d45e53}.meta{display:flex;gap:12px;align-items:center;font-size:11px}.meta b{background:#253248;color:#fff;padding:4px 7px}.meta span{color:#d45e53;letter-spacing:.1em}.meta i{font-style:normal;color:#718087}.q h3{font-size:18px;font-weight:500;line-height:1.55;margin:12px 0}.tip{font-size:12px;color:#718087}.answer{border-left:3px solid #d45e53;background:#fffdf7;padding:15px;margin-top:14px;font-size:13px;line-height:1.6}.answer b{color:#d45e53}.answer ul{margin-bottom:0}@media(max-width:850px){.layout{grid-template-columns:1fr}.sheet{min-height:520px}}@media(max-width:540px){main{padding:22px 13px 50px}.seal{width:50px;height:50px}.vertical{display:none}header{grid-template-columns:auto 1fr}.pair{grid-template-columns:1fr}.sheet{padding:16px}.sheet-head{display:block}.sheet-head button{margin-top:10px}}