.ob{width:100%}.ob__title{font-family:var(--font-serif);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:300;line-height:1.3;margin-bottom:24px;text-align:center}.ob__desc{font-family:var(--font-serif);font-size:1.125rem;font-style:italic;color:var(--void-gray-600);line-height:1.8;text-align:center;margin-bottom:16px}.ob__sub{font-size:.875rem;color:var(--void-gray-400);line-height:1.7;text-align:center;margin-bottom:40px}.ob__pick-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:300;margin-bottom:24px;text-align:center}.ob__picks{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.ob__pick-btn{width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--void-gray-100);border:1px solid var(--void-gray-300);color:var(--parchment);font-size:1rem;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.ob__pick-btn:hover{border-color:var(--dusk)}.ob__pick-btn--custom{border-style:dashed}.ob__pick-emoji{font-size:1.5rem;min-width:36px;text-align:center}.ob__pick-label{display:block;font-weight:500}.ob__pick-desc{display:block;font-size:.75rem;color:var(--void-gray-500);margin-top:2px}.ob__browse{display:block;width:100%;text-align:center;color:var(--dusk);font-size:.875rem;background:none;border:none;cursor:pointer;padding:12px}.ob__cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ob__cat{padding:6px 14px;background:var(--void-gray-100);border:1px solid var(--void-gray-300);color:var(--void-gray-500);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.ob__cat--active{border-color:var(--dusk);color:var(--dusk)}.ob__detail-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:300;text-align:center;margin-bottom:32px}.ob__field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.ob__label{font-size:.75rem;color:var(--void-gray-500);text-transform:uppercase;letter-spacing:.05em}.ob__input{background:var(--void-gray-100);border:1px solid var(--void-gray-300);color:var(--parchment);font-size:1rem;padding:12px 16px;outline:none}.ob__input:focus{border-color:var(--dusk)}.ob__hint{font-size:.625rem;color:var(--dusk);font-style:italic}.ob__row{display:flex;gap:8px}.ob__opt{flex:1;padding:10px;background:var(--void-gray-100);border:1px solid var(--void-gray-300);color:var(--void-gray-500);font-size:.875rem;cursor:pointer}.ob__opt--active{border-color:var(--dusk);color:var(--dusk)}.ob__error{color:var(--status-error);font-size:.875rem;margin-bottom:12px;text-align:center}.ob__cta{display:block;width:100%;padding:14px;background:var(--ember);color:var(--void-black);font-weight:700;font-size:1rem;border:none;cursor:pointer;text-align:center;text-decoration:none;margin-bottom:12px}.ob__cta:disabled{opacity:.5;cursor:not-allowed}.ob__back{display:block;width:100%;padding:12px;background:none;border:1px solid var(--void-gray-400);color:var(--void-gray-400);font-size:.875rem;cursor:pointer;text-align:center;text-decoration:none}.ob--result{text-align:center;padding:32px 0}.ob__together{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--void-gray-200)}.ob__together-label{font-size:.875rem;color:var(--void-gray-500);margin-bottom:8px}.ob__together-num{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--moss)}.ob__remaining-label{font-size:.75rem;color:var(--void-gray-500);margin-bottom:4px}.ob__remaining{font-family:var(--font-mono);font-size:clamp(3rem,10vw,5rem);font-weight:700;color:var(--dusk);line-height:1;margin-bottom:8px}.ob__unit{font-size:.3em;font-weight:400;color:var(--void-gray-500);margin-left:4px}.ob__result-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:300;font-style:italic;margin-bottom:8px}.ob__result-note{font-size:.875rem;color:var(--void-gray-500);margin-bottom:24px}.ob__disclaimer{font-size:.625rem;color:var(--void-gray-400);line-height:1.5;margin-bottom:24px;font-style:italic}.ob__gentle{font-size:.75rem;color:var(--void-gray-400);line-height:1.6;margin-top:24px;padding-top:24px;border-top:1px solid var(--void-gray-200)}.ob--done{text-align:center;padding:48px 0}.ob__done-emoji{font-size:3rem;margin-bottom:16px}.ob__done-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:300;margin-bottom:32px}.ob__done-actions{display:flex;flex-direction:column;gap:12px}.ob__pick-btn:focus-visible,.ob__cat:focus-visible,.ob__opt:focus-visible,.ob__cta:focus-visible,.ob__back:focus-visible,.ob__browse:focus-visible,.ob__input:focus-visible{outline:2px solid var(--dusk);outline-offset:2px}