:root{--brown: #6B3A1F;--brown-med: #8B5A2B;--tan: #F2E9DC;--tan-light: #FAF5EE;--border: #D9C9B6;--text: #2C1A0E;--text-muted: #7A5C42;--white: #FFFFFF;--green: #2D6A4F;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;background:var(--tan-light);color:var(--text);min-height:100vh}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card-title{font-size:13px;font-weight:600;color:var(--brown);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.field{width:100%;font-family:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--tan-light);color:var(--text);-webkit-appearance:none;appearance:none;resize:vertical;line-height:1.5}.field:focus{outline:none;border-color:var(--brown-med);background:var(--white)}textarea.field{resize:vertical}select{width:100%;font-family:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--tan-light);color:var(--text);-webkit-appearance:none;appearance:none}select:focus{outline:none;border-color:var(--brown-med);background:var(--white)}input[type=number]{width:100%;font-family:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--tan-light);color:var(--text);-webkit-appearance:none;appearance:none}input[type=number]:focus{outline:none;border-color:var(--brown-med);background:var(--white)}.hint{font-size:12px;color:var(--text-muted);margin-top:6px;line-height:1.5}.btn{display:block;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:none;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.85}.btn-primary{background:var(--brown);color:var(--white)}.btn-secondary{background:var(--tan);color:var(--brown);border:1px solid var(--border)}.btn-copy{background:var(--green);color:var(--white)}.btn-sm{display:inline-block;width:auto;padding:8px 16px;font-size:14px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pill{padding:8px 16px;border:1px solid var(--border);border-radius:20px;font-size:14px;cursor:pointer;background:var(--tan-light);color:var(--text-muted);transition:all .15s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pill.on{background:var(--brown);color:var(--white);border-color:var(--brown)}.item-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:10px;background:var(--tan-light)}.item-name-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.item-name{font-size:15px;font-weight:600;color:var(--brown);flex:1;padding-right:8px}.remove-btn{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.item-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:3px}.output-area{background:var(--tan-light);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-size:15px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;margin-bottom:12px;min-height:100px}.section-head{font-size:15px;font-weight:600;margin-bottom:14px;display:flex;align-items:center}.divider{border:none;border-top:1px solid var(--border);margin:14px 0}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0) scale(1)}33%{transform:translateY(-5px) scale(1.02)}66%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(0) scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes tipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header-shimmer{background:linear-gradient(135deg,#5a2e14,#7a4525,#6b3a1f,#8b5230,#5a2e14);background-size:300% 300%;animation:shimmer 8s ease infinite}.logo-float{animation:float 4s ease-in-out infinite;transform-origin:center}.card-animate{animation:cardIn .25s ease both}@keyframes sheetPulse{0%,to{box-shadow:0 0 #f2e9dc99;transform:scale(1)}50%{box-shadow:0 0 0 10px #f2e9dc00;transform:scale(1.06)}}.sheet-link-btn{display:inline-flex;align-items:center;gap:6px;margin:10px auto 0;padding:7px 16px;background:#f2e9dc2e;border:1.5px solid rgba(242,233,220,.5);border-radius:20px;color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:background .15s}.sheet-link-btn:hover,.sheet-link-btn:active{background:#f2e9dc4d}.sheet-btn-pulse{animation:sheetPulse 1.4s ease-in-out 3}@keyframes checkDraw{0%{stroke-dashoffset:24;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes checkCircleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.step-done{display:inline-flex;align-items:center;justify-content:center;background:var(--green);border-radius:50%;width:24px;height:24px;margin-right:8px;flex-shrink:0;animation:checkCircleIn .35s cubic-bezier(.34,1.56,.64,1) both}.step-done svg polyline{animation:checkDraw .45s cubic-bezier(.22,1,.36,1) .15s both}@keyframes btnBounce{0%{transform:scale(1)}30%{transform:scale(.95)}65%{transform:scale(1.03)}85%{transform:scale(.99)}to{transform:scale(1)}}@keyframes btnBounceExpress{0%{transform:scale(1) rotate(0)}18%{transform:scale(.91) rotate(-1.5deg)}45%{transform:scale(1.07) rotate(.8deg)}70%{transform:scale(.97) rotate(-.3deg)}88%{transform:scale(1.02) rotate(0)}to{transform:scale(1) rotate(0)}}.btn-bounce{animation:btnBounce .42s cubic-bezier(.22,1,.36,1)}.btn-bounce-express{animation:btnBounceExpress .55s cubic-bezier(.22,1,.36,1)}