body{color:#121212;background-color:#fff;margin:0;font-family:Arial,sans-serif}main{flex-direction:column;gap:12px;max-width:360px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.result-page{text-align:center}.app-logo{object-fit:contain;width:50px;height:50px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:320px;margin:0 auto;display:grid}.skill-button{cursor:pointer;width:100%;height:44px;transform:all .2s ease;background:#fff;border:2px solid;border-radius:999px;justify-content:center;align-items:center;margin-top:16px;font-size:.95rem;font-weight:500;display:flex}.skill-button:hover{opacity:.9;transform:translateY(-2px)}.skill-button.selected{font-weight:600;transform:scale(1.02);box-shadow:0 4px 10px #0000001a}.skill-button:disabled{opacity:.4;cursor:not-allowed}.selected-colors-preview{justify-content:center;gap:12px;margin:12px 0 4px;display:flex}.color-dot{border:2px solid #1b2a6b;border-radius:999px;width:18px;height:18px;display:inline-block}.mocktail-image{width:100%;max-width:140px;height:auto;margin:16px auto;display:block}.primary-button{color:#fff;cursor:pointer;background-color:#e51236;border:none;border-radius:999px;width:100%;height:48px;font-size:1rem;font-weight:600;transition:all .2s}.primary-button:hover{opacity:.9}.primary-button:disabled{cursor:not-allowed;background-color:#f3a3ad}button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:12px;min-height:44px;padding:12px 16px}.drink-glass{width:220px;height:320px;margin:10px auto;position:relative}.drink-base{object-fit:contain;z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.drink-liquid{z-index:1;pointer-events:none;position:absolute}.drink-overlay{object-fit:contain;pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.drink-glass.designer .drink-liquid{clip-path:polygon(-1% 0%,103% 0%,56% 100%,44% 101%);opacity:.95;filter:saturate(1.05);width:167px;height:94px;top:52px;left:25px}.drink-glass.developer .drink-liquid{filter:saturate(1.05);width:181px;height:115px;top:112px;left:15px}.drink-liquid-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.drink-surface{z-index:3;object-fit:contain;pointer-events:none;opacity:.95;width:219px;height:auto;position:absolute;top:107px;left:2px}.drink-surface-designer{z-index:3;object-fit:contain;pointer-events:none;opacity:.95;width:170px;height:auto;position:absolute;top:66px;left:23px}.drink-ice{z-index:4;object-fit:contain;pointer-events:none;opacity:1.85;width:170px;height:auto;position:absolute;top:65px;left:29px}.drink-tint-svg{z-index:5;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.drink-highlight-svg{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.drink-highlight-designer-svg{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;top:6px;left:50px}.glass-wrapper{flex-direction:column;align-items:center;margin:16px 0;display:flex}.glass{background:#fff;border:3px solid #111;flex-direction:column-reverse;width:160px;height:220px;display:flex;overflow:hidden}.developer .glass{border-radius:0 0 24px 24px}.designer .glass{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.layer{flex:1}.stem{background:#111;width:6px;height:70px}.base{background:#111;border-radius:999px;width:90px;height:8px}ul{padding-left:20px}