.mooncake-table{--mt-ink:#332d29;--mt-paper:#faf8f2;--mt-clay:#994e38;--mt-rule:#d9cfc0;color:var(--mt-ink);padding:clamp(12px,2vw,30px) 0 36px}.mooncake-table *{box-sizing:border-box}.mooncake-table .mt-workspace{grid-template-columns:minmax(245px,310px) minmax(0,1fr);align-items:start;gap:clamp(18px,3.5vw,50px);max-width:1160px;margin:auto;display:grid}.mooncake-table .mt-dock{padding:12px 0}.mooncake-table .mt-eyebrow,.mooncake-table .mt-tray-top,.mooncake-table .mt-diagram-note{letter-spacing:.12em;font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.mooncake-table .mt-eyebrow{color:var(--mt-clay);margin:0 0 8px}.mooncake-table h2{letter-spacing:-.04em;color:var(--mt-ink);margin:0 0 11px;font:clamp(30px,3vw,43px)/1.08 Georgia,serif}.mooncake-table .mt-prompt{max-width:29ch;margin:0 0 22px;font-size:14px;line-height:1.55}.mooncake-table label{margin:0 0 14px;font-size:13px;font-weight:650;display:block}.mooncake-table label span{margin-bottom:6px;display:block}.mooncake-table input,.mooncake-table select{width:100%;min-height:46px;color:var(--mt-ink);background:#fffdf8;border:1px solid #9c8d7b;border-radius:2px;padding:9px 12px;font-size:17px;font-weight:500;line-height:1.2;box-shadow:inset 0 1px 2px #0000000c}.mooncake-table input::placeholder{color:#786e64}.mooncake-table select{font-size:15px}.mooncake-table button{cursor:pointer;font-size:14px;font-weight:700;line-height:1.2}.mooncake-table button:focus-visible,.mooncake-table input:focus-visible,.mooncake-table select:focus-visible{outline-offset:3px;outline:3px solid #375e84}.mooncake-table .mt-actions{align-items:center;gap:15px;margin-top:24px;display:flex}.mooncake-table .mt-primary{background:var(--mt-clay);color:#fff;border:1px solid #713624;min-height:46px;padding:13px 17px;box-shadow:3px 3px #663423}.mooncake-table .mt-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #663423}.mooncake-table .mt-primary span{margin-left:12px}.mooncake-table .mt-reset{color:var(--mt-ink);text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:7px;text-decoration:underline}.mooncake-table .mt-error{color:#9d2d24;margin:15px 0 0;font-size:13px;font-weight:650;line-height:1.45}.mooncake-table .mt-tray{background:var(--mt-paper);border:1px solid #e8dfd2;min-height:570px;padding:clamp(19px,3vw,38px);position:relative;overflow:hidden;box-shadow:2px 5px 18px #3e271c1c}.mooncake-table .mt-tray:before{content:"";background:repeating-linear-gradient(90deg,var(--mt-clay) 0 15px,transparent 15px 20px);height:6px;position:absolute;top:0;left:0;right:0}.mooncake-table .mt-tray-top{color:#766a60;border-bottom:1px solid var(--mt-rule);justify-content:space-between;gap:10px;padding:0 0 11px;display:flex}.mooncake-table .mt-unrevealed{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:460px;display:flex}.mooncake-table .mt-empty-moon{aspect-ratio:1;background:#f6f0e6;border:2px dashed #d9c9b6;border-radius:50%;width:min(30vw,160px)}.mooncake-table .mt-unrevealed p{margin:24px 0 8px;font:italic 25px/1.2 Georgia,serif}.mooncake-table .mt-unrevealed span{color:#6b6158;font-size:13px}.mooncake-table .mt-result{padding:25px 0 0;animation:.28s ease-out both mt-settle}.mooncake-table .mt-headline{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin:0 0 23px;display:flex}.mooncake-table .mt-headline div{align-items:baseline;gap:12px;display:flex}.mooncake-table .mt-headline strong{letter-spacing:-.08em;color:var(--mt-clay);font:clamp(65px,8vw,104px)/.9 Georgia,serif}.mooncake-table .mt-headline span{max-width:85px;font:italic 20px/1.08 Georgia,serif}.mooncake-table .mt-headline p{margin:0 0 5px;font-size:14px;line-height:1.45}.mooncake-table .mt-cakes{border-top:1px solid var(--mt-rule);border-bottom:1px solid var(--mt-rule);flex-wrap:wrap;align-items:center;gap:clamp(7px,1vw,14px);min-height:128px;padding:17px 0;display:flex}.mooncake-table .mt-cake{filter:drop-shadow(1px 3px 2px #38241828);width:clamp(75px,10vw,102px);height:auto}.mooncake-table .mt-cake-rim{fill:#be8c54}.mooncake-table .mt-wedge-served{fill:#a95940;stroke:#f8e9d5;stroke-width:1.7px}.mooncake-table .mt-wedge-spare{fill:#ead6b8;stroke:#f8e9d5;stroke-width:1.7px}.mooncake-table .mt-cake-center{fill:#71422d}.mooncake-table .mt-more{color:var(--mt-clay);font:italic 17px Georgia,serif}.mooncake-table .mt-diagram-note{color:#6e6258;letter-spacing:0;margin:10px 0 20px;font-weight:400}.mooncake-table .mt-ledger{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 19px;display:grid}.mooncake-table .mt-ledger div{min-width:0}.mooncake-table .mt-ledger dt{color:#6e6258;font-size:12px;line-height:1.3}.mooncake-table .mt-ledger dd{color:var(--mt-ink);margin:4px 0 0;font:36px/1.15 Georgia,serif}.mooncake-table .mt-ledger small{font-size:13px;font-weight:500;line-height:1.3}.mooncake-table .mt-next{max-width:60ch;margin:0 0 12px;font-size:14px;line-height:1.5}.mooncake-table .mt-copy{border:1px solid var(--mt-ink);color:var(--mt-ink);background:0 0;min-height:42px;padding:10px 13px}.mooncake-table .mt-copy:hover{background:#eee6d9}.mooncake-table .mt-copy-state{margin:8px 0 0;font-size:13px}@keyframes mt-settle{0%{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.mooncake-table .mt-workspace{grid-template-columns:1fr;gap:15px}.mooncake-table .mt-dock{padding:0}.mooncake-table .mt-prompt{max-width:none}.mooncake-table .mt-tray{min-height:340px}.mooncake-table .mt-unrevealed{min-height:270px}.mooncake-table .mt-headline{align-items:start}}@media (width<=400px){.mooncake-table .mt-tray-top{font-size:9px}.mooncake-table .mt-ledger{gap:6px}.mooncake-table .mt-ledger dd{font-size:28px}.mooncake-table .mt-cake{width:70px}}@media (prefers-reduced-motion:reduce){.mooncake-table .mt-result{animation:none}.mooncake-table .mt-primary:active{transform:none}}