:root{color-scheme:light dark;--paper: light-dark(#f6f3ec, #14120f);--paper-raised: light-dark(#fffdf8, #1c1915);--ink: light-dark(#16130f, #f2ede3);--ink-soft: light-dark(#5d564c, #a89f92);--ink-faint: light-dark(#a89f92, #6c6459);--line: light-dark(#d9d2c5, #332e27);--green: light-dark(#0f6b45, #4fc48c);--green-soft: light-dark(#d7e8de, #1e3a2c);--orange: light-dark(#b23c14, #e07a4c);--backdrop: light-dark(rgba(22, 19, 15, .42), rgba(0, 0, 0, .65));--ruling: light-dark(rgba(22, 19, 15, .035), rgba(242, 237, 227, .045));--tile-bg: light-dark(#efeae0, #221f1a);--font-mono: "DM Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 2px;font-family:var(--font-sans);line-height:1.5;color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:320px;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--ruling) 27px,var(--ruling) 28px)}.mono-figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{width:100%;max-width:480px;margin:0 auto;padding:1.25rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.wordmark{margin:0;font-family:var(--font-mono);font-size:1.5rem;font-weight:500;letter-spacing:-.045em;text-transform:lowercase}.wordmark-dot{color:var(--green)}.topbar-right{display:flex;align-items:center;gap:.5rem}.puzzle-no{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase}.icon-button{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink-soft);font-family:var(--font-mono);font-size:.8rem;line-height:1;transition:border-color .15s ease,color .15s ease}.icon-button:hover{border-color:var(--ink);color:var(--ink)}.icon-button svg{width:.875rem;height:.875rem;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mode-toggle{height:1.75rem;padding:0 .6rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:border-color .15s ease,color .15s ease}.mode-toggle:hover{border-color:var(--ink);color:var(--ink)}.receipt{position:relative;background:var(--paper-raised);border-left:1px solid var(--line);border-right:1px solid var(--line);padding:1.5rem 1.25rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}.perf{position:absolute;left:-1px;right:-1px;height:9px;background-repeat:repeat-x;background-size:18px 9px;pointer-events:none}.perf-top{top:-1px;background-image:radial-gradient(circle at 9px 0,var(--paper) 6px,transparent 6.5px)}.perf-bottom{bottom:-1px;background-image:radial-gradient(circle at 9px 9px,var(--paper) 6px,transparent 6.5px)}.rule{height:0;border-top:1px dashed var(--line);margin:.25rem 0}.pips{display:flex;align-items:center;gap:.375rem;padding-top:.25rem}.pip{flex:1;height:3px;background:var(--line);transition:background .2s ease}.pip.is-done{background:var(--ink)}.pip.is-active{background:var(--green)}.pips-total{margin-left:.5rem;font-size:.8125rem;color:var(--ink-soft)}.round,.results{display:flex;flex-direction:column;gap:1rem;animation:rise .28s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.kicker{margin:0;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.tile{aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;background:var(--tile-bg);border:1px solid var(--line)}.tile--photo{background:#f4f1ea}.tile-photo{width:100%;height:100%;object-fit:contain;padding:.75rem;mix-blend-mode:multiply}.tile-art{width:62%;height:62%}.tile-art-ring{fill:none;stroke:var(--ink);stroke-width:1.5}.tile-art-label{fill:var(--ink-faint);font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-anchor:middle}.product-title{margin:0;font-size:1.0625rem;font-weight:500;line-height:1.35;letter-spacing:-.01em}.guess{display:flex;flex-direction:column;gap:.625rem}.guess-label{font-size:.8125rem;color:var(--ink-soft)}.guess-row{display:flex;align-items:stretch;border:1.5px solid var(--ink)}.guess-currency{display:grid;place-items:center;padding:0 .625rem 0 .875rem;font-family:var(--font-mono);font-size:1.25rem;color:var(--ink-faint)}.guess-input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:1.5rem;padding:.625rem 0}.guess-input:focus{outline:none}.guess-input::placeholder{color:var(--ink-faint)}.button-primary{border:0;background:var(--ink);color:var(--paper-raised);font-family:var(--font-mono);font-size:.875rem;letter-spacing:.02em;padding:.75rem 1.125rem;min-height:44px;transition:opacity .15s ease}.button-primary:hover{opacity:.85}.guess-row .button-primary{margin:-1px}.results .button-primary,.reveal .button-primary,.sheet .button-primary{width:100%}.reveal{display:flex;flex-direction:column;gap:.875rem;border-top:1px dashed var(--line);padding-top:1rem}.reveal-prices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.reveal-prices>div{display:flex;flex-direction:column;gap:.25rem}.reveal-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.reveal-value{font-size:1.5rem;color:var(--ink-soft)}.reveal-value--actual{color:var(--ink);font-weight:500}.reveal-gap{margin:0;font-size:.875rem;color:var(--orange)}.reveal-gap.is-perfect{color:var(--green);font-weight:500}.reveal-score{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--green-soft);padding:.75rem .875rem}.reveal-points{font-size:1.375rem;font-weight:500;color:var(--green)}.meter{display:inline-flex;align-items:center;gap:1px}.meter-star{font-size:.8125rem;line-height:1}.results{text-align:center;gap:.5rem}.grand-total{display:block;font-size:3.75rem;font-weight:500;line-height:1;letter-spacing:-.04em}.grand-total-max{margin:0;font-family:var(--font-mono);font-size:.875rem;color:var(--ink-faint)}.rating{margin:.25rem 0 .75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.lineitems{list-style:none;margin:0;padding:.75rem 0 0;border-top:1px dashed var(--line);text-align:left;display:flex;flex-direction:column;gap:.75rem}.lineitem{display:flex;flex-direction:column;gap:.3125rem}.lineitem-name{font-size:.8125rem;line-height:1.3;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineitem-detail{display:flex;align-items:center;gap:.625rem}.lineitem-prices{flex:1;font-size:.75rem;color:var(--ink-faint)}.lineitem-score{font-size:.875rem;font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.75rem 0 0;padding-top:.875rem;border-top:1px dashed var(--line)}.stats>div{display:flex;flex-direction:column;gap:.125rem}.stats dt{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.stats dd{margin:0;font-size:1.125rem;font-weight:500}.sheet-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:var(--backdrop);z-index:10}.sheet{width:100%;max-width:380px;background:var(--paper-raised);border:1.5px solid var(--ink);padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.875rem;animation:rise .22s ease-out both}.sheet-title{margin:0;font-family:var(--font-mono);font-size:1.125rem;font-weight:500;letter-spacing:-.02em}.sheet-list{margin:0;padding-left:1.125rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:var(--ink-soft)}.sheet-list strong{color:var(--ink)}.note{margin:0;font-size:.75rem;line-height:1.45;color:var(--ink-faint)}.error{margin:0;font-size:.8125rem;color:var(--orange)}.footer{text-align:center;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;color:var(--ink-faint)}@media(max-width:380px){.grand-total{font-size:3rem}.stats{grid-template-columns:repeat(2,1fr);row-gap:.75rem}}