:root{--pp-bg:#1e1e1e;--pp-surface:#2a2a2a;--pp-surface-2:#353535;--pp-border:#444;--pp-red:#f40009;--pp-red-dark:#c40007;--pp-text:#ffffff;--pp-muted:#b3b3b3;--pp-radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--pp-text);background:#000;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.pp-app{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--pp-bg);position:relative}.pp-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--pp-border)}.pp-brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.pp-brand__mark{color:var(--pp-red)}.pp-serial{color:var(--pp-muted);font-size:.75rem}.pp-content{flex:1 1 auto;display:flex;flex-direction:column;padding:1.5rem 1.25rem 7rem}.pp-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.pp-subtitle{color:var(--pp-muted);font-size:.95rem;margin:0 0 1.5rem}.pp-cta{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--pp-bg) 70%,transparent)}.pp-btn{display:block;width:100%;border:none;border-radius:50rem;padding:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .15s ease}.pp-btn--primary{background:var(--pp-red);color:#fff}.pp-btn--primary:hover:not(:disabled){background:var(--pp-red-dark)}.pp-btn--ghost{background:rgba(0,0,0,0);color:var(--pp-text);border:1px solid var(--pp-border)}.pp-btn:disabled{opacity:.4;cursor:not-allowed}.pp-back{background:none;border:none;color:var(--pp-muted);font-size:.95rem;padding:0;margin-bottom:1rem;cursor:pointer}.pp-options{display:flex;flex-direction:column;gap:.75rem}.pp-tile{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;background:var(--pp-surface);border:2px solid rgba(0,0,0,0);border-radius:var(--pp-radius);padding:1rem 1.25rem;color:var(--pp-text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.pp-tile:hover:not(.pp-tile--disabled){background:var(--pp-surface-2)}.pp-tile--selected{border-color:var(--pp-red)}.pp-tile--disabled{opacity:.35;cursor:not-allowed}.pp-tile__swatch{width:2.5rem;height:2.5rem;border-radius:50%;flex:0 0 auto}.pp-tile__body{flex:1 1 auto}.pp-tile__label{font-weight:700;font-size:1.05rem}.pp-tile__meta{color:var(--pp-muted);font-size:.85rem}.pp-center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:2rem 1.5rem}.pp-splash{background:var(--pp-red)}.pp-splash__wordmark{font-size:2.75rem;font-weight:900;line-height:1.05;letter-spacing:.04em;text-transform:uppercase}.pp-spinner{width:3rem;height:3rem;border:4px solid var(--pp-surface-2);border-top-color:var(--pp-red);border-radius:50%;animation:pp-spin .9s linear infinite}@keyframes pp-spin{to{transform:rotate(1turn)}}.pp-recipe{background:var(--pp-surface);border-radius:var(--pp-radius);padding:1rem 1.25rem;margin-top:1.25rem}.pp-recipe__row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--pp-border);font-size:.9rem}.pp-recipe__row:last-child{border-bottom:none}.pp-error{color:#ff6b6b;font-size:.9rem;margin-top:.75rem}.pp-pour{width:12rem;height:12rem;border-radius:50%;border:4px solid var(--pp-red);background:var(--pp-surface);color:var(--pp-text);font-size:1.15rem;font-weight:700;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .1s ease,background-color .1s ease}.pp-pour--active{background:var(--pp-red);transform:scale(.96)}.pp-check{width:4.5rem;height:4.5rem;border-radius:50%;background:var(--pp-red);display:flex;align-items:center;justify-content:center;font-size:2.25rem}