.din-add,.din-step{flex:none;margin-left:12px}.din-add{appearance:none;cursor:pointer;padding:5px 14px;border:1px solid var(--gold,#c6a052);border-radius:var(--pill,999px);background:transparent;color:var(--gold-deep,#8a6318);font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.04em;line-height:1.2;transition:background .2s ease,color .2s ease}.din-add:hover{background:var(--gold,#c6a052);color:#2c2207}.din-add:focus-visible,.din-step button:focus-visible{outline:2px solid var(--gold-deep,#8a6318);outline-offset:2px}.din-step{display:inline-flex;align-items:center;gap:8px;padding:3px 4px;border:1px solid var(--line,#e4ded1);border-radius:var(--pill,999px);background:#fff}.din-step button{appearance:none;cursor:pointer;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--sand,#f4f0e7);color:var(--ink,#1a1712);font:inherit;font-size:15px;line-height:1}.din-step button:last-child{background:var(--gold,#c6a052);color:#2c2207}.din-step>span{min-width:14px;text-align:center;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.din-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(16px,4vw,28px) max(12px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line,#e4ded1)}.din-bar>div{display:flex;flex-direction:column;gap:2px;min-width:0}.din-bar em{font-style:normal;font-size:12px;color:var(--muted,#6e6656)}.din-bar b{font-size:18px;font-weight:600;color:var(--ink,#1a1712);font-variant-numeric:tabular-nums}.din-go{flex:none;display:inline-flex;align-items:center;border:0;border-radius:var(--pill,999px);background:var(--ink,#1a1712);color:var(--ivory,#fcf8f1);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.din-ghost,.din-go{appearance:none;cursor:pointer;padding:13px 22px;font:inherit;font-size:13px;font-weight:600}.din-ghost{border:1px solid var(--line,#e4ded1);border-radius:var(--pill,999px);background:transparent;color:var(--body,#4a4438)}.din-sheet{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:var(--ivory,#fcf8f1);overflow-y:auto;overscroll-behavior:contain}@media (min-width:720px){.din-sheet{inset:auto 0 0 auto;top:0;width:min(460px,100%);border-left:1px solid var(--line,#e4ded1);box-shadow:-20px 0 60px -30px rgba(34,26,10,.4)}}.din-sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px clamp(18px,5vw,26px) 16px;background:var(--ivory,#fcf8f1);border-bottom:1px solid var(--line,#e4ded1)}.theme-haven .din-sheet-head h2{margin:0 0 3px;font-family:var(--font-display,Georgia,serif);font-size:24px;font-weight:600;color:var(--ink,#1a1712)}.theme-haven .din-sheet-head p{margin:0;font-size:13px;color:var(--muted,#6e6656)}.din-x{appearance:none;cursor:pointer;flex:none;width:36px;height:36px;border:1px solid var(--line,#e4ded1);border-radius:50%;background:#fff;color:var(--body,#4a4438);font-size:14px;line-height:1}.din-sheet-body{padding:18px clamp(18px,5vw,26px) 60px}.theme-haven .din-warn{margin:0 0 18px;padding:12px 14px;border:1px solid var(--gold,#c6a052);border-radius:var(--r-sm,10px);background:rgba(198,160,82,.09);font-size:13px;line-height:1.5;color:var(--body,#4a4438)}.theme-haven .din-empty{color:var(--muted,#6e6656);font-size:14px}.din-lines{list-style:none;margin:0 0 20px;padding:0}.din-lines li{padding:14px 0;border-bottom:1px solid var(--line,#e4ded1)}.din-line-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.din-line-name{font-size:15px;font-weight:600;color:var(--ink,#1a1712)}.din-line-price{font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums;flex:none}.din-line-bot{display:flex;align-items:center;gap:10px;margin-top:10px}.din-line-bot .din-step{margin-left:0}.din-line-note{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--line,#e4ded1);border-radius:var(--r-sm,10px);background:#fff;font:inherit;font-size:13px;color:var(--ink,#1a1712)}.din-line-note::placeholder{color:var(--muted,#6e6656)}.din-totals{margin:0 0 22px}.din-totals>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:14px}.din-totals dt{color:var(--muted,#6e6656);margin:0}.din-totals dd{margin:0;font-variant-numeric:tabular-nums}.din-totals .din-total{margin-top:8px;padding-top:12px;border-top:1px solid var(--line,#e4ded1);font-size:17px;font-weight:600;color:var(--ink,#1a1712)}.din-field{display:block;margin-bottom:14px}.din-field>span{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:var(--body,#4a4438)}.din-field em{font-style:normal;font-weight:400;color:var(--muted,#6e6656)}.din-field input{width:100%;padding:13px 14px;border:1px solid var(--line,#e4ded1);border-radius:var(--r-sm,10px);background:#fff;font:inherit;font-size:16px;color:var(--ink,#1a1712)}.theme-haven .din-err{margin:0 0 14px;padding:11px 14px;border-radius:var(--r-sm,10px);background:rgba(158,56,35,.08);color:#9e3823;font-size:13.5px}.din-send{appearance:none;cursor:pointer;width:100%;padding:16px 20px;border:0;border-radius:var(--pill,999px);background:var(--ink,#1a1712);color:var(--ivory,#fcf8f1);font:inherit;font-size:14px;font-weight:600;letter-spacing:.04em}.din-send[disabled]{opacity:.6;cursor:progress}.theme-haven .din-note{margin:12px 0 0;font-size:12.5px;color:var(--muted,#6e6656);text-align:center}.din-done{padding:clamp(34px,9vw,64px) clamp(18px,5vw,26px);text-align:center}.theme-haven .din-done-k{margin:0 0 6px;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep,#8a6318)}.theme-haven .din-code{margin:0 0 18px;font-size:clamp(52px,17vw,82px);font-weight:700;line-height:1;letter-spacing:.06em;color:var(--ink,#1a1712);font-variant-numeric:tabular-nums}.theme-haven .din-done-sub{margin:0 auto 26px;max-width:30ch;font-size:15px;line-height:1.5;color:var(--body,#4a4438)}.din-done-rows{margin:0 auto 22px;max-width:320px;border-top:1px solid var(--line,#e4ded1)}.din-done-rows>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#e4ded1);font-size:14px}.din-done-rows dt{margin:0;color:var(--muted,#6e6656)}.din-done-rows dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.din-done-acts{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:22px}@media (prefers-reduced-motion:reduce){.din-add,.din-step button{transition:none}}