:root{--frank-pink: #EFB7B8;--frank-pink-2: #E7A1A2;--frank-pink-3: #C98585;--frank-cream: #F6EFE6;--frank-paper: #FAF5EC;--frank-ink: #1A1613;--frank-ink-2: #3A302A;--frank-muted: #8A7D72;--frank-line: #E4D8C6;--frank-accent: #2B2622;--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--sans: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--serif: "Instrument Serif", Georgia, serif;--flip-h: 96px;--flip-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--frank-cream);color:var(--frank-ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(26,22,19,.025) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;z-index:1;mix-blend-mode:multiply}.display{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:.95}.mono{font-family:var(--mono)}.serif{font-family:var(--serif);font-weight:400}.uppercase{text-transform:uppercase;letter-spacing:.12em}.tiny{font-size:11px}.app{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:24px 24px 100px;overflow-x:hidden;width:100%;box-sizing:border-box}@supports (padding: max(0px)){.app{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(100px,calc(80px + env(safe-area-inset-bottom)))}}@media (min-width: 768px){.app{overflow-x:visible}}.head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--frank-line);margin-bottom:32px}.brand-logo{height:36px!important;width:auto!important;display:block}.head-meta{font-family:Courier New,Courier,monospace;font-size:11px;color:var(--frank-muted);text-align:right;line-height:1.5;letter-spacing:.04em}.head-meta .dot{display:inline-block;width:6px;height:6px;background:#6aa26a;border-radius:50%;margin-right:6px;vertical-align:middle;box-shadow:0 0 0 2px #6aa26a33;animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.5}}.hero{display:block!important;text-align:center!important;padding:0 0 28px;width:100%}.hero-title{font-family:var(--display);font-weight:800;font-size:clamp(34px,5vw,56px);line-height:.97;letter-spacing:-.035em;margin-bottom:12px;text-align:center;width:100%}.hero-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--frank-pink-3)}.hero-sub{font-family:Courier New,Courier,monospace;font-size:11.5px;color:var(--frank-muted);letter-spacing:.04em;line-height:1.7;text-align:center;width:100%}.hero-sub strong{color:var(--frank-ink);font-weight:700}.modes{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;padding:5px;background:var(--frank-paper);border:1px solid var(--frank-line);border-radius:999px;width:auto}.mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--frank-muted);padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease;font-weight:600;white-space:nowrap}.mode-btn:hover{color:var(--frank-ink)}.mode-btn.active{background:var(--frank-ink);color:var(--frank-paper)}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;align-items:center;width:100%}.filter-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--frank-muted);margin-right:4px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--frank-line);background:var(--frank-paper);color:var(--frank-ink);font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:6px}.chip:hover{border-color:var(--frank-pink-3)}.chip.on{background:var(--frank-ink);color:var(--frank-paper);border-color:var(--frank-ink)}.chip .sw{width:8px;height:8px;border-radius:2px;display:inline-block}.chip-group-div{width:1px;height:18px;background:var(--frank-line);margin:0 4px}.board{background:linear-gradient(180deg,#1a1613,#24201c);border-radius:22px;padding:28px 26px 22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 30px 60px -20px #1a161359,0 8px 20px -8px #1a161333;border:1px solid rgba(0,0,0,.5)}.board:before,.board:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#555,#1a1613 70%);top:16px}.board:before{left:16px}.board:after{right:16px}.board-foot{position:absolute;bottom:16px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#555,#1a1613 70%)}.board-foot.l{left:16px}.board-foot.r{right:16px}.board-meta{display:flex;justify-content:space-between;align-items:center;padding:0 4px 20px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff59}.board-meta .center{flex:1;text-align:center;color:#ffffff80}.board-meta .spin-count{color:var(--frank-pink)}.reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reel-col{display:flex;flex-direction:column;gap:8px;position:relative;min-width:0}.reel-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;padding:0 2px}.reel-label .idx{color:var(--frank-pink);font-weight:700}.flip-window{position:relative;height:var(--flip-h);perspective:800px;background:#0d0a08;border-radius:var(--flip-radius);overflow:hidden;box-shadow:inset 0 2px 6px #0009,inset 0 -1px #ffffff08}.flip-window:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000c;z-index:4;pointer-events:none}.flip-card{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:calc(var(--flip-radius) - 2px);background:var(--frank-pink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:clamp(16px,2.1vw,22px);letter-spacing:-.015em;color:var(--frank-ink);text-align:center;padding:8px 12px;line-height:1.05;-webkit-user-select:none;user-select:none;will-change:transform,opacity;text-shadow:0 1px 0 rgba(255,255,255,.15)}.flip-card.empty{font-family:var(--mono);font-weight:400;font-style:italic;font-size:14px;letter-spacing:.02em;color:#1a161373}.flip-card .row-top{font-family:var(--display)}.flip-card .row-th{display:block;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.05em;margin-top:4px;opacity:.7;text-shadow:none}.flip-card:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0000002e;box-shadow:0 1px #ffffff2e;pointer-events:none}.flip-card{transform-style:preserve-3d;backface-visibility:hidden;transform-origin:50% 50%}.flip-card.flipping{animation:flip-out 80ms ease-in forwards;z-index:2;box-shadow:0 6px 10px -4px #0000008c}.flip-card.settling{animation:flip-in .11s cubic-bezier(.2,.85,.35,1) forwards;z-index:2;box-shadow:0 -4px 8px -3px #00000073}@keyframes flip-out{0%{transform:rotateX(0);opacity:1}to{transform:rotateX(-90deg);opacity:0}}@keyframes flip-in{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.reel-col.spinning .flip-window{box-shadow:inset 0 8px 14px #0000008c,inset 0 -8px 14px #0000008c,inset 0 2px 6px #0009}.flip-shuffle{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:calc(var(--flip-radius) - 2px);background:var(--frank-pink);animation:card-cascade .12s linear infinite;color:var(--frank-ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:20px;z-index:2}@keyframes card-cascade{0%{transform:translateY(-100%);opacity:.4}50%{opacity:1}to{transform:translateY(100%);opacity:.4}}.reel-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:2px;min-width:0}.reel-note{font-family:var(--mono);font-size:10px;color:#ffffff6b;letter-spacing:.04em;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff9;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.lock-btn:hover:not(:disabled){border-color:var(--frank-pink);color:var(--frank-pink)}.lock-btn:disabled{opacity:.25;cursor:not-allowed}.lock-btn.locked{background:var(--frank-pink);border-color:var(--frank-pink);color:var(--frank-ink)}.reel-col.locked .flip-card{box-shadow:0 0 0 2px var(--frank-pink-3)}.controls{display:flex;justify-content:center;margin-top:22px}.board-hint{text-align:center;font-family:Courier New,Courier,monospace;font-size:11px;color:var(--frank-muted);letter-spacing:.04em;margin-top:10px}.spin-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--frank-pink);color:var(--frank-ink);font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase;padding:16px 46px;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s;position:relative;box-shadow:0 0 0 1px #0000004d,0 8px 20px -6px #efb7b880}.spin-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 0 0 1px #0000004d,0 14px 28px -8px #efb7b8a6}.spin-btn:active:not(:disabled){transform:translateY(0)}.spin-btn:disabled{opacity:.7;cursor:not-allowed}.spin-btn .sub{display:block;font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.2em;margin-top:3px;opacity:.6}.result-wrap{margin-top:34px;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.result-wrap.visible{opacity:1;transform:translateY(0);pointer-events:auto}.result-wrap.visible.animate-new .recipe,.result-wrap.visible.animate-new .receipt,.result-wrap.visible.animate-new .photo-reveal{animation:cardSlideIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.96);box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 24px 48px #0000002e}to{opacity:1;transform:translateY(0) scale(1);box-shadow:0 12px 32px #0000001f}}.recipe{background:var(--frank-paper);border:1px solid var(--frank-line);border-radius:18px;padding:32px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000001f}.recipe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--frank-line) 1px,transparent 1px);background-size:100% 28px;opacity:.3;pointer-events:none}.recipe-left,.recipe-right{position:relative;z-index:1}.recipe-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--frank-muted);margin-bottom:14px}.recipe-tag:before{content:"";width:20px;height:1px;background:var(--frank-ink)}.recipe-title{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,44px);letter-spacing:-.03em;line-height:1.02;color:var(--frank-ink);margin-bottom:6px}.recipe-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--frank-pink-3)}.recipe-sub{font-family:var(--serif);font-style:italic;color:var(--frank-muted);font-size:16px;margin-bottom:22px}.layers{margin:22px 0}.layer-row{display:grid;grid-template-columns:18px 1fr auto;gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--frank-line)}.layer-row:last-child{border-bottom:1px solid var(--frank-line)}.layer-chip{width:14px;height:14px;border-radius:3px;margin-top:4px;box-shadow:inset 0 0 0 1px #00000014}.layer-name{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--frank-ink);line-height:1.2}.layer-th{font-family:var(--mono);font-size:11px;color:var(--frank-muted);margin-top:2px;letter-spacing:.02em}.layer-note{font-family:var(--serif);font-size:14px;color:var(--frank-ink-2);font-style:italic;margin-top:4px;line-height:1.45;max-width:460px}.layer-kind{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--frank-muted);text-align:right;margin-top:6px}.taste-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.taste-chip{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#efb7b84d;border:1px solid var(--frank-pink);color:var(--frank-ink);padding:4px 10px;border-radius:999px}.cup-viz{position:relative;aspect-ratio:4 / 5;background:linear-gradient(180deg,var(--frank-paper) 0%,#EFE6D6 100%);border-radius:14px;border:1px solid var(--frank-line);overflow:hidden;display:grid;place-items:center}.cup-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cup-fallback{position:relative;width:62%;height:86%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:6px 6px 14px 14px;border:2px solid rgba(26,22,19,.15);overflow:hidden;background:#ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cup-layer{width:100%;flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#00000080;transition:flex .6s cubic-bezier(.2,.7,.2,1),background .6s;position:relative}.cup-layer.topping{flex:.7}.cup-layer.main{flex:1.6}.cup-layer.base{flex:2.2}.cup-label{position:absolute;left:12%;top:18%;background:var(--frank-pink);color:var(--frank-ink);font-family:var(--display);font-weight:800;font-size:9px;letter-spacing:-.01em;padding:6px 3px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;z-index:2;box-shadow:0 2px 4px #0000001a;line-height:1.1}.cup-label .lbl-small{font-weight:400;font-size:8px;margin-top:4px}.spec-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.spec-cell{border-top:1px solid var(--frank-line);padding-top:10px}.spec-cell dt{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--frank-muted);margin-bottom:4px}.spec-cell dd{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--frank-ink)}.spec-cell dd small{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--frank-muted);font-size:12px;margin-left:4px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.act-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--frank-ink);background:var(--frank-ink);color:var(--frank-paper);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;border-radius:999px;cursor:pointer;transition:all .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.act-btn:hover{transform:translateY(-1px);background:var(--frank-ink-2)}.act-btn.secondary{background:transparent;color:var(--frank-ink)}.act-btn.secondary:hover{background:var(--frank-ink);color:var(--frank-paper)}.act-btn.accent{background:var(--frank-pink);color:var(--frank-ink);border-color:var(--frank-pink)}.act-btn.accent:hover{background:var(--frank-pink-3);color:var(--frank-paper);border-color:var(--frank-pink-3)}.receipt{background:#fff;font-family:var(--mono);color:var(--frank-ink);padding:24px;max-width:420px;margin:0 auto;border-radius:4px;box-shadow:0 12px 32px #0000001f;position:relative;--zigzag: 8px;mask:radial-gradient(var(--zigzag) at var(--zigzag) 0,#0000 98%,#000) calc(-1 * var(--zigzag)) 0/calc(2 * var(--zigzag)) 100%,radial-gradient(var(--zigzag) at var(--zigzag) 100%,#0000 98%,#000) calc(-1 * var(--zigzag)) 100%/calc(2 * var(--zigzag)) 100%;-webkit-mask-composite:source-in;mask-composite:intersect}.receipt h3{font-family:var(--display);font-weight:800;font-size:18px;text-align:center;letter-spacing:-.01em;margin-bottom:4px}.receipt .rcpt-sub{text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--frank-muted);margin-bottom:18px}.receipt .rcpt-divider{border-top:1px dashed var(--frank-ink);margin:14px 0}.receipt .rcpt-row{display:flex;justify-content:space-between;font-size:12px;margin:6px 0}.receipt .rcpt-row .k{color:var(--frank-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.receipt .rcpt-row .v{font-weight:600}.receipt .rcpt-big{font-family:var(--display);font-weight:800;font-size:22px;text-align:center;letter-spacing:-.02em;margin:12px 0 8px}.receipt .rcpt-footer{text-align:center;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--frank-muted);margin-top:14px}.photo-reveal{background:var(--frank-ink);border-radius:18px;padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:440px;box-shadow:0 12px 32px #0000001f}.photo-reveal-img{background:#0d0a08;position:relative;overflow:hidden}.photo-reveal-img img{width:100%;height:100%;object-fit:cover}.photo-reveal-img .no-photo{width:100%;height:100%;display:grid;place-items:center;color:#ffffff4d;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:20px}.photo-reveal-meta{padding:34px;color:var(--frank-paper);display:flex;flex-direction:column;justify-content:center}.photo-reveal-meta .recipe-tag{color:var(--frank-pink)}.photo-reveal-meta .recipe-tag:before{background:var(--frank-pink)}.photo-reveal-meta .recipe-title{color:var(--frank-paper)}.photo-reveal-meta .recipe-sub{color:#f6efe699}.photo-reveal-meta .layer-row{border-color:#f6efe61a}.photo-reveal-meta .layer-row:last-child{border-bottom-color:#f6efe61a}.photo-reveal-meta .layer-name{color:var(--frank-paper)}.photo-reveal-meta .layer-note{color:#f6efe6b3}.photo-reveal-meta .layer-th,.photo-reveal-meta .layer-kind{color:#f6efe673}.tweaks{position:fixed;right:24px;bottom:24px;z-index:100;background:#fff;border:1px solid var(--frank-line);border-radius:12px;width:280px;box-shadow:0 20px 40px -10px #0003;font-family:var(--sans);display:none;overflow:hidden}.tweaks.open{display:block}.tweaks-head{padding:14px 18px;border-bottom:1px solid var(--frank-line);display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:-.01em}.tweaks-body{padding:16px 18px 18px}.tweak-group{margin-bottom:14px}.tweak-group:last-child{margin-bottom:0}.tweak-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--frank-muted);margin-bottom:8px}.tweak-opts{display:flex;gap:6px;flex-wrap:wrap}.tweak-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--frank-line);background:var(--frank-paper);color:var(--frank-ink);font-family:var(--mono);font-size:11px;padding:6px 10px;border-radius:6px;cursor:pointer}.tweak-opt.on{background:var(--frank-ink);color:var(--frank-paper);border-color:var(--frank-ink)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(60px);background:var(--frank-ink);color:var(--frank-paper);padding:12px 22px;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;z-index:200;opacity:0;transition:all .3s ease;pointer-events:none;box-shadow:0 10px 30px -10px #0006}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.foot{margin-top:60px;padding-top:24px;border-top:1px solid var(--frank-line);display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--frank-muted);flex-wrap:wrap}@media (max-width: 900px){:root{--flip-h: 80px}.app{padding:20px 16px 80px}.hero{padding:0 0 20px}.recipe{grid-template-columns:1fr;gap:24px;padding:22px}.photo-reveal{grid-template-columns:1fr;min-height:0}.photo-reveal-img{aspect-ratio:4/5}.controls{justify-content:center}.cup-viz{aspect-ratio:5/4;max-width:320px;margin:0 auto}.tweaks{right:12px;bottom:12px;width:calc(100vw - 24px);max-width:320px}.spec-grid{grid-template-columns:1fr 1fr}.board{padding:20px 14px 18px}.reels{gap:8px}.reel-note{display:none}}@media (max-width: 600px){:root{--flip-h: 72px}.head{padding-bottom:14px;margin-bottom:22px}.brand-logo{height:30px!important}.head-meta{font-size:10px;line-height:1.4}.hero{padding:0 0 18px}.hero-title{font-size:32px}.hero-sub{font-size:11px}.modes{margin:0 0 10px;padding:4px;border-radius:999px}.mode-btn{font-size:10px;padding:7px 11px}.filters{gap:5px;margin-bottom:12px}.chip{font-size:10px;padding:5px 9px}.filter-label{font-size:9px;letter-spacing:.06em}.chip-group-div{display:none}.board{padding:14px 10px;border-radius:16px}.board-meta{font-size:9px;padding:0 2px 14px}.reels{gap:6px}.reel-label{font-size:9px}.flip-card{font-size:12px;padding:4px;line-height:1}.reel-foot{gap:4px;padding-top:4px}.lock-btn{width:24px;height:24px;border-radius:5px}.spin-btn{padding:14px 36px;font-size:13px}.board-hint{font-size:10px;margin-top:8px}.result-wrap{margin-top:24px}.recipe{padding:18px 16px;gap:20px}.recipe-tag{font-size:9px}.recipe-title{font-size:26px}.recipe-sub{font-size:14px}.layer-row{grid-template-columns:14px 1fr auto;gap:10px;padding:10px 0}.layer-name{font-size:15px}.layer-note{font-size:13px}.layer-kind{font-size:8px}.spec-grid{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px}.spec-cell dd{font-size:14px}.cup-viz{aspect-ratio:16/9;max-width:100%}.result-actions{gap:8px;margin-top:16px}.act-btn{font-size:10px;padding:9px 16px}.receipt{padding:18px}.foot{font-size:10px;flex-direction:column;gap:8px}}@media (max-width: 380px){:root{--flip-h: 60px}.flip-card{font-size:11px}.hero-title{font-size:28px}.reels{gap:4px}.board{padding:12px 8px}.spec-grid{grid-template-columns:1fr}}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0806049e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:share-fade .18s ease-out}@keyframes share-fade{0%{opacity:0}to{opacity:1}}.share-modal{position:relative;background:var(--frank-paper);border:1px solid var(--frank-line);border-radius:14px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;padding:26px 22px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px #0006;animation:share-pop .22s cubic-bezier(.2,.85,.35,1)}@keyframes share-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.share-close{position:absolute;top:10px;right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--frank-muted);font-size:22px;line-height:1;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.share-close:hover{background:#0000000f;color:var(--frank-ink)}.share-head{padding-right:32px}.share-title{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--frank-ink)}.share-sub{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--frank-muted);margin-top:4px}.share-preview{background:#0000000a;border:1px dashed var(--frank-line);border-radius:8px;min-height:180px;display:flex;align-items:center;justify-content:center;padding:10px}.share-preview img{display:block;max-width:100%;max-height:50vh;height:auto;border-radius:4px;box-shadow:0 6px 18px #0000002e}.share-loading,.share-error{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--frank-muted);padding:18px;text-align:center}.share-error{color:#b04040}.share-section{display:flex;gap:8px;flex-wrap:wrap}.share-section-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--frank-muted);margin-top:2px}.share-btn{flex:1 1 0;min-width:92px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--frank-line);background:var(--frank-paper);color:var(--frank-ink);padding:10px 12px;border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s,border-color .15s,transform .05s}.share-btn:hover{background:var(--frank-pink-3);color:var(--frank-paper);border-color:var(--frank-pink-3)}.share-btn:active{transform:translateY(1px)}.share-btn.primary{background:var(--frank-ink);color:var(--frank-paper);border-color:var(--frank-ink)}.share-btn.primary:hover{background:var(--frank-ink-2);border-color:var(--frank-ink-2)}.share-btn.social svg{display:block}.share-btn.social.x:hover{background:#000;color:#fff;border-color:#000}.share-btn.social.fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-btn.social.ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743 60%,#bc1888);color:#fff;border-color:transparent}.share-tip{font-family:var(--mono);font-size:10px;line-height:1.6;color:var(--frank-muted);letter-spacing:.03em;border-top:1px dashed var(--frank-line);padding-top:10px}.share-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%,12px);background:var(--frank-ink);color:var(--frank-paper);padding:8px 14px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;white-space:nowrap}.share-hint.show{opacity:1;transform:translate(-50%)}@media (max-width: 480px){.share-modal{padding:22px 16px 18px}.share-btn{min-width:0;flex-basis:calc(50% - 4px)}.share-btn.primary{flex-basis:100%}}